section.headerblock {min-height: 375px; padding-top: 71px; margin-top: 0px; padding-bottom: 100px; }
    .headerblock.gradient {  background: linear-gradient(290deg, rgba(72,211,255,1) 17%, rgba(0,20,60,1) 65%); color: var(--contrast);}
    
    .headerblock .container {position: relative;}
    
    .headerblock .product_breadcrumb {font-size: 16px; letter-spacing: 0.5px; font-family: 'Outfit-Extralight'; font-weight: 200; margin-bottom: 100px;}
    
        .headerblock.bgimage .product_breadcrumb,
        .headerblock.bgimage .product_breadcrumb a {color: var(--contrast); text-decoration: none;}
        
        .headerblock.bgimage {background-color: var(--main-dark);}
    
        .product_breadcrumb.hidden {visibility: hidden;}
        .product_breadcrumb .post-page.current-item {color: var(--main-light);}
        .product_breadcrumb a:hover {text-decoration: underline;}
    .headerblock h1 {font-size: 36px; line-height: 48px; text-transform: uppercase; max-width: 800px; color: var(--contrast);}
    .headerblock h2 {font-size: 36px; line-height: 48px; font-family: 'Outfit-Extralight'; font-weight: 200; max-width: 800px; color: var(--main-light);}    
    .headerblock .headerblock-text {font-size: 18px; line-height: 24px; max-width: 870px;}    
    
        .bg-dark a,
        .gradient a { color: var(--contrast); text-decoration: none;}
        
        .headerblock h1.main-dark, .headerblock h2.main-dark {color: var(--main-dark) !important;}
        .headerblock h1.main-light, .headerblock h2.main-light {color: var(--main-light) !important;}
        .headerblock h1.contrast, .headerblock h2.contrast {color: var(--contrast) !important;}
        
    
.button.backlink {position: absolute; right: 90px; bottom: 0px;}
    .button.backlink:before {background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='imm-button-dark' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow-right' transform='translate(20, 20) rotate(-180, 10, 10)' fill='%23FFFFFF'%3E%3Cpolygon id='Shape' points='9.99932005 20 9.03787312 19.0386184 17.3957979 10.6812619 -1.20783086e-15 10.6812619 -1.20783086e-15 9.32145771 17.3971578 9.32145771 9.03787312 0.961381561 9.99932005 3.6232462e-15 20 10'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    border: 2px solid transparent;
    }
    
.button.download {position: relative;}
    .button.download:before {background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='imm-button-dark' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow-right' transform='translate(20, 20) rotate(90, 10, 10)' fill='%23FFFFFF'%3E%3Cpolygon id='Shape' points='9.99932005 20 9.03787312 19.0386184 17.3957979 10.6812619 -1.20783086e-15 10.6812619 -1.20783086e-15 9.32145771 17.3971578 9.32145771 9.03787312 0.961381561 9.99932005 3.6232462e-15 20 10'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    border: 2px solid transparent;
    }
    
     .button.download:hover, a.button.download:hover {
    color: var(--contrast);
  }


.accordion {
  width: 100%;
  overflow: hidden;
}
    .accordion.transparent {background-color: var(--contrast); color: var(--main-dark);}


.accordion-tabs {
  display: none;
}

.accordion-tabs :focus {
  outline: none;
}

.accordion-item {
  border-bottom: 1px solid #c1d7e2;
}

.accordion-item:last-child {
  border: none;
}

.accordion-item__label {
  position: relative;
  margin: 0;
  padding: 20px;
  cursor: pointer;
  transition: padding 0.2s ease;
}

.accordion-item__label::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 20px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.1s ease;
  border-radius: 2px;
  border: 5px solid transparent;
  border-color: transparent #003852 #003852 transparent;
}

.accordion-item__label:hover {
  background: #c1d7e2;
}

.accordion-item__container {
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  opacity: 0;
  transition: padding 0.2s ease, opacity 0.5s 0.15s ease;
}

.accordion-active {
  background: #d2e2ea;
}

.accordion-active .accordion-item__label {
  padding-bottom: 0;
  color: #003852;
  cursor: inherit;
  display: none;
}

.accordion-active .accordion-item__label:hover {
  background: none;
}

.accordion-active .accordion-item__label::after {
  opacity: 0;
}

.accordion-active .accordion-item__container {
  height: auto;
  padding: 20px;
  opacity: 1;
}

.accordion-active .accordion-item__container p,
.accordion-active .accordion-item__container h4 {
  color: var(--contrast);
}

