@charset "UTF-8";
/* CSS Document */
/* protest-strike-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Protest Strike';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/protest-strike-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* martel-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/martel-sans-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* martel-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/martel-sans-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* martel-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Martel Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/martel-sans-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {scroll-behavior: smooth;}
body {margin:0;overflow-x: hidden;height:100%;}
/* allgemeine Styles */
h1 {font-size:32px;line-height:36px;font-family: "Protest Strike", sans-serif;color:#3CBBD3;text-transform: uppercase;text-align: left;margin: 0 0 15px 0;}
h2 {font-size:25px;line-height:28px;font-family: "Protest Strike", sans-serif;color:#000000;text-transform: uppercase;text-align: left;margin: 30px 0 30px 0;}
h3 {border-bottom: 1px solid #000000;font-size:23px;line-height:26px;font-family: "Protest Strike", sans-serif;color:#000000;text-transform: none;text-align: left;margin: 15px 0 10px 0;padding-bottom:4px}
p {padding: 10px 0 10px 0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#000000;text-align: left;margin: 0;}
a {color:#2daec8;text-decoration:none}
a:hover {text-decoration:underline}
#content_start .clearfix a:focus-within {background-color:#3CBBD3;color:#ffffff;outline:none}
ul {padding-left:0px;}
ul li {padding-left: 26px;background-repeat:no-repeat;list-style-type:none;background-image: url('../img/check.svg');font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px;color:#000000;margin: 0 0 10px 0;background-size:21px;background-position-y: 0px;}
ol {padding-left:0px;padding-top:10px}
ol span {padding-bottom:6px;display: block;}
ol li {background-repeat:no-repeat;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px;color:#000000;margin: 0 0 0px 0;background-size:21px;background-position-y: 0px;}
ol li ul{padding-bottom:20px}
figure.table {margin: 20px 0 20px 0;overflow-x: auto;}
table.contenttable {width: 100%;}
th {background-color: #3CBBD3;color: #ffffff;text-align: left;padding: 12px;font-family: "Protest Strike", sans-serif;font-size: 17px;line-height: 18px;}
td {background-color: #f1f1f1;padding: 12px 12px 9px 12px;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 14px;line-height: 18px; color:#000000;text-align: left}
.tableweiss {width: 100%;background-color:#ffffff;height:auto}
.tableweiss th:first-child {width:35%}
.tableweiss th:second-child {width:65%}
.spaltegrau {width: 100%;background-color:#f1f1f1;height:auto;padding:0px 20px 10px 20px;margin-top:20px}
.tableweiss td:first-child {color:#000000;background-color:#f1f1f1;font-weight:bold}
#content_start {width: 100%;margin: 0 auto;}
#contentwrapper {width:1200px;height:auto;margin:0 auto}
#content_navi {;height:auto;padding-bottom: 60px;overflow: hidden;}
#leftRow{width:260px;float:left;margin-right:40px;overflow:hidden;}
#leftNav,#leftContainer{width:260px;margin:0px 0px 30px 0;float:left;padding:0;overflow:hidden}
#leftContainer {float:none;margin:0;padding:0;border:none;width:100%;height:auto}
#content_unter {width: 1200px;margin: 0 auto;padding:20px 0 40px 0; margin-top: 50px;}
/* Button-UP */
#button {
  display: inline-block;
  background-color: #3CBBD3;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 15px;
  right: calc(5% - 0px);
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;padding:16px;
  -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}
#button::after {
  content: "";
  background: url(../img/chevron-up-solid.svg);
  display: block;
  background-repeat:no-repeat;
  background-size: 18px;
  height:18px;width:18px
  
}
#button:hover {
  cursor: pointer;
  background-color:#2daec8;
}
#button:active {
  background-color:#2daec8;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*Anker*/
#c377 {scroll-margin-top: 100px;scroll-behavior: smooth}
#c378 {scroll-margin-top: 100px;scroll-behavior: smooth}

/*Form - Kontaktformular-black*/
#c345 {width:60%;margin: 0 auto;}
#c359 {width:60%;margin: 0 auto;}
#c370 {width:60%;margin: 0 auto;}
.kontakt .form-group {font-size: 17px;font-family: "Protest Strike", sans-serif;font-weight: 300;}
.kontakt .form-group .radio {display: inline-flex;padding-bottom:30px;padding-right:20px;padding-top:20px}
.kontakt .form-group .input input::placeholder {color:#ffffff;opacity:1}
.kontakt .form-group .input input::placeholder {color:#ffffff;opacity:1}
.kontakt .form-group .input textarea::placeholder {color:#ffffff;opacity:1}
.kontakt .form-group select#kontakt-DE-345-countryselect-1:focus-visible {outline-color:#3CBBD3}
.kontakt .form-group select#kontakt-DE-345-countryselect-1 {color:#ffffff;width: 100%; margin-bottom: 15px;border:1px solid #ffffff!important; min-height: 58px;font-size: 16px;background-color: #000000;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;}
.kontakt .form-group .input textarea:focus-visible {outline-color:#3CBBD3}
.kontakt .form-group select#contact-EN-359-countryselect-1:focus-visible {outline-color:#3CBBD3}
.kontakt .form-group select#contact-EN-359-countryselect-1 {color:#ffffff;width: 100%; margin-bottom: 15px;border:1px solid #ffffff!important; min-height: 58px;font-size: 16px;background-color: #000000;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;}

.kontakt .form-group .input input[type="text"] {color:#3CBBD3;width: 98%; margin-bottom: 15px; min-height: 58px;font-size: 16px;background-color: #000000;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;border:1px solid #ffffff;}
.kontakt .form-group .input input[type="email"] {color:#3CBBD3;width: 98%; margin-bottom: 15px; min-height: 58px;font-size: 16px;background-color: #000000;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;border:1px solid #ffffff;}
.kontakt .form-group .input input[type="checkbox"]:focus-visible {outline: 2px solid #3CBBD3}
.kontakt .form-group .input input[type="tel"] {color:#3CBBD3;width: 98%; margin-bottom: 15px; min-height: 58px;font-size: 16px;background-color: #000000;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;border:1px solid #ffffff;}
.kontakt .form-group .input textarea {color:#3CBBD3;border:1px solid #ffffff!important;padding-top: 15px!important;width: 98%; margin-bottom: 0px; min-height: 150px;font-size: 16px;background-color: #000000;border: 0;padding-left:10px;padding-top:5px;font-family: 'Martel Sans';font-weight:300}
.kontakt .form-check {width: 50%; float: none; margin-top: 10px;}
.checkbox .form-check {width: 40px;}
.kontakt form-group .input textarea#kontakt-DE-345-textarea-1 {color: #ffffff;}
.kontakt .form-check .form-check-label {vertical-align: sub;width: auto;display: block;color: #ffffff;font-family:"Martel Sans", sans-serif;font-size:16px}
.kontakt button.btn {border-radius: 3px;transition: all 0.2s;margin-top: 0px;border: 0;background-color: #ffffff; padding: 8px; color: #000000;padding: 15px;text-transform: uppercase;font-family: "Protest Strike";font-size: 18px;padding: 25px 50px 25px 50px;cursor:pointer;margin-bottom: 10px;width:100%;font-weight:600}
.kontakt button.btn:hover {background-color:#3CBBD3;border: 0;color:#ffffff;transition: all 0.5s;}
.kontakt button.btn:focus-within {background-color:#3CBBD3;border: 0;color:#ffffff;outline:none}
.kontakt .clearfix p {color:#ffffff}
.kontakt .clearfix a {color:#3CBBD3;margin-top: 3px;display: inline-block;}
.kontakt label.form-label {display: block;color: #ffffff;font-family:"Martel Sans", sans-serif;font-size:16px}


#kontakt-DE-345 .input.checkbox {margin-top: 10px;}
#kontakt-DE-345 .row { display: flex;margin: 8px 0;padding-bottom: 0px;}
#kontakt-DE-345 .row p {margin: 0;font-size: 16px;font-family:"Martel Sans", sans-serif;}
#kontakt-DE-345 .form-group {margin-top: 0;}

#contact-EN-359 .input.checkbox:focus-visible {border:2px solid #3CBBD3}
#contact-EN-359 .input.checkbox {margin-top: 10px;}
#contact-EN-359 .row { display: flex;margin: 8px 0;padding-bottom: 0px;}
#contact-EN-359 .row p {margin: 0;font-size: 16px;font-family:"Martel Sans", sans-serif;}
#contact-EN-359 .form-group {margin-top: 0;}

/*Form - Kontaktformular-white*/
#c370 {width:80%;margin: 0 auto;}
#c375 {width:80%;margin: 0 auto;}
#content_navi .form-group {font-size: 17px;font-family: "Protest Strike", sans-serif;font-weight: 300;}
#content_navi .form-group .radio {display: inline-flex;padding-bottom:30px;padding-right:20px;padding-top:20px}
#content_navi .form-group .input input::placeholder {color:#000000;opacity:1}
#content_navi .form-group .input input::placeholder {color:#000000;opacity:1}
#content_navi .form-group .input textarea::placeholder {color:#000000;opacity:1}
#content_navi .form-group .input textarea:focus-visible {outline-color:#3CBBD3}
#content_navi .form-group select#kontakt-DE-370-countryselect-1:focus-visible {outline-color:#3CBBD3}
#content_navi .form-group select#kontakt-DE-370-countryselect-1 {color:#000000;width: 99.5%; margin-bottom: 15px;border:1px solid #000000!important; min-height: 58px;font-size: 16px;background-color: #ffffff;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;}
#content_navi .form-group select#contact-EN-375-countryselect-1:focus-visible {outline-color:#3CBBD3}
#content_navi .form-group select#contact-EN-375-countryselect-1 {color:#000000;width: 99.5%; margin-bottom: 15px;border:1px solid #000000!important; min-height: 58px;font-size: 16px;background-color: #ffffff;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;}
#content_navi .form-group .input textarea {color:#3CBBD3;border:1px solid #000000!important;padding-top: 15px!important;width: 98%; margin-bottom: 0px; min-height: 150px;font-size: 16px;background-color: #ffffff;border: 0;padding-left:10px;padding-top:5px;font-family: 'Martel Sans';font-weight:300}
#content_navi .form-group .input input[type="text"] {color:#3CBBD3;width: 98%; margin-bottom: 15px; min-height: 58px;font-size: 16px;background-color: #ffffff;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;border:1px solid #000000;}
#content_navi .form-group .input input[type="email"] {color:#3CBBD3;width: 98%; margin-bottom: 15px; min-height: 58px;font-size: 16px;background-color: #ffffff;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;border:1px solid #000000;}
#content_navi .form-group .input input[type="checkbox"]:focus-visible {outline: 2px solid #3CBBD3}
#content_navi .form-group .input input[type="tel"] {color:#3CBBD3;width: 98%; margin-bottom: 15px; min-height: 58px;font-size: 16px;background-color: #ffffff;border: 0;padding-left:10px;font-family: 'Martel Sans';font-weight:300;border:1px solid #000000;}
#content_navi. checkbox .form-check {width: auto;}
#content_navi .form-check .form-check-label {vertical-align: sub;width: auto;display: block;color: #000;font-family:"Martel Sans", sans-serif;font-size:16px}
#content_navi button.btn {border-radius: 3px;transition: all 0.2s;margin-top: 0px;border: 0;background-color: #000000; padding: 8px; color: #ffffff;padding: 15px;text-transform: uppercase;font-family: "Protest Strike";font-size: 18px;padding: 25px 50px 25px 50px;cursor:pointer;margin-bottom: 10px;width:100%;font-weight:600}
#content_navi button.btn:hover {background-color:#3CBBD3;border: 0;color:#ffffff}
#content_navi button.btn:focus-within {background-color:#3CBBD3;border: 0;color:#ffffff;outline:none}
#content_navi .clearfix p {color:#000000}
#content_navi .clearfix a {color:#3CBBD3;margin-top: 3px;display: inline-block;}
#content_navi .clearfix a:hover {text-decoration:underline}
#content_navi .clearfix a:focus-within {text-decoration:underline;outline:none}
#content_navi label.form-label {display: block;color: #000000;font-family:"Martel Sans", sans-serif;font-size:16px}
#kontakt-DE-370 .input.checkbox {margin-top: 10px;}
#kontakt-DE-370 .row { display: flex;margin: 8px 0;padding-bottom: 0px;}
#kontakt-DE-370 .row p {color:#000000;margin: 0;font-size: 16px;font-family:"Martel Sans", sans-serif;}
#kontakt-DE-370 .form-group {margin-top: 0;}
#contact-EN-375 .input.checkbox {margin-top: 10px;}
#contact-EN-375 .row { display: flex;margin: 8px 0;padding-bottom: 0px;}
#contact-EN-375 .row p {color:#000000;margin: 0;font-size: 16px;font-family:"Martel Sans", sans-serif;}
#contact-EN-375 .form-group {margin-top: 0;}



#c177 {width: 50%;margin: 0 auto}
#c787 {width: 50%;margin: 0 auto}
#c1067 {width: 50%;margin: 0 auto}


/* Unternavi */
#rnav{border-radius: 0px;width:auto;height:auto;background-color:#3CBBD3;overflow:hidden;}
#rnav ul{width:100%;height:auto;display:block;margin:0;padding:0;list-style:none;}
#rnav ul li {background-image: none;border-bottom: 1px solid #ffffff;font-family: "Protest Strike", sans-serif;font-size:18px;line-height:22px;text-align:left;padding:15px;margin: 0 0 0 0;text-decoration:none;color:#fff;text-transform:uppercase;text-indent:0}
#rnav ul li:last-child {margin-bottom:0}
#rnav ul li a{text-decoration:none;color:#fff;text-transform:uppercase;display:inline-block;}
#rnav ul li:hover,#rnav ul li.active{background-color:#000000;color:#ffffff;text-decoration:none}

#rnav ul li ul {width:100%;height:auto;display:block;margin: 0 0 0 10px;padding:0;list-style:none;}
#rnav ul li ul li {margin-top: 8px;border-bottom: none;background-color:transparent;font-family: "Protest Strike", sans-serif;font-size:18px;line-height:22px;border-radius: 0px;text-align:left;padding:7px 0 0 0px;text-decoration:none;color:#ffffff;text-transform:uppercase;text-indent:0}
#rnav ul li ul li a{text-decoration:none;color:#ffffff;text-transform:none}
#rnav ul li ul li a:hover {color:#3CBBD3}
#rnav ul li ul li a:focus-within {color:#3CBBD3;outline:none}
#rnav ul li ul li a.active {color:#3CBBD3}

.pdf-link {display: inline-block;padding: 15px 0 10px 0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#3CBBD3;text-align: left;margin: 0;}
.pdf-link::before {content: url("../img/file-pdf-solid.svg");display: inline-block;width: 15px;height: 15px;margin-right: 5px;}
a.pdf-link:hover {text-decoration:underline;background-color: none}

/* Header & Navi & Suche */
#inhaltwrapper{width:1200px;height:auto;margin:0 auto;overflow: hidden;}
#headerwrapper {width: 100%;height: 105px;box-shadow: 0 8px 20px -6px grey; -moz-box-shadow: 0 8px 20px -20px black; -webkit-box-shadow:  0 8px 20px -20px black; -moz-box-shadow: 0 8px 20px -20px black; z-index: 110;background-color:#ffffff;position: fixed;overflow: visible;}
#header {width: 25%;float:left}
#header a:focus-visible {outline: 2px solid #000000 !important;border-radius: 5px !important;margin-left: 3px;}
#header a:focus {outline:none}
#header img {width: 210px;height: auto;padding:0 0 0 0px;}
#languagewrapper {width: 100%;height:auto;background-color:transparent;margin-top:14px}
.language {width: auto;height:auto;float:right;}
.language p {font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;text-align:right;padding: 0 0px 0 0px;margin: 0;}
.language p::before {content: url(../img/weltkugel.svg);display: inline-block;height: 19px;width: 19px;padding-right: 6px;top: 4px;position: relative;}
.language p a {color:#000000;text-decoration:none;}
.language p a:hover {text-decoration:none;color:#3CBBD3}
.language p a:focus-within {text-decoration:none;background-color:#000000;color:#ffffff;;outline:none}

.suche {padding:4px 0 0 0;float: right;margin-right: 20px;margin-top:0}
.suche img {width: 22px;height: 22px}
.suche img:focus-within {border:1px solid #3CBBD3;outline:none}
.suche a:focus-visible {outline: 2px solid #000000 !important;border-radius: 5px !important;}
.suche a:focus {outline:none}

/* Navi*/
#navi{position: relative;z-index: 150;margin-top: 0; width:70%; overflow:hidden; background-color:transparent;float:right;padding-right:0px}
#navi ul{margin: 0 auto; padding: 0;padding: 4px 0 0 0px;float: right;}
#navi ul li{background-image: none;display:block; float:left; padding: 18px 0 0 25px;font-size: 18px;}
#navi ul li a{font-family: "Protest Strike", sans-serif;font-size:21px; color:#000000;text-transform:uppercase;text-decoration: none}
#navi ul li a:hover{ color:#3CBBD3;transition: all 0.4s;}
#navi ul li a:focus-within{ color:#3CBBD3;outline:none}
#navi ul li a.active{color:#3CBBD3;}
.slicknav_menu {display:none;}
#navi ul li:hover > ul{visibility:visible;}
#navi ul li:focus-within > ul{visibility:visible;outline:none}
#navi ul li ul{visibility:hidden;position:absolute;padding: 25px 0 0 0;margin: 0;width:300px}
#navi ul li ul li{float:none;background-color: rgba(236, 9, 107, 0.95);padding:9px 19px 9px 19px;border-right:none;border-bottom:2px solid #fff;}
#navi ul li ul li{float:none;padding:19px;}
#navi ul li ul li:last-child {border-bottom: 0;}
#navi ul li ul li a{font-size:19px;padding:0 0 0 0;color:#fff;text-transform:none}
#navi ul li ul li a:hover{color:#3CBBD3}
#navi ul li ul li a:focus-within{color:#3CBBD3;outline:none}
#navi ul li ul li a.active{color:#3CBBD3;} 
#headerimage {width:100%; height:auto;background-color:#f1f1f1}
#headerimage img {width:auto;height:auto;padding-top: 100px;}
#headerimage .ce-bodytext {bottom:0;width: 1200px;margin: 0 auto;margin-top: -430px;position:relative}
#headerimage p {margin: 0;padding: 0;font-size:55px;line-height:60px;font-family: "Protest Strike", sans-serif;color:#000000;text-transform: uppercase;text-align: left;}
.slicknav_menu {display: none;}

/* Flexslider */
.slides li div.caption-wrapper {background:none}
.flexslider .caption-body p {margin: 0;padding: 0;font-size:55px;line-height:60px;font-family: "Protest Strike", sans-serif;color:#000000;text-transform: uppercase;text-align: left;}
.slides li div.caption-wrapper {bottom:0;width: 1200px;margin: 0 auto;margin-top: -430px;position:relative}
.flexslider .caption-body {margin-bottom: 80px;}
.flexslider .caption-text {padding:0}
#headlines-icon {width: 100%;height: 170px;display: flex;flex-direction: column;}
.headlineicon {width: auto;height:auto;}
.headlines {width: 100%;height: auto;}
#produkte-icon {margin-bottom: 20px;border-radius: 3px;display: flex;flex-direction: row;background-color: #f1f1f1;padding:20px 20px 10px 20px;margin-top:20px}
.produkteicon {width: auto;height: auto;margin-right: 20px;}
.produkte {width: 100%;height: auto;}
.produkte h3 {border-bottom:none;font-family: "Protest Strike", sans-serif;font-size:24px;line-height:28px;color:#000000;margin:10px 0 0 0;text-transform:uppercase}
.produkte h2 {border-bottom:none;font-family: "Protest Strike", sans-serif;font-size:24px;line-height:28px;color:#000000;margin:10px 0 0 0;text-transform:uppercase}
.produkte p {color:#000000}

/* Kasten */
#kastenwrapper {margin:0 auto;display:flex;flex-direction: row;justify-content: space-between;padding-bottom:20px}
.kasten .ce-gallery figure {display: block;/*height: 250px;*/width: auto;}
.kasten {width:32%;height:auto;margin-bottom: 0;border-radius:3px}
.kasten h2 {min-height:73px;text-transform:uppercase;background-color:#000000;font-family: "Protest Strike", sans-serif;font-size:24px;line-height:27px;font-weight:600;color:#ffffff;padding: 20px 20px 0px 20px;margin:0}
.kasten h2 a {text-decoration:none;color:#ffffff}
.kasten h2 a:hover{text-decoration:none;color:#2daec8;transition: all 0.5s;}
.kasten h2 a:focus-within {text-decoration:none;color:#2daec8;outline:none}
.kasten p {min-height: 100px;background-color:#f1f1f1;padding:0px 20px 20px 20px;margin-top:0}
.kasten img {width: 100%;height: auto;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);}
.kasten img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

/**** Suche ****/
#searchField {line-height: 45px;font-size: 18px;margin-left: 250px;width: 0;opacity: 0;height: 45px;border: 1px solid #bbb;padding: 5px;}
#form_search_wrapper{background: #57A773; width: 100%;margin-top: -31px;}
#form_search_wrapper_mob{background: #57A773; width: 100%;margin-top: -26px;}
.form_kesearch {display: block; width: 40%;margin:0 auto;height: 120px;padding-top: 60px}
.searchField {background-color: #57A773!important; color: #a0cfa7; display: block;border:none;border-bottom: 1px #a0cfa7 solid; width: 100%; height: 30px;font-size:18px;font-family:'Afacad Flux', sans-serif!important}
input:focus {outline: none;}
.before_search {color: #fff; font-size: 20px; font-family:'Martel Sans', sans-serif; margin-bottom: 5px;text-transform:none;font-weight:400}
#lupe {float: right;color: #fff; background: none; border: none; margin-top: -45px;}
#lupe img {width: 30px;cursor: pointer;}
button.lupe, button.close_search {background: none; border: none;padding-top: 0;padding-right: 0;cursor: pointer;}
.lupe img, .close_search img {position: relative; width: 25px;}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {color: #2daec8!important;font-weight: 500!important;font-family:'Martel sans', sans-serif!important;}
#kesearch_results .result-list-item .result-teaser {color: #000000!important;font-weight:400!important;font-family:'Martel sans', sans-serif;font-size:16px!important;line-height:23px!important}

/* Buttons */
span.resetbutt {margin-top:0!important;}
a.kesGreyButt,
span.resetbutt a,
span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt{padding: 10px 20px!important;margin: 0px 10px 10px 0!important;display: block;cursor: pointer;min-width:100px!important;max-width:200px!important; -moz-user-select: none;background-image:#3CBBD3;border: 1px solid #3CBBD3!important;background-color:#3CBBD3!important;border-radius: 0!important;color: #ffffff!important;font-family:'Protest Strike', sans-serif;!important;font-size: 18px!important;text-align: center;text-decoration: none;text-transform:uppercase;}
span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt{
}
#kesearch_pagebrowser_bottom div.result_txt {display: none;}
#kesearch_pagebrowser_bottom .pages_total {background-color: transparent!important;}
div.kesearchbox {margin: 0 0 20px 0!important;}

/* 3-Spalten Startseite */
#flexwrapper {width: 100%;height: auto;background-color: #f1f1f1;padding: 0 0 80px 0;margin-top: -5px;z-index: 100;position: relative;}
.flexcontainer {padding-bottom: 0px;display: flex;width: 1200px;margin: 0 auto;flex-direction: row;justify-content: space-between;align-content: stretch;}
.flexitem {width: 340px;min-height: 300px;display: flex;background-color:#000000;border-radius:3px 3px 0px 0px;margin-top:-115px;text-align: center;overflow: hidden;flex-direction: column;padding:35px 25px 20px 25px;}
.flexitem img {height: 57px;width: auto;text-align:center;margin:0 auto;}
.flexitem h2 {font-size:29px;line-height:32px;font-family: "Protest Strike", sans-serif;color:#3CBBD3;text-transform: uppercase;text-align: center;    margin: 10px 0 10px 0;}
.flexitem p {hyphens: auto;height:230px;padding:20px 0 20px 0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#ffffff;text-align: center;}
.flexitem h3 {font-family: "Martel Sans", sans-serif;font-weight: 700;font-size: 17px;line-height: 24px; color:#ffffff;text-align: center;margin-bottom: 0px;}
.flexitem img:nth-child(1) {animation: flex-item 1s ease-out both;animation-delay: 0.5s;opacity: 1}
.flexitem img:nth-child(3) {animation: flex-item 1s ease-out both;animation-delay: 1s;opacity: 1;}
#c154 p, #c155 p, #c156 p {height:auto}
#c197 p, #c200 p, #c203 p {height:auto}

@keyframes flex-item {
  0% {transform: scale(0);opacity: 0;}  
  50% {transform: scale(1.2);opacity: 0.7;}  
  100% {transform: scale(1);opacity: 1;}
}

/* 2-Spalten */
#containerwrapper {background-color: #ffffff;width: 100%;height: auto;}
.container {display: flex;width: 1200px;margin: 0 auto;flex-direction: row;justify-content: space-between;padding: 80px 0 80px 0;}
.containerinnen {width: 48%;height: auto;}
.containerinnen img {padding-top: 0 !important;display: block;width: 100%;height: auto}
.containerinnen p {hyphens: auto;margin:0;padding: 10px 0 20px 0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#000000;text-align: left;}

/* Buttons-schwarz-hover blau */
.button-schwarz-blau {border: 1px solid #000000;padding: 10px 30px 10px 30px;font-family: "Protest Strike", sans-serif;font-size:18px; color:#000000;text-transform:uppercase;text-decoration: none;border-radius:3px;}
.button-schwarz-blau:hover {transition: all 0.5s;text-decoration:none;border: 1px solid #0a8199;color:#3CBBD3;}
.button-schwarz-blau:focus-within {border: 1px solid #3CBBD3;color:#3CBBD3;outline:none}

/* Buttons-schwarz-hover weiss */
.button-schwarz {background-color:#000000;padding: 15px 30px 15px 30px;font-family: "Protest Strike", sans-serif;font-size:18px; color:#ffffff;text-transform:uppercase;text-decoration: none;border-radius:3px;}
.button-schwarz:hover {transition: all 0.5s;background-color:#ffffff;color:#000000;text-decoration:none;}
.button-schwarz:focus-within {background-color:#ffffff;color:#000000;outline:none}

/* Buttons-blau */
.button-blau {margin: 0 auto;width: max-content; border: 1px solid #3CBBD3;padding: 10px 30px 10px 30px;font-family: "Protest Strike", sans-serif;font-size:18px; color:#2daec8;border-radius:3px;text-transform:uppercase;text-decoration: none;bottom: -50px;position: absolute;}
.button-blau:hover {transition: all 0.5s;text-decoration:none;border: 1px solid #ffffff;color:#ffffff}
.button-blau:focus-within {border: 1px solid #ffffff;color:#ffffff;outline:none}

/* Buttons-weiss */
.button-weiss {display: block;width: auto; border: 1px solid #ffffff;padding: 10px 15px 10px 15px;text-decoration: none;text-transform: uppercase;font-family: "Protest Strike", sans-serif;font-size:18px; color:#ffffff;border-radius:3px;margin:0 auto}
.button-weiss:hover {transition: all 0.5s;text-decoration:none;border: 1px solid #3CBBD3;color:#3CBBD3;text-decoration:none;}
.button-weiss:focus-within {border: 1px solid #3CBBD3;color:#3CBBD3;outline:none}

/* Buttons-blau-schwarz */
.button-blau-schwarz {display: inline-block;margin-bottom: 10px;border: 1px solid #3CBBD3;padding: 10px 30px 10px 30px;font-family: "Protest Strike", sans-serif;font-size:18px; color:#3CBBD3;text-transform:uppercase;text-decoration: none;border-radius:3px;}
.button-blau-schwarz:hover {transition: all 0.5s;border: 1px solid #000000;color:#000000;text-decoration:none;}
.button-blau-schwarz:focus-within {border: 1px solid #000000;color:#000000;outline:none}

/* Breadcrumbs */
#breadcrumbs {width:1200px; margin: 0 auto; padding-top: 15px;padding-bottom: 20px;}
#breadcrumbs p {margin: 0 0 0 0!important; font-size: 14px!important;line-height: 18px!important;font-family: "Martel Sans", sans-serif;padding: 5px 0 15px 0;}
#breadcrumbs a {font-size: 14px!important;line-height: 18px!important; text-decoration: none!important; color: #3CBBD3;font-family: "Martel Sans", sans-serif;}
#breadcrumbs a:focus-within{background-color:#000000;color:#ffffff;outline:none}
/* 1Spalte Anwendungen */
#anwendungwrapper {position: relative;width:100%;height:500px;background-color:#000000}
#anwendungwrapper::before {
  content: "";
  position: absolute;
  background-size: cover;
  top: 0; left: 0;
  width: 100%; height: 500px;
  background-image: url(../../Bilder/AdobeStock_982025330-start.jpg);
  filter: brightness(40%);
  background-position: center;}
.anwendung {height:auto;margin: 0 auto;top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);width: calc(750px - 30px);}
.anwendung p {padding:0 0 10px 0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#ffffff;text-align: center;}
.anwendung h2 {font-size:32px;line-height:35px;font-family: "Protest Strike", sans-serif;color:#ffffff;text-transform: uppercase;text-align: center;margin: 10px 0 10px 0;}
.anwendung h3 {font-size:24px;line-height:28px;font-family: "Protest Strike", sans-serif;color:#ffffff;text-transform: none;text-align: center;margin: 10px 0 10px 0;}
.anwendung .button-weiss {width: fit-content!important;}
/* Startbild & Text */
#startimgwrapper {position: relative;width:100%;height:450px;background-color:#3CBBD3;padding-top: 100px;}
#startimgwrapper::before {
  content: "";
  position: absolute;
  overflow: hidden;
  top: 80px; left: 0;
  width: 1500px; height: 500px;
  background-image: url(../../Bilder/Ki-Schraube1.png);background-repeat:no-repeat;
  background-attachment: fixed;
  background-position-y: 80px;}
.startimg {height:auto;margin: 0 auto;top: 48.5%;left: 50%;position: absolute;transform: translate(-50%, -50%);width: calc(1200px - 0px);}
.startimg p {margin: 0;padding: 0;font-size:55px;line-height:58px;font-family: "Protest Strike", sans-serif;color:#000000;text-transform: uppercase;text-align: right;}
.startimg h1 {margin: 0;padding: 0;font-size:55px;line-height:58px;font-family: "Protest Strike", sans-serif;color:#000000;text-transform: uppercase;text-align: right;}
.startimg h2 {font-size:29px;line-height:37px;font-family: "Protest Strike", sans-serif;color:#0a8199;text-transform: uppercase;text-align: center;margin: 10px 0 10px 0;}

/* 1Spalte Weltweit */
#weltweitwrapper {position: relative;width:1200px;height:500px;background-color:#3CBBD3;margin: 0 auto;margin-top: 60px;margin-bottom: 60px;}
#weltweitwrapper::before {
  content: "";
  position: absolute;
  background-size: cover;
  top: 0; left: 0;
  width: 1200px; height: 500px;
  background-image: url(../../Bilder/AdobeStock_563887609-start.svg);
  background-position: center;
  opacity: 0.5;}
.weltweit {height:auto;margin: 0 auto;top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);width: calc(560px - 30px);}
.weltweit p {padding:0 0 10px 0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#ffffff;text-align: center;}
.weltweit h2 {font-size:43px;line-height:50px;font-family: "Protest Strike", sans-serif;color:#ffffff;text-transform: uppercase;text-align: center;margin: 10px 0 10px 0;}
.weltweit ul {padding-left:0px;}
.weltweit ul li {text-transform:uppercase;padding-left: 45px;background-repeat:no-repeat;list-style-type:none;background-image: url('../img/check-black.svg');font-family: "Protest Strike", sans-serif;font-size: 40px;line-height: 41px;color:#000000;margin: 0 0 20px 0;background-size:45px;background-position-y: 0px;}

/* Kasten Kontakt */
#kontaktwrapper {position: relative;width:100%;height:auto;background-color:#000000;padding:60px 0 60px 0}
.kontakt {width:1200px;height:auto;margin:0 auto}
.kontakt h2 {font-size:32px;line-height:37px;font-family: "Protest Strike", sans-serif;color:#ffffff;text-transform: uppercase;text-align: center;margin: 10px 0 20px 0;}
.kontakt h3{color:#ffffff;text-align:left}
.kontakt p{color:#ffffff;text-align:left}
/* Kasten blau */
#kastenblauwrapper {width: 1200px;height:560px;position: relative;background-color:#2daec8;margin: 0 auto;margin-top: 60px;margin-bottom:60px}
.kastenblau {margin:0 auto;height:auto;top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);width: calc(750px - 30px);}
.kastenblau p {padding:0 0 10px 0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#ffffff;text-align: center;}
.kastenblau h2 {font-size:29px;line-height:37px;font-family: "Protest Strike", sans-serif;color:#ffffff;text-transform: uppercase;text-align: center;margin: 10px 0 10px 0;}

/* Footer */
#footerwrapper {width:100%;height:auto;background-color:#3CBBD3;padding:70px 0 40px 0}
.footeraussen {display: flex;width: 1200px;margin: 0 auto;flex-direction: row;justify-content: space-between;}
.footer {width: 220px;height: auto;overflow: hidden;flex-direction: column;}
.footer img {width: 190px;height:auto;float: right}   
.footer ul {padding-left: 0;list-style: none;}
.footer ul li {background-image:none;padding-left:0;font-family: "Martel Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 23px; color:#000000;text-align: left;padding-bottom:0}
.footer ul li a {text-decoration: none;color:#000000}
.footer ul li a:hover {color:#000000;text-decoration:underline}
.footer ul li a:focus-within {text-decoration: underline;outline:none}
.footer h3 {border-bottom:none;margin-top: 0;font-size:20px;line-height:23px;font-family: "Protest Strike", sans-serif;color:#000000;text-transform: uppercase;text-align: left;}

/*Mobile CSS */
@media screen and (min-width: 0px) and (max-width: 1250px){
  .startimg {width: calc(85% - 0px)}
  .flexcontainer {width: 85%;gap: 10px;}
  .flexbuttoncontainer {width: 85%;gap: 10px;}
  .container {width: 85%;}
  .footeraussen {width: 85%;}
  #inhaltwrapper { width: 85%;}
  .flexitem {width: 27.5%;}
  .flexitem p {height: 320px;}
  .flexbutton {width: 27.5%;}
  .kontakt {width: 85%;}
  #weltweitwrapper {width: 85%;}
  #content_unter {width: 85%}
  #weltweitwrapper::before {width: 100%;}
  #breadcrumbs {width: 85%;}
  #contentwrapper {width: 85%;}
  #kastenwrapper {width: 100%;}
  .flexitem h2 {font-size: 26px;line-height: 29px;}
  .spaltegrau {width: 95%;}
}  
@media screen and (min-width: 0px) and (max-width: 1130px){
.flexitem p {height: 340px;}
}
@media screen and (min-width: 0px) and (max-width: 1040px){
.flexitem p {height: 370px;}
}
@media screen and (min-width: 0px) and (max-width: 1024px){
  #startimgwrapper::before {background-position-x: -190px;background-position-y: 105px;}
  .js .slicknav_menu {display: block;}
  .js #menu {display: none;}
  #navi {width: 100%;height:30px}
  #navi {display:none;}
  .flexitem {margin-top: -95px;}
  .startimg {margin-top: 35px;}
  .flexcontainer {}
  .flexitem h2 {font-size: 24px;line-height: 27px;}
  #headlines-icon {height: 180px;}
  #content_unter {margin-top: 100px;} 
  #content_navi .form-group select#contact-EN-375-countryselect-1 {width: 100%;}
#c377 {scroll-margin-top: 130px;scroll-behavior: smooth}
#c378 {scroll-margin-top: 130px;scroll-behavior: smooth}
}
@media screen and (min-width: 0px) and (max-width: 990px){
.flexitem p {height: 420px;}
}
@media screen and (min-width: 0px) and (max-width: 905px){
.flexitem p {height: 480px;}
}
@media screen and (min-width: 0px) and (max-width: 830px){
    #content_navi .form-group select#contact-EN-375-countryselect-1 {width: 100.5%;}
  #c345 {width: 90%;}
  #c359 {width: 90%;}
  #c370 {width:90%;}
  #c370 {width:90%;}
  #startimgwrapper::before {background-position-x: -240px;}
  .startimg p {font-size: 50px;line-height: 53px;}
  .flexcontainer {flex-direction: column;width:90%}
  .flexitem {padding:0 0 20px 0;width: 100%;height: auto;flex-direction: column;margin-bottom: 10px;}
  .flexitem p {padding:20px 20px 10px 20px;height: auto;}
  #headlines-icon {height: auto;}
   .flexitem:nth-child(1) {margin-top: -95px;}
  .flexitem:nth-child(2) {margin-top: 0;}
  .flexitem:nth-child(3) {margin-top: 0;}
  .headlineicon {margin-top: 25px;}
  .startimg { width: calc(90% - 0px);}
  .flexitem h2 {padding:0 20px 0 20px}
  .container {width: 90%;flex-direction: column;}
  .containerinnen {width: 100%;}
  .containerinnen h1 {padding-top:20px}
  #weltweitwrapper::before {background-position: center;}
  .weltweit {width: calc(90% - 30px);}
  .anwendung {width: calc(100% - 30px);}
  .kontakt {width: 90%;}
  #contentwrapper {width: 90%;}
  #kastenwrapper {width: 100%;}
  #content_unter {width: 90%}
  #breadcrumbs {width: 90%;}
  .footeraussen {width: 90%;flex-direction: column;}
  #inhaltwrapper {width: 90%;}
  .footer img {padding-bottom: 30px;}
  .footer {padding-bottom: 20px;margin: 0 auto;}
  .footer h3 {text-align:center;}
  .footer ul li {text-align:center;}
  #content_navi {width: 100%;}
  #leftRow {width: 100%;}
  #leftNav, #leftContainer {width: 100%;}
  #kastenwrapper {flex-direction: column;}
  .kasten {width: 100%;margin-bottom: 40px;}
  #breadcrumbs p {padding: 5px 0 0px 0;}
  #weltweitwrapper {width: 90%;}
}
@media screen and (min-width: 0px) and (max-width: 430px){ 
  .footer {width: auto;}
 .tableweiss th:first-child {width:40%}
.tableweiss th:second-child {width:60%}
  #content_navi .form-group .input input[type="text"] { width: 94%;}
  #content_navi .form-group .input input[type="email"] {width: 94%;}
  #content_navi .form-group .input textarea {width: 94%;}
  #content_navi button.btn {width:100%}
  
  #c345 {width: 100%;}
  #c359 {width: 100%;}
  #c370 {width:100%;}
  #c375 {width:100%;}
  .weltweit {width: calc(95% - 30px);}
  .weltweit ul li {font-size: 33px;line-height: 37px;}
  #startimgwrapper::before {background-position-x: -450px;width:100%;overflow: hidden;background-position-y: 135px;}
  #startimgwrapper{overflow:hidden}
  .suche {margin-right: 10px;}
  .startimg {margin-top: -5px;}
  .startimg p {font-size: 40px;line-height: 43px;}
   #weltweitwrapper::before {width: 160%;}
   #weltweitwrapper {overflow:hidden}
  .kontakt .form-group select#kontakt-DE-345-countryselect-1 {width: 100%; border: none;}
    #content_navi .form-group select#kontakt-DE-370-countryselect-1 {width: 97.7%; border: none;}
  .kontakt .form-group select#contact-EN-359-countryselect-1 {width: 100%; border: none;}  
   #content_navi .form-group select#contact-EN-375-countryselect-1 {width: 97.7%; border: none;}  
  .kontakt .form-group .input textarea {width: 95%;}
  .kontakt button.btn {width:100%}
  .kontakt .form-group .input input[type="text"] {width: 95%;}
  .kontakt .form-group .input input[type="email"] {width: 95%;}
  .kontakt .form-group .input input[type="tel"] {width: 95%;}
  #flexwrapper { padding: 0 0 50px 0;}
  .container {padding: 60px 0 40px 0;}
  .button-schwarz {padding: 10px 30px 10px 30px;}
}
@media screen and (min-width: 0px) and (max-width: 390px){
  .kontakt .form-group select#kontakt-DE-345-countryselect-1 {width: 99.2%;}
  .kontakt .form-group select#contact-EN-359-countryselect-1 {width: 99.2%;}
  #content_navi .form-group select#kontakt-DE-370-countryselect-1 {width: 99.2%;}
  #content_navi .form-group select#contact-EN-375-countryselect-1 {width: 99.2%;}
}