html, body {
    height:100%;
}
.artikel {
    max-width: 80ch;
    padding: 2vw;
    margin: auto;
    margin-top: 5vw;
    background-color: white;
    border-radius: 1%;
    border: 1px solid grey;
}
.artikel-contact {
    max-width: 80ch;
    margin: auto;
    padding: 2vw;
    /* margin-top: 5vw; */
    background-color: white;
    /* border-radius: 2%; */
    /* border: 1px solid grey; */
}
h1.shadowed {
    text-shadow: 2px 2px #000000;
    /* text-shadow: 2px 2px #0077be; */
}
h1.marine-shade {
    color: white;
    text-shadow: 2px 2px rgb(169,30,34);
    /* text-shadow: 2px 2px #0077be; */
}
h2.shadowed {
    text-shadow: 2px 2px #000000;
    /* text-shadow: 2px 2px #0077be; */
}
p.strong {
    font-weight: bold;
}
p.services {
    font-weight: bold;
    color: rgb(169,30,34);
}

.container {
    padding-top: 70px;
}
table {
    /* border: 1px solid #ddd; */
    background-color: #ffffff7f;
}
tr:nth-child(even) {
    background-color: #f5f5f5;
}
tr:hover {
    background-color: #d0d0d0;
}
th {
    background-color: #d0d0d0;
}
td {
    border-bottom: 1px solid #ddd;
}
th, td {
    padding: 5px;
}

h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight:800;
}
h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
}

footer {
    width: 100%;
    padding: 1vh;
    margin-top: 5vh;
    /* doesnt work background-color: linear-gradient(90deg, rgba(58, 84, 164) 0%, rgb(169,30,34) 50%); */
    background-image:linear-gradient(90deg, rgba(58, 84, 164) 0%, rgb(169,30,34) 60%);
    height:50px;
    text-align: center;
    color:#dddddd
}

.service-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 270px;
  border-radius: 10%;
  /* filter: grayscale(100%); */
  filter:saturate(200%);
}

.cust-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  border-radius: 5%;
}

.cust-img-white {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  border-radius: 5%;
  border: 1px solid grey;
}

.header-block::before {
}
.header-block {
    /* clip-path: polygon(-5.59% 12px, 78.66% 8.33%, 73.61% 76.72%, -64px 87.99%); */
    background: linear-gradient(90deg, rgba(255, 255, 255) 0%,rgba(58, 84, 164) 20%, rgb(169,30,34) 30%);
    padding: 1vw;
    clip-path:polygon(-5.59% 12px, 100.05% 11.51%, 88.99% 89.43%, -64px 87.99%);
}
.nav-link {
    color: rgba(58, 84, 164);
}

/* .txt-holder { */
/*     width: 455px; */
/* } */

.service-item {
    padding-top: 1vw;
    position:relative;
}

.img-holder {
    box-sizing: border-box;
}
.service-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5%;
  width: 700px;
}

.service-title {
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 600; */
    font-size: larger;
    /* background: linear-gradient(90deg, rgba(255, 255, 255) 0%,rgba(58, 84, 164) 20%, rgb(169,30,34) 30%);  */
    color:rgba(58, 84, 164);
}
.about-image {
  border-radius: 5%;
  width: 700px;
}
/* .img-holder img { */
/* 	width:auto !important; */
/* } */
/* color schema */
/* main : rgba(51,163,255,1) */