.accordion.transparent .accordion-active .accordion-item__container p,
.accordion.transparent .accordion-active .accordion-item__container h4 {
  color: var(--main-dark);
}

.accordion-active .accordion-item__container p:first-child,
.accordion-active .accordion-item__container h4:first-child {
  margin-top: 0;
}

.accordion-active .accordion-item__container p:last-child,
.accordion-active .accordion-item__container h4:last-child {
  margin-bottom: 0;
}

.accordion-content ul {
    list-style-type: none;
    padding: 0px 0px;
    margin-top: 10px;
}

.accordion table {width: 100%; border-collapse: collapse; table-layout: fixed;}
    .accordion table tr {border-bottom: 1px solid var(--main-light);}
    .accordion table tr:first-of-type {color: var(--contrast); font-weight: 600; font-family: 'Outfit-Semibold';}
    .accordion table td {padding:8px 0px;}
    .accordion table td:first-of-type {width:40%;}

.two-columns.newsletter .text-wrap h2 {font-weight: 600; font-family: 'Outfit-Semibold'; }
.two-columns.produktinfo .text-wrap h2,
.two-columns.newsletter .text-wrap h2.subline {font-weight: 200; font-family: 'Outfit-Extralight';}
.two-columns .text-wrap img {max-width: 370px; margin: 15px auto;}


