@charset "UTF-8";
/**
 * Theme: ichtholan-child
 * Author: uhs (ute.schumacher@twt-dh.de)
 *
 * 07 2021
**/
/**
 * Roboto:  Regular, Light, Bold
 */
@import "../css/lib/fontawesome.min.css";
@import "../css/lib/slick.css";
@font-face {
  font-family: "Noto Serif Italic";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto-serif-v16-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/noto-serif-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-serif-v16-latin-italic.woff2") format("woff2"), url("../fonts/noto-serif-v16-latin-italic.woff") format("woff"), url("../fonts/noto-serif-v16-latin-italic.ttf") format("truetype"), url("../fonts/noto-serif-v16-latin-italic.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto Italic";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v30-latin-italic.woff") format("woff"), url("../fonts/roboto-v30-latin-italic.ttf") format("truetype"), url("../fonts/roboto-v30-latin-italic.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto Bold Italic";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700italic.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700italic.woff") format("woff"), url("../fonts/roboto-v30-latin-700italic.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700italic.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/**
 * Font Awesome Pro 5.9.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Pro Light";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("../fonts/fontawesome/fa-light-300.eot");
  src: url("../fonts/fontawesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-light-300.woff2") format("woff2"), url("../fonts/fontawesome/fa-light-300.woff") format("woff"), url("../fonts/fontawesome/fa-light-300.ttf") format("truetype"), url("../fonts/fontawesome/fa-light-300.svg#fontawesome") format("svg");
}
.fal {
  font-family: "Font Awesome 5 Pro Light";
  font-weight: 300;
}
@font-face {
  font-family: "Font Awesome 5 Pro Solid";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fontawesome/fa-solid-900.eot");
  src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}
.fa, .fas {
  font-family: "Font Awesome 5 Pro Solid";
  font-weight: 900;
}
/**
--- Colors -------------------------------------------------------------------------------------------------------------
**/
/** global **/
/** main colors **/
/** other **/
/** backgrounds **/
/** text **/
/**
--- Page ---------------------------------------------------------------------------------------------------------------
**/
/**
--- Fonts --------------------------------------------------------------------------------------------------------------
**/
/**
 * Theme: ichtholan-child
 * Mixins & functions
*/
@media screen {
  /**
--- Global styles ------------------------------------------------------------------------------------------------------
**/
  * {
    -webkit-tap-highlight-color: transparent !important;
  }
  *:active, *:focus, *:focus-within, *:focus-visible {
    outline: 0 none !important;
    outline-style: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  a {
    outline: none !important;
  }
  html, body {
    height: 100% !important;
    width: 100% !important;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #333333;
    background-color: #F6F6F6;
  }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, a, .btn {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  h1, .h1 {
    font-family: "Roboto Bold", sans-serif;
    font-size: 32px;
    color: #333333;
    line-height: 125%;
  }
  h2, .h2, h3, .h3 {
    font-family: "Roboto Bold", sans-serif;
    font-size: 26px;
    color: #005a54;
    line-height: 125%;
  }
  p + h3 {
    margin-top: 3.75rem;
  }
  h4, .h4 {
    font-family: "Open Sans Semibold", sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 125%;
  }
  h5, .h5 {
    font-family: "Roboto Bold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #676D72;
    line-height: 140%;
    margin: 20px 0;
  }
  h1, h2, h3, h4, p a, a, a span {
    color: #005a54;
  }
  a > span {
    line-height: 100%;
  }
  p, span {
    color: #333333;
    font-size: 16px;
    line-height: 140%;
  }
  span.default-text {
    font-weight: 400;
    color: #333333;
  }
  ul + h2, ul + h3, ul + h4 {
    margin-top: 60px;
  }
  ul:not(.theme-dropdown-menu):last-child, ul:not(.theme-dropdown-menu) li:last-child, p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  sup {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    left: -2px;
  }
  .font-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  .font-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  .font-bold {
    font-family: "Roboto Bold", sans-serif;
  }
  .font-bold-italic {
    font-family: "Roboto Bold Italic", sans-serif !important;
    font-style: italic;
  }
  .lead {
    font-weight: 400;
    color: #333333;
  }
  .gp-intro p.lead {
    font-size: 26px;
  }
  .linked {
    cursor: pointer;
  }
  a.expertfinder-link {
    color: #d10067;
    font-size: 32px;
  }
  .highlight {
    color: #d10067 !important;
  }
  .hidden {
    display: none;
  }
  .smaller {
    font-size: 80%;
  }
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .justify-content-left {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
  }
  .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: flex;
  }
  .justify-content-right {
    -webkit-box-pack: right !important;
    -ms-flex-pack: right !important;
    justify-content: right !important;
  }
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .container .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  /**
 * WP block group container class for legal pages
 * relates to .container standard
 */
  .wp-block-group.content-column, .content-column {
    max-width: 998px;
    margin: 0 auto;
    padding: 0 20px;
  }
  /*
.wp-block-columns,
.container {
  max-width: $page-max-width;
}
@media (min-width: 1200px) {
  .wp-block-columns,
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    //max-width: 1464px;
    max-width: $page-max-width;
  }
}

@media (min-width: 1024px) {
  body.page-level-2 {
    #hero-unit .hu-textoverlay-box {
      max-width: 988px;
    }
    #main .container {
      max-width: 988px;
    }
  }
}
@media (max-width: 988px) {
  body.page-level-2 {
    #hero-unit .hu-textoverlay-box {
      max-width: 100%;
    }
    #main .container {
      max-width: 100%;
    }
  }
}
*/
  .wp-block-columns {
    margin-left: auto;
    margin-right: auto;
  }
  input[type="button"], form button, .btn, .btn-primary, .wpforms-container-full .wpforms-form .wpforms-submit-container button[type="submit"] {
    color: #FFFFFF;
    background-color: #d10067;
    border-color: #d10067;
    padding: 10px 35px 10px !important;
    box-shadow: none !important;
  }
  input[type="button"]:hover, form button:hover, .btn:hover, .btn-primary:hover, .wpforms-container-full .wpforms-form .wpforms-submit-container button[type="submit"]:hover {
    background-color: #eb0074;
    border-color: #d10067;
  }
  a.btn, a.btn > span, a.btn-primary, a.btn-primary > span {
    border: 0 none !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 20px;
    line-height: 130% !important;
    font-weight: 400;
  }
  a.btn, a.btn-primary {
    display: inline-block;
  }
  .btn-secondary {
    background-color: #d10067;
  }
  .site-content p a, .site-content table a {
    box-shadow: none !important;
  }
  .bg-white {
    background: #FFFFFF;
  }
  .bg-lightgrey {
    background: #E8E9EA;
  }
  .bg-lightgreen {
    background: #E3EEED;
  }
  .bg-lightpink {
    background: #EFE1E8;
  }
  /**
--- Header -------------------------------------------------------------------------------------------------------------
**/
  header.site-header {
    position: relative;
    padding: 18px 0;
    background: #FFFFFF;
  }
  header.site-header nav.navbar {
    height: 64px;
    transition: all 0.5 ease-in-out;
    background: #FFFFFF;
  }
  header.site-header nav.navbar.fixed {
    border-bottom: 1px solid #CCCCCC;
  }
  header.site-header nav.navbar:not(.mobileNav) {
    /** navigation **/
  }
  header.site-header nav.navbar:not(.mobileNav) .container {
    position: relative;
    margin: 0 auto;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-brand img {
    width: auto;
    margin: 11px 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
  }
  header.site-header nav.navbar:not(.mobileNav) #main-nav {
    flex-direction: row;
  }
  header.site-header nav.navbar:not(.mobileNav) #main-nav.dropdown {
    position: relative;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu {
    position: relative;
    right: -20px;
    padding: 0;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu a {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item {
    position: relative;
    padding: 5px 15px;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .nav-link {
    color: #333333;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item:hover > .nav-link, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .nav-link:hover {
    color: #005a54 !important;
    font-family: "Roboto Bold", sans-serif;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item.menu-item-overview {
    display: none;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu {
    position: absolute !important;
    background-color: #FFFFFF;
    margin: 0;
    padding: 10px 0;
    border-radius: unset;
    border: 0 none;
    border-top: 4px solid #008d84;
    box-shadow: 4px 7px 11px -5px #666;
    -webkit-box-shadow: 4px 7px 11px -5px #666;
    -moz-box-shadow: 4px 7px 11px -5px #666;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .menu-item {
    padding: 5px 15px;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .dropdown-item {
    position: relative;
    display: block;
    padding: 0;
    color: #666666;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .dropdown-item:after {
    position: absolute;
    transition: 0.3s;
    content: none;
    width: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #666666;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .dropdown-item:hover {
    color: #d10067;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .dropdown-item:hover, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .dropdown-item:focus {
    text-decoration: none;
    background-color: transparent;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .dropdown-item:hover:after, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .dropdown-item:focus:after {
    width: 100%;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .current-menu-item > .dropdown-item, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu .menu-item .dropdown-menu .current_page_ancestor > .dropdown-item {
    color: #005a54;
    font-family: "Roboto Bold", sans-serif;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item > .nav-link:after {
    content: none;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.menu-item-has-children > .nav-link {
    padding-bottom: 0px;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.menu-item-has-children.show, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.menu-item-has-children:hover {
    background: #FFFFFF;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.menu-item-has-children.show > .nav-link, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.menu-item-has-children:hover > .nav-link {
    color: #666666;
    padding-bottom: 0px;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.menu-item-has-children.show .dropdown-menu, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.menu-item-has-children:hover .dropdown-menu {
    display: block;
  }
  header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.current-menu-item > .nav-link, header.site-header nav.navbar:not(.mobileNav) .navbar-nav.theme-dropdown-menu > .menu-item.current_page_ancestor > .nav-link {
    color: #005a54;
    font-family: "Roboto Bold", sans-serif;
  }
  header.site-header nav.navbar #main-nav #servicebar {
    position: relative;
    right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-left: 40px;
  }
  header.site-header nav.navbar #main-nav #servicebar #search-button-container #search-button {
    position: relative;
    color: #333333;
    font-size: 20px;
    line-height: 20px;
    height: 20px;
  }
  header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu {
    position: relative;
    left: auto;
    right: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    margin-left: 40px;
    margin-bottom: 0;
    align-items: center;
  }
  header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu:before {
    content: "\f7a2";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Light";
    font-weight: 300;
    position: absolute;
    top: -6px;
    left: -25px;
    color: #333333;
  }
  header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li, header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu a {
    color: #333333;
    font-size: 18px;
    line-height: 18px;
  }
  header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li {
    padding: 0 5px;
    border-left: 1px solid #333333;
  }
  header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li:before {
    display: none;
    content: none;
  }
  header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li:first-child {
    border-left: 0 none;
  }
  header.site-header nav.navbar #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li.active {
    font-weight: 700;
  }
  header.site-header nav.navbar #main-nav.dropdown #searchbox-mobile {
    display: none !important;
  }
  /**
--- Page ------------------------------------------------------------------------------------------------------------
**/
  #page.site {
    background-color: #F6F6F6;
    min-height: calc(100vh - 100px);
  }
  /**
--- Content ------------------------------------------------------------------------------------------------------------
**/
  #content a {
    color: #005a54;
    text-decoration: underline;
    font-size: inherit;
  }
  #content.no-stage {
    margin-top: calc(20px * 3);
  }
  /**
--- Footer -------------------------------------------------------------------------------------------------------------
**/
  footer#footer {
    position: relative;
    bottom: 0;
    background: #005a54;
    color: #FFFFFF;
    margin-top: 30px;
  }
  .banner + footer > .container {
    margin-top: 0;
  }
  #footer {
    padding: calc(20px * 3) 0;
  }
  #footer *, #footer a, #footer a:hover {
    font-size: 16px;
    color: #FFFFFF;
  }
  #footer a:hover {
    text-decoration: underline;
  }
  #footer .footer-brand {
    margin: 0 0 10px;
  }
  #footer .footer-brand > div {
    margin-top: 30px;
  }
  #footer .footer-nav {
    position: relative;
    padding: 0;
  }
  #footer .footer-nav .footer-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 40px;
    margin-bottom: 0;
  }
  #footer .footer-nav .footer-menu li {
    padding: 5px 15px;
  }
  #footer .footer-nav .footer-menu li a {
    line-height: 125%;
  }
  #footer .footer-mandatorytext {
    margin-top: calc(20px / 2);
    margin-bottom: 20px;
  }
  #footer .footer-copyright {
    line-height: 125%;
  }
  #footer #to-top-button {
    position: relative;
    padding: 0;
    margin-top: 40px;
  }
  #footer #to-top-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: transparent;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
  #footer #to-top-button a > i {
    color: #FFFFFF;
    font-size: 20px;
  }
  /**
--- Stage/Hero-Unit ----------------------------------------------------------------------------------------------------
**/
  #hero-unit {
    opacity: 0;
    transition: opacity 0.5s 0.25s ease-out;
    position: relative;
    padding-bottom: 0;
  }
  #hero-unit.is-visible {
    opacity: 1;
  }
  #hero-unit > .container {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }
  #hero-unit img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #hero-unit.carousel-stage .hu-wrapper {
    position: relative;
    padding-bottom: calc(20px * 3);
    text-align: center;
  }
  #hero-unit.carousel-stage .hu-wrapper > .hu-image-wrapper {
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #010811;
  }
  #hero-unit.carousel-stage .hu-wrapper > .hu-image-wrapper > picture img {
    position: relative;
    height: 100%;
  }
  #hero-unit.carousel-stage .hu-textoverlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container {
    position: relative;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box {
    background: #FFFFFF;
    -webkit-box-shadow: 3px 3px 15px -2px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 15px -2px rgba(0, 0, 0, 0.25);
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box.has-image p {
    padding-right: 345px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box.has-image .hu-overlay-image {
    position: absolute;
    bottom: 40px;
    right: -20px;
    max-width: 626px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper {
    padding: 40px 51% 50px 60px;
    text-align: left;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper h1, #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper h2, #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper p, #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper span, #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper a, #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper div {
    color: #005a54;
    line-height: 125%;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper h1, #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper h2, #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .h1 {
    font-family: "Roboto Bold", sans-serif;
    font-size: 36px;
    margin: 0;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .hu-textoverlay-text {
    font-family: "Open Sans Semibold Italic", sans-serif;
    font-style: italic;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .hu-textoverlay-text p {
    font-size: 20px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .hu-textoverlay-text strong {
    font-family: "Roboto Bold Italic", sans-serif !important;
    font-style: italic;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .hu-textoverlay-text *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper a.btn:hover {
    box-shadow: none !important;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box.bg-white a.btn:hover {
    background: #eb0074 !important;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box.bg-grey {
    background: #676D72;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box.bg-grey a.btn:hover {
    background: #eb0074 !important;
  }
  #hero-unit.carousel-stage .slider-nav {
    position: relative;
    margin: 0 auto;
  }
  #hero-unit.carousel-stage .slider-nav .pagingInfo {
    position: relative;
    top: -27px;
  }
  #hero-unit.carousel-stage .slider-nav .pagingInfo .slick-dots {
    width: 100%;
  }
  #hero-unit.carousel-stage .slider-nav .pagingInfo .slick-dots li button {
    height: 8px;
    width: 8px;
    background-color: #00c0b3;
  }
  #hero-unit.carousel-stage .slider-nav .pagingInfo .slick-dots li.slick-active button {
    background-color: #005a54;
  }
  #hero-unit.carousel-stage .slider-nav .slick-arrow {
    position: absolute;
    background: #005a54;
    color: #FFFFFF;
    top: -170px;
    width: 40px;
    height: 40px;
  }
  #hero-unit.carousel-stage .slider-nav .slick-arrow:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Font Awesome 5 Pro Light";
    font-size: 20px;
  }
  #hero-unit.carousel-stage .slider-nav .slick-arrow.slick-prev {
    left: -85px;
  }
  #hero-unit.carousel-stage .slider-nav .slick-arrow.slick-next {
    right: -85px;
  }
  #hero-unit.carousel-stage + section#primary {
    margin-top: 0;
  }
  #hero-unit.simple-stage {
    margin-bottom: -40px;
    background-color: #010811;
  }
  #hero-unit.simple-stage .hu-textoverlay {
    position: relative;
    top: -100px;
    max-width: 1156px;
    margin: 0 auto -120px;
  }
  #hero-unit.simple-stage .hu-textoverlay .hu-textoverlay-box {
    padding: 15px 32px 32px;
    background-color: #FFFFFF;
  }
  #hero-unit.simple-stage-subpage {
    max-height: 464px;
    background-color: #010811;
    position: relative;
  }
  #hero-unit.simple-stage-subpage > .stage-type-subpage {
    max-height: 464px;
    max-width: 1156px;
    width: 100%;
    margin: 0 auto;
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1156px;
    margin: 0 auto;
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 562px;
    background-color: transparent;
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box.color-primary * {
    color: #005a54;
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box.color-secondary * {
    color: #d10067;
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box * {
    color: #FFFFFF;
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box h1, #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box .h1, #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box h2, #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box .h2 {
    font-family: "Roboto Bold", sans-serif;
  }
  #hero-unit.simple-stage-subpage .introtext .col-12 {
    padding: 60px 0;
  }
  html.no-js #hero-unit {
    opacity: 1;
  }
  body.page-level-1 #hero-unit.simple-stage .hu-textoverlay .hu-textoverlay-box {
    max-width: 660px;
  }
  body.page-level-2 #hero-unit.simple-stage .hu-textoverlay {
    background-color: #FFFFFF;
    max-width: 1156px;
  }
  body.page-level-2 #hero-unit.simple-stage .hu-textoverlay .hu-textoverlay-box {
    padding: 15px 0 32px;
    max-width: 958px;
    margin: 0 auto;
  }
  body.template-subpage footer#footer, body.template-productpage footer#footer {
    margin-top: calc(20px * 2);
  }
  body.template-subpage .above-footer-banner + footer#footer, body.template-productpage .above-footer-banner + footer#footer {
    margin-top: 0;
  }
  body.template-subpage.page-level-2 #hero-unit .hu-textoverlay .hu-textoverlay-box {
    padding: 15px 0 32px;
    max-width: 661px;
    margin: 0 auto;
  }
  body.template-productpage header.site-header {
    z-index: 10;
  }
  body.template-productpage #hero-unit > .container {
    max-width: 1156px;
    margin: 0 auto;
    transform: translateY(-240px);
  }
  body.template-productpage #hero-unit .stage-type-productpage {
    position: relative;
  }
  body.template-productpage #hero-unit .stage-type-productpage:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 480px;
    content: "";
    background-color: #010811;
    z-index: 0;
  }
  body.template-productpage #hero-unit .hu-background {
    height: 480px;
    min-height: 480px;
    background-color: #010811;
    display: none;
  }
  body.template-productpage #hero-unit .hu-textoverlay {
    position: relative;
    max-width: 100%;
    padding-bottom: 100px;
    z-index: 1;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box {
    position: relative;
    max-width: 1156px;
    top: 100px;
    padding: 40px 40px 40px 100px;
    margin: 0 auto;
    background: #FFFFFF;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .hu-packshot-col {
    position: relative;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .hu-packshot-col .packshot-wrapper img {
    width: 100%;
    max-width: 364px;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .hu-image-col .hu-ic-image-wrapper {
    margin: 20px 0 30px;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .hu-image-col .hu-ic-image-wrapper .hu-ic-image-caption {
    margin: 20px auto 0;
    font-size: 16px;
    max-width: 265px;
    text-align: center;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box h1 {
    font-family: "Roboto Bold", sans-serif;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .subtitle, body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .subtitle p {
    font-family: "Roboto Bold Italic", sans-serif !important;
    font-style: italic;
    color: #005a54;
    margin: 20px 0;
  }
  .ot-sdk-show-settings {
    cursor: pointer;
  }
  .ot-sdk-show-settings:hover {
    text-decoration: underline;
  }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
    font-size: 20px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    line-height: 125% !important;
    color: #333333 !important;
  }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
    font-family: "Open Sans Semibold", sans-serif !important;
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 125% !important;
    color: #005a54 !important;
    text-align: center !important;
  }
  /**
--- Widgets & Sections -------------------------------------------------------------------------------------------------
**/
  .textoptimized {
    margin-left: auto;
    margin-right: auto;
  }
  #primary section, #primary .section, #primary .gp-section-table, #primary .banner {
    padding: 7.5% 0;
    background: transparent;
  }
  #primary section.bg-transparent + .bg-transparent, #primary .section.bg-transparent + .bg-transparent, #primary .gp-section-table.bg-transparent + .bg-transparent, #primary .banner.bg-transparent + .bg-transparent {
    padding-top: 0;
  }
  #primary section.bg-white, #primary .section.bg-white, #primary .gp-section-table.bg-white, #primary .banner.bg-white {
    background: #FFFFFF;
  }
  #primary section.bg-white + .bg-white, #primary .section.bg-white + .bg-white, #primary .gp-section-table.bg-white + .bg-white, #primary .banner.bg-white + .bg-white {
    padding-top: 0;
  }
  #primary section.bg-lightgrey, #primary .section.bg-lightgrey, #primary .gp-section-table.bg-lightgrey, #primary .banner.bg-lightgrey {
    background: #E8E9EA;
  }
  #primary section.bg-lightgrey + .bg-lightgrey, #primary .section.bg-lightgrey + .bg-lightgrey, #primary .gp-section-table.bg-lightgrey + .bg-lightgrey, #primary .banner.bg-lightgrey + .bg-lightgrey {
    padding-top: 0;
  }
  #primary section.bg-colored, #primary .section.bg-colored, #primary .gp-section-table.bg-colored, #primary .banner.bg-colored {
    padding: calc(20px * 2) 0;
    margin-bottom: 0;
  }
  #primary section .row, #primary .section .row, #primary .gp-section-table .row, #primary .banner .row {
    padding-top: calc(20px * 2);
    transition: padding-top 0.5s ease-in;
  }
  #primary section.animate .row, #primary .section.animate .row, #primary .gp-section-table.animate .row, #primary .banner.animate .row {
    padding-top: 0;
  }
  /*
body.page-template-subpage {
  #primary {
    section,
    .section,
    .gp-section-table,
    .banner {
      padding: calc(20px * 2.5) 0;
    }
  }
}
 */
  html.no-js #primary section .row, html.no-js #primary .section .row, html.no-js #primary .gp-section-table .row, html.no-js #primary .banner .row {
    padding-top: 0;
  }
  /*
body.home {
  #primary {
    section,
    .section,
    .gp-section-table,
    .banner {
      //margin: 0;
      > .container > .row > div[class^="col"] {
        margin-bottom: calc(20px * 2.5);
      }
    }
  }
}
*/
  article h1 + .section, article h2 + .section {
    margin-top: 95px;
  }
  article h2 {
    margin-bottom: 0.85em;
  }
  .site-content > section:first-child {
    padding-top: 0 !important;
  }
  .site-content > section:first-child section:first-child {
    padding-top: 0 !important;
  }
  /** Plugins global style **/
  .slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
  }
  .slick-prev {
    left: 25px;
  }
  .slick-next {
    right: 25px;
  }
  /** Banner **/
  section.infobanner {
    background-color: #005a54;
  }
  section.infobanner * {
    color: #FFFFFF;
  }
  section.infobanner .col-12 {
    padding: 50px 0;
  }
  section.infobanner h3 {
    font-family: "Open Sans Semibold", sans-serif;
  }
  section.infobanner a {
    background: transparent;
    border: 1px solid #FFFFFF !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: #FFFFFF;
    text-decoration: #FFFFFF;
  }
  section.infobanner.above-footer-banner {
    margin-bottom: 0;
  }
  #banner-expertfinder {
    text-align: center;
    margin: 0 auto;
    padding-bottom: calc(20px * 4);
    background-color: #FFFFFF;
    /*padding-bottom: calc(10px*4);*/
  }
  #banner-expertfinder.bg-pastelpink {
    background-color: #EBDFE6;
  }
  #banner-expertfinder .content-expertenfinder {
    margin-top: 20px;
  }
  #banner-expertfinder h2.expertfinder {
    margin-top: 32px;
  }
  #banner-expertfinder form.expertfinder-form {
    /*
margin-top: -18px;
margin-left: -120px;
width: 984px;
*/
  }
  #banner-expertfinder form.expertfinder-form input, #banner-expertfinder form.expertfinder-form select {
    margin: 0;
    border: 0 none;
    color: #333333;
    font-size: 20px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper {
    display: flex;
    justify-content: center;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-field-wrapper {
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-right-width: 0;
    height: 57px;
    max-height: 57px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-field-wrapper.ef-input {
    -webkit-border-top-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-bottom-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-field-wrapper.ef-input:after {
    content: "\";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-field-wrapper.ef-select {
    width: 275px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-field-wrapper:after, #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-select-selected:after {
    position: absolute;
    background: #FFFFFF;
    top: 3px;
    right: 20px;
    color: #d10067;
    height: 20px;
    width: 20px;
    font-size: 36px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-field-wrapper.ef-input:after {
    content: "\";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Light";
    font-weight: 300;
    font-size: 24px;
    height: 30px;
    top: 13px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-select-selected:after {
    content: "\";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Light";
    font-weight: 300;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-input {
    font-size: 20px;
    font-weight: 400;
    line-height: 55px;
    height: 55px;
    width: 480px;
    background: #FFFFFF;
    padding: 0 0 0 30px;
    -webkit-border-top-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-bottom-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper select.expertfinder-select {
    margin: 0 0 0 -1px;
    height: 55px;
    padding: 0 30px;
    outline: none;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper select.expertfinder-select:focus {
    outline: none !important;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-select-selected {
    margin: 0 0 0 -1px;
    line-height: 55px;
    height: 55px;
    padding: 0 60px 0 30px;
    text-align: left;
    font-size: 20px;
    outline: none;
    cursor: pointer;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper ul.expertfinder-select-dropdown {
    display: none;
    position: absolute;
    top: 55px;
    left: -1px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #999999;
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
    z-index: 1000;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper ul.expertfinder-select-dropdown.open {
    display: block;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper ul.expertfinder-select-dropdown li {
    text-align: left;
    cursor: pointer;
    font-size: 20px;
    padding-left: 30px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper ul.expertfinder-select-dropdown li:before {
    content: none;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper button.expertfinder-button {
    position: relative;
    background: #d10067;
    color: #FFFFFF;
    font-size: 20px;
    /*font-weight: $bold-font-weight;*/
    line-height: 57px;
    height: 57px;
    max-height: 57px;
    padding: 0 80px 0 30px;
    margin: 0 0 0 -1px;
    border: 0 none;
    -webkit-border-top-right-radius: 40px;
    -moz-border-top-right-radius: 40px;
    border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-bottom-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper button.expertfinder-button:focus {
    outline: none !important;
  }
  /**
--- Content-Elements ---------------------------------------------------------------------------------------------------
**/
  .color-green {
    color: #005a54;
  }
  .text-element {
    /*
  ul:not(.list) {
    > li {
      position: relative;
      padding: 0 0 10px 44px;

      &:before {
        @include icon('f054');
        top: 3px !important;
        left: 0;
        width: 26px;
        height: 26px;
        background-color: $primary-color;
        @include border-radius(20px);
        color: $white;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        padding-left: 2px;
      }
    }
  }
  */
  }
  .text-element blockquote {
    position: relative;
    text-align: center;
    background: #fff;
    margin: 3rem 0;
    padding: 2.5rem;
  }
  .text-element blockquote * {
    color: #d10067;
  }
  .text-element blockquote h6 {
    font-family: "Roboto Bold", sans-serif;
    font-size: 26px;
    margin: 0 auto;
  }
  .text-element blockquote p {
    font-family: "Noto Serif Italic";
    font-size: 20px;
    font-style: italic;
    line-height: 140%;
  }
  .text-element blockquote:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f054";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
    top: -20px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    background-color: #d10067;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    color: #FFFFFF;
    font-size: 23px;
    line-height: 40px;
    text-align: center;
    padding-left: 2px;
  }
  .hu-textoverlay-box ul.list, .text-element ul.list {
    margin-left: 0;
    padding-left: 0;
  }
  .hu-textoverlay-box ul.list.icon-list, .text-element ul.list.icon-list {
    list-style-type: none;
  }
  .hu-textoverlay-box ul.list.icon-list li, .text-element ul.list.icon-list li {
    position: relative;
    padding-left: 2.5em;
    padding-bottom: 0.75em;
    font-size: 16px;
  }
  .hu-textoverlay-box ul.list.icon-list li:before, .text-element ul.list.icon-list li:before {
    position: absolute;
    content: "";
    top: 0;
    background: transparent;
    margin-left: -15px;
    font-family: "Font Awesome 5 Pro Light";
    font-size: 140%;
    color: #005a54;
  }
  .hu-textoverlay-box ul.list.icon-list.icon-question li:before, .text-element ul.list.icon-list.icon-question li:before {
    content: "";
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
  }
  .hu-textoverlay-box ul.list.icon-list.icon-exclamation li:before, .text-element ul.list.icon-list.icon-exclamation li:before {
    content: "";
  }
  .hu-textoverlay-box ul.list.icon-list.icon-chevron-right li:before, .text-element ul.list.icon-list.icon-chevron-right li:before {
    content: "";
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
  }
  .hu-textoverlay-box ul.list.icon-list.color-green li:before, .text-element ul.list.icon-list.color-green li:before {
    color: #005a54;
  }
  .hu-textoverlay-box ul {
    margin-bottom: 40px;
  }
  section .textoptimized blockquote {
    margin: 3rem -4rem;
  }
  .image-style-1 .image-wrapper {
    position: relative;
    overflow: visible;
    z-index: 0;
    background-color: #FFFFFF;
  }
  .image-style-1 .image-wrapper img {
    position: relative;
    bottom: 24px;
    z-index: 1;
  }
  .image-style-1.green-accent-1 .image-wrapper {
    background-color: #005a54;
  }
  .image-style-1.green-accent-2 .image-wrapper {
    background-color: #008d84;
  }
  .image-left .image-style-1 .image-wrapper img {
    left: -18px;
  }
  .image-right .image-style-1 .image-wrapper img {
    right: -18px;
  }
  .section.card-link-row h4 {
    text-align: left;
    color: #010811;
    font-family: "Roboto Bold", sans-serif;
  }
  .card {
    background: transparent;
  }
  .card-link .cl-body {
    max-width: 100%;
    text-align: center;
    padding: 0 15px;
  }
  .card-link .cl-icon + .cl-headline, .card-link .cl-icon + .cl-text {
    margin-top: 0.5em;
  }
  .card-link span.cl-headline {
    display: inline-block;
    font-family: "Roboto Bold", sans-serif;
    color: #010811;
    font-size: 20px;
    line-height: 125%;
    text-decoration: none;
  }
  .card-link span.cl-headline + span.cl-text {
    margin-top: 1.5em;
  }
  .card-link span.cl-text, .card-link span.cl-headline .default-text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  .card-link a {
    text-decoration: none !important;
  }
  .card-link .cl-body, .card-link .cl-body > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
  }
  .teaser-textarea {
    background: #FFFFFF;
    padding: 30px;
    position: relative;
    top: -100px;
    margin: 0 30px -100px;
    box-shadow: 4px 7px 20px -10px #CCCCCC;
    -webkit-box-shadow: 4px 7px 20px -10px #CCCCCC;
    -moz-box-shadow: 4px 7px 20px -10px #CCCCCC;
  }
  .teaser-textarea *:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  .teaser-grid .row {
    justify-content: space-between !important;
  }
  .default-teaser {
    max-width: 562px;
    padding: 0;
  }
  .default-teaser .teaser-wrapper {
    width: 100%;
  }
  .default-teaser.compact.col-md-4 {
    -ms-flex: 0 0 calc(33.333332% - 20px);
    flex: 0 0 calc(33.333332% - 20px);
  }
  .default-teaser.compact .teaser-wrapper {
    background-color: #E3EEED;
    padding: 32px 32px 0;
    margin: 0 auto;
  }
  .default-teaser.compact .teaser-wrapper .teaser-image {
    margin: -85px 0 0;
    max-width: 300px;
  }
  .default-teaser.compact .teaser-wrapper .teaser-image img {
    max-width: 100%;
  }
  .default-teaser.compact .teaser-wrapper .teaser-textarea {
    background: transparent;
    padding: 0 0 85px;
    top: 0;
    margin: 32px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .equalize .teaser-textarea {
    padding-bottom: 85px;
  }
  .equalize .teaser-textarea .btn-bar .btn-wrapper {
    position: absolute;
    bottom: 30px;
  }
  .productshowcase {
    position: relative;
    min-height: 374px;
    max-width: 562px;
  }
  .productshowcase.col-md-6 {
    padding: 0 !important;
  }
  .productshowcase .psc-wrapper {
    position: relative;
    width: 100%;
    padding-top: 66.37%;
    background-color: #010811;
    /*
    .psc-image-wrapper {
      position: relative;
      bottom: 35px;
      max-width: 483px;
      left: 50%;
      transform: translateX(-50%);
    }*/
  }
  .productshowcase .psc-wrapper .psc-image-wrapper {
    position: absolute;
    bottom: 115px;
    width: 483px;
    left: 50%;
    transform: translateX(-50%);
  }
  .imageteaser-fullwidth {
    position: relative;
  }
  .imageteaser-fullwidth .textoverlay {
    position: relative;
    margin-bottom: 150px;
  }
  .imageteaser-fullwidth .textoverlay .textoverlay-box {
    position: absolute;
    bottom: -110px;
    background: #FFFFFF;
    padding: 32px;
  }
  .imageteaser-fullwidth .text-on-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .imageteaser-fullwidth .text-on-image.color-white .text-element {
    padding: 32px 0;
  }
  .imageteaser-fullwidth .text-on-image.color-white .text-element * {
    color: #ffffff !important;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  .imageteaser-fullwidth .text-on-image.color-white .text-element h3, .imageteaser-fullwidth .text-on-image.color-white .text-element h4 {
    font-size: 36px;
  }
  .imageteaser-fullwidth.contains-no-textbox:last-child {
    margin-bottom: -95px;
  }
  .imageteaser-fullwidth.quote {
    margin-bottom: 85px;
  }
  .imageteaser-fullwidth.quote .textoverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
  .imageteaser-fullwidth.quote .textoverlay .container, .imageteaser-fullwidth.quote .textoverlay .row {
    height: 100%;
  }
  .imageteaser-fullwidth.quote .textoverlay .row > div .textoverlay-box {
    position: relative;
    bottom: auto;
    background: rgba(255, 255, 255, 0.6);
    padding: 32px;
    max-width: 760px;
  }
  .imageteaser-fullwidth.quote .textoverlay .row > div .textoverlay-box:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f054";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
    top: -17px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -19px;
    background-color: #d10067;
    border-radius: 20;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    color: #FFFFFF;
  }
  .imageteaser-fullwidth.quote .textoverlay .row > div .quote-box, .imageteaser-fullwidth.quote .textoverlay .row > div .quote-box * {
    font-family: "Noto Serif Italic";
    color: #005a54;
    font-size: 24px;
    font-style: italic;
    text-align: center;
  }
  .page-teaser .pt-body {
    display: flex;
    padding: 64px 100px;
    margin-top: 120px;
    width: 100%;
    justify-content: space-between;
  }
  .page-teaser .pt-body .pt-image {
    width: 364px;
    margin-top: -130px;
  }
  .page-teaser .pt-body .pt-textarea {
    width: calc(100% - 364px);
  }
  .page-teaser .pt-body .pt-textarea .pt-text {
    font-size: 20px;
    color: #333333;
    line-height: 125%;
  }
  .page-teaser .pt-body .pt-button {
    position: relative;
    border: 2px solid #d10067;
    background: #d10067;
    color: #FFFFFF;
    text-decoration: none !important;
    padding: 5px 30px;
    cursor: pointer;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    display: inline-block;
    width: auto;
    font-size: 20px;
    line-height: 3em;
    font-size: 20px;
    padding: 0 2em;
  }
  .page-teaser .pt-body .pt-button:focus {
    outline: none !important;
  }
  .page-teaser .pt-body .pt-button:hover {
    background: #eb0074 !important;
  }
  .page-teaser .pt-body .pt-button span {
    color: #FFFFFF;
  }
  .page-teaser .pt-body.image-left .pt-textarea {
    padding-left: 30px;
  }
  .page-teaser .pt-body.image-right .pt-textarea {
    padding-right: 30px;
  }
  .tile-set {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  .tile-set .ts-image {
    position: relative;
    width: 464px;
  }
  .tile-set .ts-image img {
    max-width: 100%;
  }
  .tile-set .ts-text {
    display: flex;
    align-items: center;
    width: 464px;
  }
  .tile-set .ts-text .ts-text-wrapper {
    font-size: 22px;
  }
  .tile-set.image-left {
    justify-content: flex-start;
  }
  .tile-set.image-left .ts-image {
    margin-left: -15px;
  }
  .tile-set.image-left .ts-image img {
    left: -24px;
  }
  .tile-set.image-left .ts-text {
    margin: 0 0 0 130px;
  }
  .tile-set.image-right {
    justify-content: flex-end;
  }
  .tile-set.image-right .ts-image {
    margin-right: -15px;
  }
  .tile-set.image-right .ts-image img {
    right: -24px;
  }
  .tile-set.image-right .ts-text {
    margin: 0 130px 0 0;
  }
  ul.nav-tabs {
    box-shadow: none;
  }
  ul.nav-tabs .nav-item {
    padding: 0 !important;
  }
  ul.nav-tabs .nav-item a, ul.nav-tabs .nav-item a.active {
    box-shadow: none !important;
  }
  ul.nav-tabs .nav-item a:hover, ul.nav-tabs .nav-item a:active, ul.nav-tabs .nav-item a:focus, ul.nav-tabs .nav-item a.active:hover, ul.nav-tabs .nav-item a.active:active, ul.nav-tabs .nav-item a.active:focus {
    box-shadow: none !important;
  }
  ul.nav-tabs .nav-item a {
    display: inline-block;
    font-size: 22px;
    font-family: "Myriad Pro Semibold";
    color: #778086 !important;
    text-decoration: none !important;
    border-bottom: 8px solid #DDDDDD;
    padding: 0 30px 13px !important;
  }
  ul.nav-tabs .nav-item a:hover, ul.nav-tabs .nav-item a.active {
    border-bottom: 8px solid #91B729;
  }
  .accordion {
    max-width: auto;
    margin: 0 auto;
    border-bottom: 1px solid #999999;
  }
  .accordion .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
  }
  .accordion .card .card-header button {
    font-family: "Roboto Bold", sans-serif;
    font-size: 26px;
    border: 1px solid #CCCCCC;
    border-width: 1px 0 0 0;
    width: 100%;
    padding: 0.75em 30px 0.75em 0;
    line-height: 150%;
    color: #005a54;
    font-weight: 400;
    position: relative;
    text-align: left;
  }
  .accordion .card .card-header button:before, .accordion .card .card-header button:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    background-color: #ff0580;
    top: 50%;
    right: 10px;
  }
  .accordion .card .card-body .col-lg-8 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .accordion .card .card-body .col-lg-8 p {
    font-size: 22px;
  }
  .custom-accordion-section .accordion.custom-accordion {
    position: relative;
    border-bottom: 0 none;
  }
  .custom-accordion-section .accordion.custom-accordion:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -479px;
    width: 958px;
    max-width: 958px;
    height: 1px;
    background-color: #999999;
  }
  .custom-accordion-section .accordion.custom-accordion .card-header {
    width: 100%;
    margin: 0 auto;
  }
  .custom-accordion-section .accordion.custom-accordion .accordion-content-item {
    margin-bottom: 30px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .custom-accordion-section .accordion.custom-accordion .accordion-content-item h4 {
    font-family: "Roboto Bold", sans-serif;
    color: #010811;
    margin: 20px 0 0;
  }
  .grid-section h4 {
    margin-bottom: calc(20px * 2);
  }
  .grid-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .grid-row + .grid-row {
    margin-top: calc(20px * 3);
  }
  .grid-row > div {
    max-width: none !important;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  .interactive-area .ia-wrapper {
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
  }
  .interactive-area .ia-wrapper .ia-mainarea {
    background-color: #010811;
    padding: 48px 0 100px;
  }
  .interactive-area .ia-wrapper .ia-mainarea * {
    color: #FFFFFF !important;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-headline {
    font-family: "Roboto Bold", sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0 60px 30px;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-headline span.font-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item, .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item.border-right {
    border-right: 1px solid #FFFFFF;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item span.ia-image-wrapper {
    display: block;
    height: 140px;
    width: 140px;
    max-height: 140px;
    max-width: 140px;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item span.ia-text-wrapper {
    display: block;
    padding: 0 5px;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item span.ia-text-wrapper span.ia-text {
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 130% !important;
    text-align: center;
    text-decoration: none !important;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-link:hover .ia-image-wrapper img {
    height: 140px;
    width: 140px;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-link:hover span.ia-text-wrapper .ia-text {
    font-family: "Roboto Bold", sans-serif;
  }
  .interactive-area .ia-textbox {
    background: #FFFFFF;
    padding: 30px;
    position: relative;
    top: -100px;
    margin: 0 30px -100px;
    box-shadow: 4px 7px 20px -10px #CCCCCC;
    -webkit-box-shadow: 4px 7px 20px -10px #CCCCCC;
    -moz-box-shadow: 4px 7px 20px -10px #CCCCCC;
  }
  .interactive-area .ia-textbox *:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  .video {
    width: 960px;
    height: 490px;
  }
  .video .vs-button {
    display: none;
  }
  .video.video-simulation {
    position: relative;
    background: #000;
  }
  .video.video-simulation .vs-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
    color: #91B729;
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .video.video-simulation .vs-button i.fal {
    color: #91B729;
    font-size: 90px;
    line-height: 90px;
  }
  /**
--- Forms --------------------------------------------------------------------------------------------------------------
**/
  form .input-group-text, form input, form textarea {
    border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #005a54;
    border: 0;
    height: 56px;
    border-bottom: 2px solid #005a54;
    font-weight: 400;
    margin: 26px 0;
    font-size: 18px;
    font-weight: 400;
    padding: 16px;
    color: #000000;
  }
  /**
--- Modals -------------------------------------------------------------------------------------------------------------
**/
  .modal-backdrop {
    background-color: #000;
  }
  .modal-backdrop.show {
    display: none;
  }
  .modal#search-modal {
    background-color: rgba(17, 25, 36, 0.9);
    z-index: 2000;
  }
  .modal#search-modal .modal-dialog {
    max-width: 100vw;
  }
  .modal#search-modal .modal-dialog .modal-content {
    background: transparent;
  }
  .modal#search-modal .modal-dialog .modal-content button.close-btn, .modal#search-modal .modal-dialog .modal-content button.close-btn:focus-visible, .modal#search-modal .modal-dialog .modal-content button.close-btn:focus-within, .modal#search-modal .modal-dialog .modal-content button.close-btn:focus {
    float: right;
    border: 0 none;
    background: none;
  }
  .modal#search-modal .modal-dialog .modal-content button.close-btn i, .modal#search-modal .modal-dialog .modal-content button.close-btn:focus-visible i, .modal#search-modal .modal-dialog .modal-content button.close-btn:focus-within i, .modal#search-modal .modal-dialog .modal-content button.close-btn:focus i {
    color: #FFFFFF;
    font-size: 40px;
  }
  .modal#search-modal .modal-dialog .modal-content #searchbox form {
    position: relative;
    margin-top: 150px;
    display: flex;
  }
  .modal#search-modal .modal-dialog .modal-content #searchbox form .searchbox-searchterm.input {
    background-color: rgba(17, 25, 36, 0);
    border: 0 none;
    border-bottom: 2px solid #FFFFFF;
    height: 40px;
    width: calc(100% - 40px);
    margin: 0;
    z-index: 11000;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 20px;
  }
  .modal#search-modal .modal-dialog .modal-content #searchbox form .searchbox-submit {
    position: relative;
    background-color: transparent;
    height: 40px;
    width: 40px;
    color: #FFFFFF;
    border: 0 none;
    border-bottom: 2px solid #FFFFFF;
  }
  .modal#search-modal .modal-dialog .modal-content #searchbox form .searchbox-submit span.icon-search {
    color: #FFFFFF;
  }
  /**
--- Special Pages ------------------------------------------------------------------------------------------------------
**/
  .gp-search-results [type="search"] {
    color: #676D72;
    font-weight: 400;
    color: #333333;
    border-bottom-color: #005a54;
    background-color: #E3EEED;
  }
  .gp-search-results .form-control:focus {
    background-color: #E3EEED;
    border-bottom-color: #005a54;
  }
  .gp-search-results .search-form .input-group.focus .search-field {
    background-color: #E3EEED !important;
    border-bottom-color: #005a54 !important;
  }
  .gp-search-results .search-form button .icon-search {
    position: absolute;
  }
  .gp-search-results article strong {
    background-color: #E3EEED;
  }
  div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
    width: 65.3333333333% !important;
  }
  .wpforms-container-full .wpforms-form .wpforms-field-container [class*="wpforms-field"] input, .wpforms-container-full .wpforms-form .wpforms-field-container [class*="wpforms-field"] textarea {
    font-family: "Open Sans Semibold", sans-serif;
    color: #333333;
    border-bottom-color: #005a54;
    background-color: #E3EEED;
  }
  .wpforms-container-full .wpforms-form .wpforms-field-container [class*="wpforms-field"] input:focus, .wpforms-container-full .wpforms-form .wpforms-field-container [class*="wpforms-field"] textarea:focus {
    border-bottom: 2px solid #005a54;
  }
  .wpforms-container-full .wpforms-form .wpforms-field-container input[type="checkbox"] + label:before, .wpforms-container-full .wpforms-form .wpforms-field-container input[type="radio"] + label:before {
    border: 2px solid #005a54;
  }
  .wpforms-container-full .wpforms-form .wpforms-field-container input[type="radio"]:checked ~ label:after {
    background: #00f3e3;
  }
  div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 16px;
    font-family: "Open Sans Semibold", sans-serif;
  }
  .wpforms-container-full .wpforms-form .wpforms-field-container [class*="wpforms-field"] .wpforms-field-description {
    letter-spacing: inherit;
    display: block;
    padding-left: 35px;
  }
  .wpforms-container-full .wpforms-form .wpforms-field-container [class*="wpforms-field"] .wpforms-field-description:before {
    content: none;
  }
  img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
  }
  /*
@media screen and (max-width: 500px) {
  #hero-unit.carousel-stage .hu-textoverlay>.container .hu-textoverlay-box .hu-overlay-wrapper .hu-overlay-image {
    transform: translateY(-75%);
  }
}
 */
  /**
--- Onetrust styles ----------------------------------------------------------------------------------------------------
**/
  .ot-sdk-show-settings {
    cursor: pointer;
  }
  .ot-sdk-show-settings:hover {
    text-decoration: underline;
  }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 125% !important;
    color: #333333 !important;
  }
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
    display: none;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 32px !important;
    line-height: 125% !important;
    color: #333333 !important;
    text-align: center !important;
  }
  #onetrust-banner-sdk .ot-sdk-button, #onetrust-banner-sdk button, #onetrust-pc-sdk .ot-sdk-button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy .ot-sdk-button, #ot-sdk-cookie-policy button {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
    border-color: #005a54 !important;
    background-color: #005a54 !important;
  }
  /** OneTrust Cookie Banner **/
  #onetrust-consent-sdk #onetrust-banner-sdk {
    background-color: #8a9298 !important;
  }
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler {
    background-color: transparent;
    text-decoration: underline;
  }
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
    padding: 12px 10px !important;
    color: #FFFFFF !important;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
  }
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    background-color: transparent !important;
  }
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
    border-color: #005a54 !important;
    background-color: #005a54 !important;
  }
  #onetrust-consent-sdk #onetrust-policy-text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  #onetrust-consent-sdk #onetrust-policy-text a {
    color: #FFFFFF !important;
  }
  #onetrust-pc-sdk *, #onetrust-pc-sdk .group h3, #onetrust-pc-sdk .active-group h3 {
    font-size: 16px !important;
  }
  #onetrust-pc-sdk #pc-title {
    font-size: 30px !important;
    left: 25px !important;
  }
  #onetrust-pc-sdk a, #onetrust-pc-sdk a:hover, #onetrust-pc-sdk a:visited, #onetrust-pc-sdk a:active {
    color: #005a54 !important;
  }
  #onetrust-pc-sdk a:hover {
    text-decoration: underline !important;
  }
  #onetrust-pc-sdk .active-group {
    border-left-color: #005a54 !important;
  }
  #onetrust-pc-sdk #accept-recommended-btn-handler {
    background-color: #005a54 !important;
  }
  #onetrust-pc-sdk .checkbox input:focus + label::after {
    outline: #005a54 solid 1px !important;
  }
  #onetrust-pc-sdk .ot-toggle .checkbox input:checked + label {
    background: #c9e0f9 !important;
  }
  #onetrust-pc-sdk .ot-toggle .checkbox input:checked + label:after {
    background: #005a54 !important;
  }
  #onetrust-pc-sdk .ot-always-active {
    background-color: #005a54;
    border-radius: 30px !important;
    color: #fff !important;
    padding: 3px 13px !important;
    font-size: 14px !important;
  }
  #onetrust-consent-sdk a:focus, #onetrust-consent-sdk a:focus-within, #onetrust-consent-sdk a:focus-visible, #onetrust-pc-sdk a:focus, #onetrust-pc-sdk a:focus-within, #onetrust-pc-sdk a:focus-visible {
    outline: 0 none !important;
  }
}
@media screen and (min-width: 991px) {
  p, span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1156px;
  }
}
@media screen and (max-width: 991.98px) {
  a.btn, a.btn > span, a.btn-primary, a.btn-primary > span {
    font-size: calc(20px * 0.8);
  }
}
@media screen and (min-width: 991px) {
  header.site-header nav.navbar:not(.mobileNav) .navbar-brand img {
    margin: 0;
  }
}
@media screen and (min-width: 990px) {
  header.site-header nav.navbar:not(.mobileNav).fixed .navbar-brand img {
    height: 25px !important;
    margin: 10px 0;
  }
}
@media screen and (min-width: 1200px) {
  header.site-header nav.navbar:not(.mobileNav) .cover:before {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  body.template-subpage.page-level-2 #hero-unit .hu-textoverlay .hu-textoverlay-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1028px) {
  .textoptimized {
    max-width: 988px;
  }
}
@media screen and (min-width: 992px) {
  #primary section, #primary .section, #primary .gp-section-table, #primary .banner {
    padding: 2.5% 0;
  }
}
@media screen and (max-width: 991px) {
  #banner-expertfinder {
    padding-bottom: calc(20px * 2);
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-input {
    font-size: 18px;
    width: 100%;
    padding: 0 0 0 25px;
    -webkit-border-top-right-radius: 40px;
    -moz-border-top-right-radius: 40px;
    border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-bottom-right-radius: 40px;
    border-bottom-right-radius: 40px;
    -webkit-border-top-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-bottom-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-field-wrapper, #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper button.expertfinder-button {
    width: 100% !important;
    margin-bottom: 10px;
    -webkit-border-top-right-radius: 40px;
    -moz-border-top-right-radius: 40px;
    border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-bottom-right-radius: 40px;
    border-bottom-right-radius: 40px;
    -webkit-border-top-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-bottom-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-input, #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper .expertfinder-select-selected {
    font-size: 18px;
    width: 100%;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper button.expertfinder-button {
    padding: 0;
  }
  #banner-expertfinder form.expertfinder-form .expertfinder-form-wrapper ul.expertfinder-select-dropdown {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 999px) {
  .text-element blockquote {
    padding: 2.5rem 4rem;
  }
}
@media screen and (max-width: 991px) {
  .text-element blockquote h6 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 999px) {
  .text-element blockquote p {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  .text-element blockquote {
    margin: 3rem 0;
  }
}
@media screen and (min-width: 991px) {
  .hu-textoverlay-box ul.list.icon-list li, .text-element ul.list.icon-list li {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .teaser-grid .row {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .default-teaser.compact.col-md-4 {
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
  }
  .default-teaser.compact.col-md-4:nth-child(n+3) {
    margin-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .default-teaser.compact.col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 120px auto 0;
  }
  .default-teaser.compact.col-md-4:first-child {
    margin-top: 0;
  }
  .default-teaser.compact.col-md-4 .teaser-wrapper .teaser-textarea {
    height: auto !important;
  }
}
@media screen and (max-width: 1170px) {
  .default-teaser.compact .teaser-wrapper .teaser-textarea p, .default-teaser.compact .teaser-wrapper .teaser-textarea span {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .default-teaser.compact .teaser-wrapper {
    max-width: 364px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .default-teaser.compact .teaser-wrapper {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .row.justify-content-between {
    justify-content: center !important;
  }
}
@media screen and (max-width: 1199px) {
  .imageteaser-fullwidth.contains-no-textbox:last-child {
    margin-bottom: 0;
  }
  .imageteaser-fullwidth.contains-no-textbox .text-on-image {
    position: relative;
    margin-top: 32px;
  }
  .imageteaser-fullwidth.contains-no-textbox .text-on-image.color-white .text-element {
    padding: 0;
  }
  .imageteaser-fullwidth.contains-no-textbox .text-on-image.color-white .text-element * {
    color: #676D72 !important;
  }
  .imageteaser-fullwidth.contains-no-textbox .text-on-image.color-white .text-element h3, .imageteaser-fullwidth.contains-no-textbox .text-on-image.color-white .text-element h4 {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .tile-set {
    flex-direction: column;
  }
  .tile-set .ts-text .ts-text-wrapper {
    margin: auto;
  }
  .tile-set.ts-image-right {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 991px) {
  .accordion .card .card-header button {
    font-size: 20px;
  }
}
@media screen and (min-width: 1440px) {
  header ul.navbar-nav li a {
    font-size: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .mobile-hide {
    display: block;
  }
  .mobile-show, .mobile-only, .mobile-navbar, #scroll-down-button {
    display: none;
  }
}
@media screen and (max-width: 1140px) {
  section .textoptimized blockquote {
    margin: 3rem 0;
  }
}
@media screen and (max-width: 1200px) {
  .mobile-hide {
    display: none !important;
  }
  .mobile-show, .mobile-only {
    display: block !important;
  }
  body.body-cover #page:after, body.body-cover nav.navbar:before {
    background-color: transparent;
  }
  header.site-header {
    position: relative;
    border-top-width: 16px;
    padding: 10px 0;
    z-index: 11 !important;
  }
  .mobileNav .navbar-brand img, .theme-tetesept-ch:not(.theme-formula) .mobileNav .navbar-brand img {
    max-height: 25px !important;
    height: 25px !important;
  }
  .mobileNav .mobile-navbar {
    display: flex;
  }
  .mobileNav .navbar-toggler {
    margin: 0 -5px 0;
    margin-right: 10px;
  }
  .mobileNav .navbar-toggler:hover {
    background: transparent;
  }
  .mobileNav .navbar-toggler .navbar-toggler-icon {
    background-image: none !important;
  }
  .mobileNav .navbar-toggler .navbar-toggler-icon:after {
    content: "\f0c9";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Light";
    font-weight: 300;
    font-size: 32px;
  }
  .mobileNav #main-nav {
    top: 0;
    height: 100vh;
    width: auto;
    transform: none;
    z-index: 1;
    padding: 80px 0 0;
    overflow: hidden;
    background-color: #F6F6F6 !important;
    display: flex !important;
    flex-direction: column-reverse;
    justify-content: flex-end;
    position: fixed !important;
    top: 0;
    bottom: 0;
    right: -100vw;
    left: auto;
    height: 100vh !important;
    width: 100vw !important;
    background-color: #FFFFFF;
    z-index: 1;
    padding: 80px 0 0;
    overflow: hidden;
    -webkit-transition: right 300ms ease-in;
    -moz-transition: right 300ms ease-in;
    -ms-transition: right 300ms ease-in;
    -o-transition: right 300ms ease-in;
    transition: right 300ms ease-in;
  }
  .mobileNav #main-nav.collapsing, .mobileNav #main-nav.show {
    width: auto;
    transform: none;
    transition: none;
    left: auto;
    padding-right: 0;
  }
  .mobileNav #main-nav.collapsing, .mobileNav #main-nav.show {
    height: 100vh !important;
    width: 100vw !important;
    right: 0;
    left: auto;
    padding-right: 0;
    -webkit-transition: right 300ms ease-out;
    -moz-transition: right 300ms ease-out;
    -ms-transition: right 300ms ease-out;
    -o-transition: right 300ms ease-out;
    transition: right 300ms ease-out;
  }
  .mobileNav #main-nav .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column !important;
    border-bottom: 1px solid #CCCCCC;
  }
  .mobileNav #main-nav .navbar-nav li {
    border-top: 1px solid #CCCCCC;
    transition: none !important;
  }
  .mobileNav #main-nav .navbar-nav li a {
    font-family: "Roboto Bold", sans-serif;
    font-size: calc(20px * 0.8);
    color: #333333;
    border-bottom: 0 none;
    padding: 10px 20px;
    margin: 0;
  }
  .mobileNav #main-nav .navbar-nav li a:before, .mobileNav #main-nav .navbar-nav li a:after {
    content: none;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children > a:before {
    content: "\f054";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
    color: #005a54;
    background: none;
    right: 12px;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children.show {
    background-color: #FFFFFF;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children.show > a {
    color: #005a54;
    font-family: "Roboto Bold", sans-serif;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children.show a:before {
    content: "";
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children .dropdown-menu {
    border: 0 none;
    margin: 0;
    padding: 0;
    transition: all 0.3ms ease-in;
    -webkit-transition: all 0.3ms ease-in;
    -moz-transition: all 0.3ms ease-in;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children .dropdown-menu li > a.dropdown-item {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children .dropdown-menu li > a.dropdown-item:before, .mobileNav #main-nav .navbar-nav li.menu-item-has-children .dropdown-menu li > a.dropdown-item:after {
    content: none;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children .dropdown-menu li > a.dropdown-item:active {
    background-color: #E3EEED;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-has-children .dropdown-menu.show {
    height: auto;
    transition: all 0.3ms ease-out;
    -webkit-transition: all 0.3ms ease-out;
    -moz-transition: all 0.3ms ease-out;
  }
  .mobileNav #main-nav .navbar-nav li.menu-item-overview {
    display: block;
  }
  .mobileNav #main-nav #servicebar {
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-end;
    margin-left: 0 !important;
    margin-top: 20px;
    padding: 0;
  }
  .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu {
    position: relative;
    left: auto;
    right: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    height: auto;
    margin: 0 20px 0 0;
    align-items: center;
  }
  .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu:before {
    content: "\";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
    position: absolute;
    top: -6px;
    left: -25px;
    color: #333333;
  }
  .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li, .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu a {
    color: #333333;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    height: auto;
  }
  .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li {
    padding: 0 10px !important;
    border-left: 1px solid #333333;
  }
  .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li:before {
    display: none;
    content: none;
  }
  .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li:first-child {
    border-left: 0 none;
  }
  .mobileNav #main-nav #servicebar #language-menu-container #language-menu-wrapper ul.language-menu li.active {
    font-weight: 700;
  }
  .mobileNav #main-nav #servicebar #searchbox-mobile {
    position: relative;
    display: block !important;
    position: relative;
    width: calc(100% - calc(20px * 2));
    margin: calc(20px * 2) 20px;
  }
  .mobileNav #main-nav #servicebar #searchbox-mobile input {
    padding-left: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    background-color: #FFFFFF;
    color: #333333;
    height: 48px;
    padding: 10px 60px 10px 25px;
    margin: 0;
  }
  .mobileNav #main-nav #servicebar #searchbox-mobile input::placeholder {
    color: #FFFFFF;
  }
  .mobileNav #main-nav #servicebar #searchbox-mobile .searchbox-submit {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: 0 none;
    outline: 0 none;
  }
  .mobileNav #main-nav #servicebar #searchbox-mobile .searchbox-submit .fa-search:before {
    color: #999999;
  }
  #hero-unit.carousel-stage .hu-textoverlay {
    position: relative !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px 20px;
    margin: -50px 20px 30px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .hu-overlay-image {
    width: 45%;
    bottom: auto;
    top: -50px;
  }
  #hero-unit.simple-stage-subpage {
    max-height: none;
  }
  #hero-unit.simple-stage-subpage > .stage-type-subpage {
    max-height: none;
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box {
    left: 20px;
  }
  .productshowcase {
    margin-top: 50px;
  }
  .productshowcase .psc-wrapper .psc-image-wrapper {
    top: auto;
    max-width: 65%;
    transform: translate(-50%, -15%);
  }
  .page-teaser .pt-body {
    padding: 60px;
  }
  .page-teaser .pt-body .pt-textarea {
    margin-top: 0;
    width: 70%;
  }
  .page-teaser .pt-body .pt-image {
    margin-left: 0;
    width: 30%;
  }
  .page-teaser .pt-body .pt-image .pt-image-wrapper {
    height: auto;
    margin-top: calc(20px * 2);
    margin-left: 15px;
  }
  .page-teaser .pt-body .pt-image .pt-image-wrapper img {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 991.98px) {
  .container {
    width: 100%;
    max-width: 951px;
  }
  .site {
    padding-left: 20px;
    padding-right: 20px;
  }
  .site #main article .container, .site #main article .row {
    margin: 0 auto;
  }
  .site #hero-unit .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  body.home #hero-unit .row {
    margin-bottom: -20px;
  }
  .banner, #footer {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  #primary .entry-content > *:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  #primary .entry-content > section.bg-colored {
    margin-left: -20px;
    margin-right: -20px;
  }
  #primary .entry-content > section.bg-colored .container {
    padding: 0 20px;
  }
  #primary .entry-content > section.teaser-grid .container, #primary .entry-content > section.bg-transparent > .container {
    padding-left: 0;
    padding-right: 0;
  }
  body.template-subpage #hero-unit, body.template-subpage.page-level-2 #hero-unit {
    height: auto;
    background-color: #E8E9EA;
  }
  body.template-subpage #hero-unit.simple-stage-subpage, body.template-subpage.page-level-2 #hero-unit.simple-stage-subpage {
    background-color: transparent;
    margin: 0 -20px !important;
  }
  body.template-subpage #hero-unit .hu-textoverlay, body.template-subpage.page-level-2 #hero-unit .hu-textoverlay {
    position: static;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: 0;
  }
  body.template-subpage #hero-unit .hu-textoverlay > .row, body.template-subpage.page-level-2 #hero-unit .hu-textoverlay > .row {
    padding-top: 1em;
    padding-bottom: 0.5em;
    margin-right: 0;
    margin-left: 0;
  }
  body.template-subpage #hero-unit .hu-textoverlay .hu-textoverlay-box, body.template-subpage.page-level-2 #hero-unit .hu-textoverlay .hu-textoverlay-box {
    position: static;
    top: 0;
    padding: 0;
    transform: none;
    max-width: none;
    background: #fff;
    padding: 20px;
    transform: translateY(-30px);
    line-height: 125%;
  }
  body.template-subpage #hero-unit .hu-textoverlay .hu-textoverlay-box h1, body.template-subpage.page-level-2 #hero-unit .hu-textoverlay .hu-textoverlay-box h1 {
    color: #010811;
    margin: 0;
  }
  body.template-subpage #primary section, body.template-subpage #primary .section, body.template-subpage #primary .gp-section-table, body.template-subpage #primary .banner, body.template-subpage.page-level-2 #primary section, body.template-subpage.page-level-2 #primary .section, body.template-subpage.page-level-2 #primary .gp-section-table, body.template-subpage.page-level-2 #primary .banner {
    padding-top: 0;
  }
  body.template-subpage #primary section .row, body.template-subpage #primary .section .row, body.template-subpage #primary .gp-section-table .row, body.template-subpage #primary .banner .row, body.template-subpage.page-level-2 #primary section .row, body.template-subpage.page-level-2 #primary .section .row, body.template-subpage.page-level-2 #primary .gp-section-table .row, body.template-subpage.page-level-2 #primary .banner .row {
    padding-top: 0;
  }
  body.template-subpage #primary section.bg-colored .row, body.template-subpage #primary .section.bg-colored .row, body.template-subpage #primary .gp-section-table.bg-colored .row, body.template-subpage #primary .banner.bg-colored .row, body.template-subpage.page-level-2 #primary section.bg-colored .row, body.template-subpage.page-level-2 #primary .section.bg-colored .row, body.template-subpage.page-level-2 #primary .gp-section-table.bg-colored .row, body.template-subpage.page-level-2 #primary .banner.bg-colored .row {
    padding-top: calc(20px * 2);
  }
  body.template-subpage #primary section.bg-colored + section.bg-transparent, body.template-subpage #primary .section.bg-colored + section.bg-transparent, body.template-subpage #primary .gp-section-table.bg-colored + section.bg-transparent, body.template-subpage #primary .banner.bg-colored + section.bg-transparent, body.template-subpage.page-level-2 #primary section.bg-colored + section.bg-transparent, body.template-subpage.page-level-2 #primary .section.bg-colored + section.bg-transparent, body.template-subpage.page-level-2 #primary .gp-section-table.bg-colored + section.bg-transparent, body.template-subpage.page-level-2 #primary .banner.bg-colored + section.bg-transparent {
    margin-top: calc(20px * 2);
  }
  body.template-subpage .entry-content > .section:first-child > .container > .row, body.template-subpage.page-level-2 .entry-content > .section:first-child > .container > .row {
    padding-top: 0 !important;
  }
  body.template-productpage #hero-unit .hu-textoverlay {
    padding-bottom: 50px;
  }
  h1, .h1, h2, .h2 {
    font-size: 26px;
  }
  h3, .h3 {
    font-size: 22px;
  }
  h4, .h4 {
    font-size: 18px;
  }
  p {
    font-size: 16px;
  }
  header.site-header {
    max-height: 80px;
    padding: 8px 0;
  }
  #hero-unit {
    position: relative;
    margin-bottom: 0;
  }
  #hero-unit.carousel-stage {
    height: auto;
  }
  #hero-unit.carousel-stage .hu-wrapper {
    position: relative;
    padding: 0;
    margin: 0;
  }
  #hero-unit.carousel-stage .hu-wrapper > .hu-image-wrapper {
    height: auto;
    width: auto;
    margin-right: -20px;
    margin-left: -20px;
  }
  #hero-unit.carousel-stage .hu-textoverlay {
    position: relative !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px 20px;
    margin: 0;
    margin-bottom: 20px;
    margin-top: -50px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container {
    padding: 0;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper {
    text-align: center;
    padding: 48px 20px 20px;
    border-bottom: 1px solid #fff;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper h1 {
    font-size: 26px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper p {
    font-size: 16px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .hu-overlay-image {
    width: 41vw;
    max-width: 275px;
    bottom: auto;
    top: 0;
    left: auto;
    right: 30px;
    margin-left: 0;
    transform: translateY(-70%);
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .btn-primary {
    padding: 13px 35px 13px !important;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .btn-scroll-down {
    display: block;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .btn-scroll-down .col {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .btn-scroll-down .col a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: transparent;
    text-decoration: none;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box.has-image p {
    padding-right: 0;
  }
  .site-content div[class^="col"] {
    padding: 0;
  }
  article h1 + .section, article h2 + .section {
    margin-top: 50px;
  }
  .teaser-textarea {
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px;
  }
  .teaser-textarea .teaser-text h3 {
    font-size: 20px;
  }
  .teaser-textarea .teaser-text p {
    font-size: calc(20px * 0.8);
  }
  .teaser-textarea.equalize .btn-bar .btn-wrapper {
    position: relative;
    bottom: 0;
  }
  .teaser-textarea .btn, .teaser-textarea .btn > span, .teaser-textarea .btn-primary, .teaser-textarea .btn-primary > span {
    font-size: calc(20px * 0.8);
  }
  .teaser-textarea {
    top: -30px;
    margin-bottom: -30px;
  }
  .page-teaser {
    padding-bottom: 0;
    margin-bottom: calc(20px * 2);
    margin-left: -20px;
    margin-right: -20px;
  }
  .page-teaser .pt-body {
    flex-direction: column;
    padding: 20px 20px 0;
    margin-top: 0 !important;
  }
  .page-teaser .pt-body .pt-textarea {
    margin-top: 0;
  }
  .page-teaser .pt-body .pt-textarea h3 {
    font-size: 20px;
  }
  .page-teaser .pt-body .pt-textarea .pt-text {
    font-size: 16px;
  }
  .page-teaser .pt-body .pt-textarea .pt-text .pt-button {
    margin-top: 0;
  }
  .page-teaser .pt-body .pt-image {
    margin: 0 auto;
    width: 100%;
  }
  .page-teaser .pt-body .pt-image .pt-image-wrapper {
    height: auto;
    margin: 0;
    transform: translateY(40px);
  }
  .page-teaser .pt-body .pt-image .pt-image-wrapper img {
    width: 100%;
    max-width: 364px;
    bottom: auto;
  }
  .page-teaser .pt-body.image-right .pt-textarea, .page-teaser .pt-body.image-left .pt-textarea {
    padding: 0;
    width: 100%;
  }
  .page-teaser .pt-body.image-left {
    flex-direction: column-reverse;
  }
  .page-teaser + .page-teaser {
    margin-top: 0;
  }
  .imageteaser-fullwidth.quote {
    margin: 0 -20px 85px;
  }
  .imageteaser-fullwidth.quote .textoverlay {
    position: relative;
    top: -30px;
  }
  .imageteaser-fullwidth.quote .textoverlay .row > div .quote-box {
    position: relative;
    margin: 0 20px;
  }
  .imageteaser-fullwidth.quote .textoverlay .row > div .quote-box * {
    font-size: 20px;
  }
  .interactive-area .row {
    margin: 0 -20px !important;
    width: auto;
  }
  .interactive-area .ia-wrapper {
    margin-right: -40px;
    margin-left: -40px;
    padding: 0 20px;
  }
  .interactive-area .ia-wrapper .ia-headline {
    margin-left: 20px;
  }
  .interactive-area .ia-wrapper .ia-mainarea {
    padding: 7.5% 0 12%;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items {
    display: block;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item, .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-link {
    width: auto;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item {
    margin: 5% 20px 0;
    padding-bottom: 5%;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item.border-right {
    border-right: 0 none;
    border-bottom: 1px solid #676D72;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item .ia-text-wrapper {
    max-width: 320px;
  }
  .interactive-area .ia-wrapper .ia-mainarea .ia-items .ia-item span.ia-image-wrapper {
    margin-bottom: 0;
  }
  .interactive-area .ia-wrapper .ia-textbox {
    top: -30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .section.card-link-row h4 {
    text-align: center;
    margin-bottom: 0;
  }
  .infobanner {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .infobanner.above-footer-banner {
    margin-top: -40px;
  }
  section .textoptimized blockquote {
    margin: 1rem 0;
  }
  #footer .footer-brand {
    margin-bottom: 0;
  }
  #footer .footer-nav {
    position: static;
  }
  #footer .footer-nav .footer-menu {
    margin: 0;
    flex-wrap: wrap;
    height: auto;
  }
  #footer .footer-nav .footer-menu li {
    padding: 0 10px;
  }
  #footer .footer-nav #to-top-button {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 20px;
    width: 100%;
    padding: 0;
  }
  #footer .footer-nav #to-top-button .col a {
    position: relative;
    left: -50%;
    margin-right: -25px;
  }
  body.template-productpage #hero-unit {
    height: auto;
    margin-bottom: 0;
    left: -20px;
    right: -20px;
    width: 100vw;
  }
  body.template-productpage #hero-unit .hu-background {
    margin: 0 -20px;
    height: 320px;
    min-height: 320px;
  }
  body.template-productpage #hero-unit > .container {
    transform: translateY(-135px);
  }
  body.template-productpage #hero-unit .row {
    margin: 0;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box {
    margin: 0;
    padding: 0;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .hu-text-col {
    padding: 40px;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .image-wrapper {
    top: -115px;
  }
  body.template-productpage #hero-unit > .stage-type-productpage:before {
    left: -20px;
    right: -20px;
  }
  body.template-productpage #hero-unit > .stage-type-productpage .hu-textoverlay-box.layout-1 .hu-packshot-col .packshot-wrapper {
    padding: 40px 0;
  }
  body.template-productpage #hero-unit > .stage-type-productpage .hu-textoverlay-box .hu-image-col .hu-ic-image-wrapper .hu-ic-image-caption {
    line-height: 145%;
  }
}
@media screen and (max-width: 991.98px) and (max-width: 375px) {
  #hero-unit.carousel-stage .hu-wrapper > .hu-image-wrapper {
    min-height: 83vh;
    margin-top: -50%;
  }
}
@media screen and (max-width: 991.98px) and (max-width: 480px) {
  #hero-unit.carousel-stage .hu-wrapper > .hu-image-wrapper {
    min-height: 73vh;
    margin-top: -50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .site {
    padding-left: 30px;
    padding-right: 30px;
  }
  #hero-unit.carousel-stage .hu-textoverlay {
    padding: 0;
  }
  #hero-unit.carousel-stage .hu-wrapper > .hu-image-wrapper {
    margin-right: -30px;
    margin-left: -30px;
  }
  #hero-unit.carousel-stage .hu-wrapper > .hu-textoverlay {
    padding-left: 0;
    padding-right: 0;
  }
  body.template-subpage #hero-unit.simple-stage-subpage, body.template-subpage.page-level-2 #hero-unit.simple-stage-subpage {
    margin: 0 -30px !important;
    width: 100vw;
  }
  body.template-subpage #hero-unit.simple-stage-subpage .container, body.template-subpage.page-level-2 #hero-unit.simple-stage-subpage .container {
    padding-right: 30px;
    padding-left: 30px;
  }
  body.template-productpage #hero-unit {
    left: -30px;
    right: -30px;
    width: 100vw;
  }
  body.template-productpage #hero-unit > .stage-type-productpage .hu-textoverlay {
    padding-bottom: 100px;
    margin-right: 30px !important;
    margin-left: 30px !important;
    max-width: none !important;
  }
  body.template-productpage #hero-unit > .stage-type-productpage:before {
    left: 0;
    right: 0;
  }
  #primary .entry-content .section:first-child .row {
    padding-top: 0;
  }
  #primary .entry-content .section:first-child.bg-colored .row {
    padding-top: calc(20px * 2) !important;
  }
  #primary section.section.interactive-area {
    padding-top: 0 !important;
  }
  #primary section.section.interactive-area .row {
    padding-top: 0 !important;
    margin: 0 !important;
  }
  #primary .entry-content > *:first-child.card-link-row {
    margin-top: 20px;
  }
  .page-teaser, #primary .entry-content > section.bg-colored {
    margin-left: -30px;
    margin-right: -30px;
  }
  .page-teaser .container, #primary .entry-content > section.bg-colored .container {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  #primary section.bg-transparent + .bg-transparent, #primary .section.bg-transparent + .bg-transparent, #primary .gp-section-table.bg-transparent + .bg-transparent, #primary .banner.bg-transparent + .bg-transparent {
    padding-top: 0 !important;
  }
  .banner, #footer {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .page-teaser .pt-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .productshowcase, .productshowcase + .default-teaser {
    margin-top: 0;
  }
  .section .row .col-md-6.productshowcase, .section .row .col-md-6.default-teaser {
    flex-basis: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  h1, .h1, h2, .h2 {
    font-size: 24px !important;
  }
  h3, .h3 {
    font-size: 20px !important;
  }
  h4, .h4 {
    font-size: 18px !important;
  }
  p, li {
    font-size: 16px;
  }
  ul li {
    line-height: 140%;
  }
  #primary section, #primary .section, #primary .gp-section-table, #primary .banner {
    padding: 0;
    margin-top: 40px;
  }
  #primary section.interactive-area, #primary .section.interactive-area, #primary .gp-section-table.interactive-area, #primary .banner.interactive-area {
    margin-top: 0;
  }
  #primary section .row, #primary .section .row, #primary .gp-section-table .row, #primary .banner .row {
    padding-top: 0;
  }
  #primary section > .container > .row > div.col-12, #primary .section > .container > .row > div.col-12, #primary .gp-section-table > .container > .row > div.col-12, #primary .banner > .container > .row > div.col-12 {
    margin-bottom: 0;
  }
  #primary section > .container > .row > div.col-12 .mobile-slider, #primary section > .container > .row > div.col-12 .text-element, #primary .section > .container > .row > div.col-12 .mobile-slider, #primary .section > .container > .row > div.col-12 .text-element, #primary .gp-section-table > .container > .row > div.col-12 .mobile-slider, #primary .gp-section-table > .container > .row > div.col-12 .text-element, #primary .banner > .container > .row > div.col-12 .mobile-slider, #primary .banner > .container > .row > div.col-12 .text-element {
    margin: 0 -20px 50px;
  }
  #hero-unit.carousel-stage .hu-textoverlay > .container .hu-textoverlay-box .hu-overlay-wrapper .hu-overlay-image {
    width: 100%;
    max-width: 300px;
    right: 0;
    left: 50%;
    transform: translate(-50%, -80%);
  }
  .default-teaser {
    width: 100vw;
    max-width: none;
    margin: 0 -20px 0;
    padding: 0;
  }
  .default-teaser:first-child {
    margin-top: 0;
  }
  .default-teaser .image-wrapper img {
    width: 100%;
  }
  .teaser-grid.equalize .teaser-textarea {
    height: auto !important;
  }
  .productshowcase {
    margin: 65px -20px 0 -20px;
    padding: 0;
    width: 100vw;
    max-width: none;
    min-height: auto;
  }
  .productshowcase .psc-wrapper {
    max-width: 100vw;
    background-size: cover !important;
    position: relative;
  }
  .productshowcase .psc-wrapper .psc-image-wrapper {
    max-width: 90%;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
  }
  .productshowcase + .default-teaser, .default-teaser + .default-teaser {
    margin-top: 40px;
  }
  .grid-row {
    display: block;
    max-width: 100% !important;
  }
  .grid-row + .grid-row {
    margin-top: 0;
  }
  .grid-row > div {
    max-width: 100% !important;
    margin-top: calc(20px * 2) !important;
  }
  body.template-productpage header.site-header {
    z-index: 11;
  }
  body.template-productpage #hero-unit {
    background-position: bottom left;
    background-size: cover;
    padding-top: calc(20px * 2);
    margin-bottom: 50px;
  }
  body.template-productpage #hero-unit:after {
    width: 320px !important;
    height: 320px !important;
    background-size: 100% !important;
  }
  body.template-productpage #hero-unit .hu-background {
    height: 250px;
    min-height: initial;
    background-position: bottom left;
    background-size: cover;
  }
  body.template-productpage #hero-unit > .container {
    transform: none;
    padding: 0;
  }
  body.template-productpage #hero-unit .hu-textoverlay {
    margin: 0 !important;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box {
    top: 60px;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .image-wrapper {
    position: absolute;
    width: 230px;
    max-width: 230px;
    top: -188px;
    left: 50%;
    margin-left: -100px;
    z-index: 10;
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .hu-text-col {
    padding: 20px;
    padding-top: calc(20px * 2);
  }
  body.template-productpage #hero-unit .hu-textoverlay .hu-textoverlay-box .description {
    font-size: 16px;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-dots {
    position: relative;
    left: initial;
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-dots li button {
    background-color: #CCCCCC;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-dots li.slick-active button, .section.card-link-row .grid-slickslider.slick-slider .slick-dots li:hover button {
    background-color: #005a54 !important;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-prev, .section.card-link-row .grid-slickslider.slick-slider .slick-next {
    background: #FFFFFF;
    border: 1px solid #E8E9EA;
    width: 40px;
    height: 40px;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-prev::before, .section.card-link-row .grid-slickslider.slick-slider .slick-next::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f061";
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Pro Solid";
    font-weight: 900;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 1;
    color: #005a54;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-prev:hover, .section.card-link-row .grid-slickslider.slick-slider .slick-next:hover {
    background-color: #005a54;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-prev:hover:before, .section.card-link-row .grid-slickslider.slick-slider .slick-next:hover:before {
    color: #FFFFFF;
  }
  .section.card-link-row .grid-slickslider.slick-slider .slick-prev::before {
    content: "";
  }
  #hero-unit.simple-stage-subpage .hu-textoverlay .hu-textoverlay-box.color-white h1 {
    color: #005a54 !important;
  }
  footer#footer {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .productshowcase .psc-wrapper {
    max-height: 260px;
  }
}
@media screen and (max-width: 727px) {
  #onetrust-pc-sdk #pc-title {
    left: 0 !important;
  }
}
@media print {
  /**
 * Print styles
 */
  body {
    margin: 2.5cm 2cm 2.5cm 2cm !important;
    padding: 0 !important;
    width: auto !important;
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
    background-color: transparent !important;
  }
  script, style {
    display: none;
  }
  div {
    break-inside: avoid !important;
  }
  body * {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background-color: transparent !important;
    border: 0 none !important;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
  }
  *:before, *:after {
    content: none !important;
    display: none !important;
  }
  div[class^="col"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-top: 1rem !important;
  }
  header.site-header #main-nav, #print-bon, #footer, #onetrust-banner-sdk, .ad-circle, .mobile-navbar {
    display: none !important;
  }
  header.site-header {
    height: 80px !important;
    margin-bottom: 95px;
    display: block !important;
    position: static !important;
  }
  header.site-header nav.navbar, header.site-header nav.navbar.fixed {
    height: 80px !important;
    border-top-color: transparent;
    position: static !important;
    border: 0 none !important;
  }
  header.site-header nav.navbar .navbar-brand, header.site-header nav.navbar.fixed .navbar-brand {
    height: 80px;
  }
  .theme-tetesept-ch:not(.theme-formula) .mobileNav .navbar-brand img, body:not(.theme-formula) .fixed .navbar-brand img, body:not(.theme-formula) .mobileNav .navbar-brand img {
    height: 64px !important;
  }
  #hero-unit a.btn {
    display: none !important;
  }
  #primary a[href]::after {
    content: " <" attr(href) ">" !important;
    color: #888;
    background-color: inherit;
    font-style: italic;
    size: 80%;
  }
  body.page-id-13455 #hero-unit {
    margin-top: 3rem !important;
  }
  body.page-id-13455 #hero-unit .col-12 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 3rem;
  }
  body.page-id-13455 #hero-unit .hu-new-flag {
    display: none;
  }
  body.page-id-13455 #hero-unit .hu-text-col {
    order: 0 !important;
  }
  body.page-id-13455 #hero-unit .hu-image-col {
    order: 1 !important;
  }
  body.page-id-13455 #hero-unit .subtitle, body.page-id-13455 #hero-unit .description {
    margin-top: 3rem !important;
  }
  body.page-id-13455 #hero-unit .image-wrapper {
    max-width: 30%;
    margin: 0 auto !important;
  }
  body.page-id-13455 #hero-unit .image-wrapper img {
    max-width: 100% !important;
    margin-top: 4rem !important;
  }
  body.page-id-13455 #primary {
    display: none;
  }
}
/*# sourceMappingURL=main.css.map */