.produkte .isotope-inner,
.hauptkategorien .container {display: flex; flex-wrap: wrap; justify-content: space-between;}

    .produkte .button-group {width: 100%; margin-bottom: 50px;}
    
    button.btn {border:2px solid var(--main-light); padding: 15px 25px; border-radius: 30px; font-size: 20px; line-height: 28px; background-color: transparent; font-weight: 600; font-family: 'Outfit-Semibold'; margin-right: 15px; margin-bottom: 15px; cursor: pointer;}
    button.btn:hover, button.btn.is-checked, button.btn.stay-blue { background-color: var(--main-light);}
    button.btn.secondlevel {border: 0px; border-radius: 0px; padding: 0px; margin: 30px 35px 0px 0px; font-size: 18px; border-bottom: 1px solid #000; padding-bottom: 5px; display: none; }
    button.btn.secondlevel.btn-visible {display: inline-block;}
    button.btn.secondlevel:hover, button.btn.secondlevel.is-checked {background-color: transparent; color: var(--main-light); border-bottom: 1px solid var(--main-light);}

.text-wrap a {color: var(--main-light); text-decoration: none;}
    .text-wrap a:hover {text-decoration: underline;}

.produkt {width:33.33%; max-width: 405px; padding:0px 5px; border-bottom: 0px solid #000; margin-bottom: 30px;}
    .produkt h2 {font-size: 18px; line-height: 24px; color: var(--main-dark); max-width: 85%; font-weight: 300;   font-family: 'Outfit-Light';}
        .produkt a, .produkt a h2 {text-decoration: none; display: block;}
        .produkt a:hover h2 {text-decoration: underline; color: var(--main-light);}
    .produkt img {margin-bottom: 10px;}

.hauptkategorien .produkt {width:25%; max-width: 235px; border-bottom: 0px solid #000; margin-bottom: 30px;}
    .hauptkategorien .produkt h2 {font-size: 36px; line-height: 48px; color: var(--main-dark); max-width: 100%; font-weight: 600; font-family: 'Outfit-Semibold'; text-transform: uppercase; text-align: center; margin-bottom: 80px;}


ul.icons {list-style: none; display: flex; margin: 30px 0px 20px 0px;}
    ul.icons li {width:38px; margin-right: 9px;}
        ul.icons li:last-of-type {margin-right: 0px;}


.kontakt-textbox {width:100%; max-width: 870px; position: relative; padding: 100px; background-color: var(--main-light); margin-bottom: 190px;}
    .kontakt-textbox span.headline {max-width: 570px; font-size: 36px; line-height: 48px; font-weight: 600; font-family: 'Outfit-Semibold';  display: block; width: 90%;}
    .kontakt-textbox span.subline {max-width: 570px; font-size: 36px; line-height: 48px; font-weight: 200; font-family: 'Outfit-Extralight'; display: block; width: 90%; color: var(--contrast);}
        .kontakt-textbox span.subline a {color: var(--contrast); text-decoration: none;}
    .kontakt-textbox a.button {margin-top: 70px;}
    
    .kontakt-textbox a.button:hover::before {
        width: 100%;
        background-color: var(--contrast);
        background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='imm-button-dark' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow-right' transform='translate(20, 20)' fill='%2300143C'%3E%3Cpolygon id='Shape' points='9.99932005 20 9.03787312 19.0386184 17.3957979 10.6812619 -1.20783086e-15 10.6812619 -1.20783086e-15 9.32145771 17.3971578 9.32145771 9.03787312 0.961381561 9.99932005 3.6232462e-15 20 10'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      }
    
    .kontakt-infos {padding: 47px 39px;}
    .kontakt-infos div {display: block; font-weight: 300; font-family: 'Outfit-Light'; position: relative;}
    .kontakt-infos div a {color: var(--main-light); text-decoration: none; font-weight: 200; font-family: 'Outfit-Extralight';}
        .kontakt-infos div a:hover {text-decoration: underline;}
    
    .kontakt-kontaktperson {width: 300px; position: absolute; right: -200px; top: 47px; background-color: var(--main-dark); color: var(--contrast);}
        .kontakt-kontaktperson img {width:100%; height: auto;}
                div.kontakt-position {margin-bottom: 20px;}
            div.kontakt-email, div.kontakt-tel {padding-left: 30px;}
                div.kontakt-email:before {content:''; width:25px; height: 25px; position: absolute; left: 0px; top: 6px; 
                background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>imm_icon_email</title><g id="imm_icon_email" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M16.2916667,6.73173333 C16.5466667,6.58613333 16.7804167,6.41973333 17,6.2256 L17,17 L0,17 L0,4.86666667 C0,3.90986667 0.793333333,3.13333333 1.77083333,3.13333333 L10.7383333,3.13333333 L10.7383333,3.82666667 L1.77083333,3.82666667 C1.39541667,3.82666667 1.0625,4.0208 0.87125,4.312 L6.73625,10.0458667 C7.67125,10.9610667 9.3075,10.9610667 10.2425,10.0458667 C10.2425,10.0458667 13.1395833,7.1616 13.1395833,7.1616 C13.4229167,7.23093333 13.7133333,7.27253333 14.0108333,7.27946667 L10.7383333,10.5312 C10.13625,11.1205333 9.33583333,11.4464 8.48583333,11.4464 C7.63583333,11.4464 6.83541667,11.1205333 6.23333333,10.5312 L0.708333333,5.13013333 L0.708333333,16.3066667 L16.2916667,16.3066667 L16.2916667,6.73173333 Z" id="Shape" fill="%2348D3FF" fill-rule="nonzero"></path><rect id="Rectangle" stroke="%2348D3FF" stroke-width="0.75" x="12" y="1" width="5" height="5" rx="2.5"></rect></g></svg>');
                background-repeat: no-repeat;}
                
            div.kontakt-tel:before {content:''; width:25px; height: 25px; position: absolute; left: 0px; top: 6px; 
                background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>imm_icon_phone</title><g id="imm_icon_phone" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M10.1666667,1.66666667 L10.1666667,1 C13.3831667,1 16,3.99066667 16,7.66666667 L15.4166667,7.66666667 C15.4166667,4.35866667 13.0611667,1.66666667 10.1666667,1.66666667 Z M13.0833333,7.66666667 L13.6666667,7.66666667 C13.6666667,5.46066667 12.0969167,3.66666667 10.1666667,3.66666667 L10.1666667,4.33333333 C11.7749167,4.33333333 13.0833333,5.82866667 13.0833333,7.66666667 Z M12.2240833,10.2246667 L15.5368333,14.0106667 L13.8574167,15.93 C13.2548333,16.62 12.43875,17 11.5585,17 C7.36025,17 2,10.8746667 2,6.07533333 C2,5.06933333 2.3325,4.13666667 2.93625,3.448 L4.61566667,1.52866667 L7.92841667,5.31466667 L5.96083333,7.56333333 C6.83933333,9.936 8.24691667,11.546 10.2541667,12.476 L12.2240833,10.2246667 Z M14.712,14.0106667 L12.2240833,11.1673333 L10.39825,13.2546667 L10.2215,13.1773333 C7.93483333,12.18 6.2945,10.3066667 5.34658333,7.60933333 L5.27483333,7.40466667 L7.10358333,5.31466667 L4.61566667,2.47133333 L3.34866667,3.91933333 C2.85516667,4.482 2.58333333,5.248 2.58333333,6.07533333 C2.58333333,10.4853333 7.70033333,16.3333333 11.5590833,16.3333333 C12.283,16.3333333 12.9526667,16.0226667 13.445,15.4586667 L14.712,14.0106667 Z" id="Shape" fill="%2348D3FF" fill-rule="nonzero"></path></g></svg>');
                background-repeat: no-repeat;}


.kontakt-textbox.dropdown {padding: 50px 100px 150px 100px;}
    .kontakt-textbox.dropdown h2 {max-width: none; font-size: 36px; line-height: 48px; font-weight: 600; font-family: 'Outfit-Semibold';  display: block; width: 100%; color: var(--contrast); margin: 0px 0px 5px 0px;}
    .kontakt-textbox.dropdown h3 {max-width: none; font-size: 36px; line-height: 48px; font-weight: 200; font-family: 'Outfit-Extralight'; display: block; width: 96%; color: var(--main-dark); margin-bottom: 45px;}
    .kontakt-textbox.dropdown span.subline2 {max-width: 570px; font-size: 24px; line-height: 34px; font-weight: 600; font-family: 'Outfit-Semibold'; display: block; width: 90%; color: var(--main-dark);}
    .kontakt-textbox.dropdown p {max-width: 490px; margin-bottom: 48px;}
    
    .kontakt-textbox.dropdown a.button {margin-top: 15px;}
    
    .kontakt-dropdown {background-color: var(--contrast); max-width:670px; height: 204px; position: absolute; bottom: -30px; right: -200px; padding: 45px 70px; }
    .kontakt-textbox.dropdown .kontakt-dropdown h3 {max-width: none; font-size: 24px; line-height: 34px; font-weight: 600; font-family: 'Outfit-Semibold'; display: block; width: 100%; color: var(--main-dark); margin-bottom:10px;}
    

    
 /* Dropdown Button */
.dropbtn {
    position: relative;
      width: 100%;
      max-width: 435px;
      height: 60px;
  background-color: var(--contrast);
    color: var(--main-dark);
    font-weight: 600; 
    font-family: 'Outfit-Semibold';
    font-size: 20px;
    line-height: 28px;  border: none;
    padding: 16px 52px 16px 60px;
    box-shadow: 1px 1px 6px 0 rgba(0, 20, 60, 0.41);
    margin-top: 15px;
    outline: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: var(--contrast);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: var(--main-dark);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}     
    
    
    .select-wrapper {position: relative;}
    
    .dropbtn::before {
    width:30px;
    height:30px; 
    content:'';
      background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='imm-button-dark' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='arrow-right' transform='translate(0, 0) rotate(90, 10, 10)' fill='%2300143c'%3E%3Cpolygon id='Shape' points='9.99932005 20 9.03787312 19.0386184 17.3957979 10.6812619 -1.20783086e-15 10.6812619 -1.20783086e-15 9.32145771 17.3971578 9.32145771 9.03787312 0.961381561 9.99932005 3.6232462e-15 20 10'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      position: absolute;
      left: 22px;
      top: 21px;
    }
    
    .dropdown select option {font-size: 14px; line-height: 20px;}



section.footer-nav {margin: 0px; padding-top: 20px; font-weight: 300; font-family: 'Outfit-Light'; font-size: 16px;}
    footer .logo {display: block; width: 170px; height: 41px; background-size: cover; margin-top: 50px;}
    footer a:hover {color: var(--main-light);}

.menu-footer-menue-container {padding-left: 200px; margin-bottom: 55px; display: flex;}

ul.footer-nav {list-style: none; display: flex; width: auto; max-width: 740px; font-size: 16px; line-height: 26px; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; font-family: 'Outfit-Semibold'; margin-right: 60px;}

ul.footer-nav2 {list-style: none; display: block; width: 20%; max-width: 490px;  font-size: 16px; line-height: 26px; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; font-family: 'Outfit-Semibold';}

ul.meta-nav {list-style: none; display: flex;}

.container.meta-navigation {display: flex; justify-content: space-between;}

    ul.footer-nav li, ul.footer-nav2 li { max-width: none; width: auto;}
    
    
        ul.footer-nav ul, ul.footer-nav2 ul {font-weight: 300; font-family: 'Outfit-Light'; text-transform: none; list-style: none; margin-top: 15px;}
        ul.footer-nav li { margin-bottom: 10px; margin-right: 60px;}
            ul.footer-nav li:last-of-type {margin-right: 0px;}
            ul.footer-nav li ul.sub-menu li {margin-right: 0px;}
        ul.footer-nav2 li {margin-bottom: 40px;}
        
        footer .sub-menu {
          position: relative;
          left: auto;
          opacity: 1;
          visibility: visible;
        }
        
        footer .meta-navigation {padding-bottom: 30px;}
    
    ul.meta-nav li {margin-left: 20px;}
    ul.meta-nav li.spacer {margin-right: 60px;}