/****** FILE: app/javascript/tooltipster/css/tooltipster.bundle.min.css *****/
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
/****** FILE: app/javascript/slick/slick.css *****/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/****** FILE: app/style.css *****/
@charset "utf-8";

/* ====================================================================
 *  FONTS
 */

@font-face {
   font-family: "TheSansC5-Plain";
   src: url("/app/fonts/TheSansC5-5_Plain.woff2") format("woff2"),
        url("/app/fonts/TheSansC5-5_Plain.woff") format("woff"),
        url("/app/fonts/TheSansC5-5_Plain.ttf") format("ttf");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "TheSansC5-Bold";
   src: url("/app/fonts/TheSansC5-7_Bold.woff2") format("woff2"),
        url("/app/fonts/TheSansC5-7_Bold.woff") format("woff"),
        url("/app/fonts/TheSansC5-7_Bold.ttf") format("ttf");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

/* ====================================================================
 *  STYLE-GUIDE
 */

html {
   scroll-behavior: smooth;
}

body {
   font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
   font-size: 15px;
   line-height: 1.5;
   color: #576b79;
   background-color: #fff;
}

img{
   max-width: 100%;
   height: auto;
}

.mod-no-scroll {
   overflow: hidden;
}

input, textarea {
   font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
}

.anchor {
    padding-top: 100px;
    margin-top: -100px;
}

/* #dde1e4 */

a, a:visited {
   color: #0069b3;
   transition: all 100ms ease-in-out;
   text-decoration: none;
}
a:hover {
   color: #4e90c8;
}
a.current-page {
   color: #4e90c8;
}

small, .small {
   font-size: 12px;
}

.clear,
.clearfix {
   content: "";
   display: table;
   clear: both;
}

sup {
   font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
   font-weight: normal;
}

.color-abwasser, .color-abwasser > a { color: #28929c; }
.color-trinkwasser, .color-trinkwasser > a { color: #576b79; }
.color-mineralwasser, .color-mineralwasser > a { color: #009ee0; }
.color-niederschlagswasser, .color-niederschlagswasser > a { color: #a6a27e; }
.color-umwelt, .color-umwelt > a { color: #b2c045; }

p {
   padding: 0;
   margin: 0 0 10px 0;
}

h1, h2, h3, .page-logo {
   font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
   padding: 0 0 10px 0;
   margin: 0;
   font-weight: normal;
}
h1,
h2.news-teaser-title,
.page-logo {
    font-size: 45px; line-height: 1.2; margin-bottom: 10px;
}
h2 { font-size: 25px; text-align: center; }
h3 { font-size: 15px; }
.page-arsenentfernung-in-der-wasseraufbereitung h3,
.content-application h3 { font-size: 25px; }

.main-nav, .meta-nav, .footer-nav {
   font-family: "TheSansC5-Bold", Helvetica, Arial, sans-serif;
}

.u-center {
   text-align: center;
}

.u-ltr {
    unicode-bidi: bidi-override;
    direction: ltr;
}

.main-nav { font-size: 20px; }
.meta-nav,
.footer-nav { font-size: 15px; }
.intro { font-size: 25px; }
.copyright, small { font-size: 12px; }

@media screen and (max-width: 700px) {
   body { font-size: 12px; }

   h1 { font-size: 25px; }
   h2 { font-size: 15px; }
   h3 { font-size: 12px; }
   .page-arsenentfernung-in-der-wasseraufbereitung h3,
   .content-application h3 { font-size: 15px; }

   .main-nav { font-size: 18px; }

   .meta-nav,
   .footer-nav { font-size: 12px; }

   .intro { font-size: 15px; }
   .copyright, small { font-size: 10px; }
}

i.icon-location {
   display: inline-block;
   width: 12px;
   height: 14px;
   margin-right: 2px;
   background-image: url('/app/images/icon-location.png');
   background-size: contain;
   background-repeat: no-repeat;
}

i.icon-raute {
   display: inline-block;
   width: 15px;
   height: 16px;
   margin-right: 8px;
   /* background-image: url('/app/images/GEH_raute.svg'); */
   background-color: #4e90c8;
   border-top-left-radius: 5px;
   border-bottom-right-radius: 5px;
}
i.icon-raute-large {
   width: 30px;
   height: 30px;
}
i.icon-raute.icon-color-abwasser { background-color: #28929c; }
i.icon-raute.icon-color-trinkwasser { background-color: #576b79; }
i.icon-raute.icon-color-mineralwasser { background-color: #009ee0; }
i.icon-raute.icon-color-niederschlagswasser { background-color: #a6a27e; }
i.icon-raute.icon-color-umwelt { background-color: #b2c045; }
i.icon-raute.icon-color-kef { background-color: #589f22; }

.btn {
   display: inline-block;
   margin: 6px 0 0 0;
   padding: 12px 16px;
   border-radius: 10px;
   border: 2px solid #006ab3;
   border-radius: 10px;
}
.btn::after {
   display: none;
}
.btn.blue-btn {
   color: #006ab3;
   border: 2px solid #006ab3;
}
.btn:disabled,
.btn:disabled:hover {
   color: #AAA;
   border: 2px solid #AAA;
   background-color: #fff;
}
.btn.blue-btn:hover {
   color: #fff;
   background-color: #006ab3;
}
.btn.blue-btn:disabled {
   opacity: 0.3;
   border: 2px solid #006ab3;
}
.btn.blue-btn:disabled:hover {
   color: #fff;
   background-color: #006ab3;
}

.btn.white-btn {
   color: #fff;
   border: 2px solid #fff;
}
.btn.white-btn:hover {
   color: #006ab3;
   background-color: #fff;
}

.btn.copy-to-clipboard-btn {
   display: block;
   text-align: center;
   color: #006ab3;
   background-color: #fff;
   padding-top: 8px;
   padding-bottom: 8px;
   border-radius: 40px;
   cursor: pointer;
}

.copy-successful {
  display: none;
}

@media screen and (max-width: 700px) {
   .btn {
      font-size: 15px;
   }
}

/* ====================================================================
 *  GENERAL
 */

body {
   padding: 0;
   margin: 0;
   background-image: url('/app/images/GEH-footerwelle.svg');
   background-position: bottom center;
   background-repeat: no-repeat;
}

.page {
   background-position: 0 1035px;
   transition: all 200ms ease-in-out;
}

.ie-banner {
   display: none;
}

.page-wrapper {
   box-sizing: border-box;
   max-width: 1260px;
   width: 100%;
   padding-left: 20px;
   padding-right: 20px;
   margin-left: auto;
   margin-right: auto;
}

.visuallyhidden {
   display: none;
}

/*.checkmark-list,
.has-checkmark-list ul {
   margin: 0;
   padding: 0 0 0 1em;
   font-size: 15px;
   list-style-type: "✓ ";
}*/

.checkmark-list,
.has-checkmark-list ul {
   margin: 0;
   padding: 0;
   font-size: 15px;
   list-style-type: none;
}

.checkmark-list li::before,
.has-checkmark-list ul > li::before{
   display: inline-block;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   content: "\f00c";
   margin-left: -1.5em; /* same as padding-left set on li */
   width: 1.5em;
}

.checkmark-list li,
.has-checkmark-list ul > li {
   padding-left: 1.5em;
}

@media screen and (max-width: 700px) {
   .page-wrapper {
      margin-right: 0;
      margin-left: 0;
   }
}

.certificates{
   padding: 1rem 0 3rem;
}

.certificates.show-mobile{
   display: none;
}

.certificates img{
   padding: 0 1rem;
   height: 100px;
   width: auto;
}

@media screen and (max-width: 700px) {
   .certificates.show-mobile{
      display: block;
      padding: 3rem 0 1rem;
   }
   .certificates.show-desktop{
      display: none;
   }
   .certificates img{
      height: 60px;
   }
}

@media screen and (max-width: 430px) {
   .certificates img{
      height: 50px;
      padding: 0 0.3rem;
   }
}

/* ====================================================================
 *  CMS-Login
 */

.page-Security footer > .footer-nav {
   visibility: hidden;
}

.page-Security .message {
   margin-top: 60px;
   padding: 10px 20px;
}
.page-Security .message.warning {
   background-color: rgba(240, 220, 0, 0.6);
   color: #000;
}

.page-Security .message.error {
   background-color: rgba(200, 0, 0, 0.6);
   color: #000;
}

#MemberLoginForm_LoginForm {
   min-height: 500px;
}

#MemberLoginForm_LoginForm label.left {
   float: left;
   display: block;
   width: 100px;
}

#MemberLoginForm_LoginForm input {
   box-sizing: border-box;
   color: #576b79;
   padding: 6px 12px;
   border: 1px solid #0069b3;
   margin-bottom: 20px;
}

#MemberLoginForm_LoginForm fieldset {
   border: 0;
   background-color: rgba(200,200,200,0.1);
   padding-top: 30px;
   margin-bottom: 10px;
}

#MemberLoginForm_LoginForm input[type="submit"] {
   background-color: transparent;
   color: #0069b3;
   background: #fff;
   border: 1px solid #0069b3;
   font-size: 18px;
   cursor: pointer;
}

#MemberLoginForm_LoginForm input[type="submit"]:hover {
   color: #fff;
   background: #0069b3;
}

/* ====================================================================
 *  MOBILE-NAV
 */

#mobile-nav-toggle {
   display: none;
   z-index: 8001;
}

#mobile-nav-toggle.on {
  color: #fff;
}

.mobile-nav {
   display: none;
   width: 0;
   z-index: 8000;
}
.mobile-nav,
.mobile-nav.show {
   transition: all 200ms ease-in;
}

@media screen and (max-width: 1023px) {

   #mobile-nav-toggle {
      position: absolute;
      display: none;
      top: -5px;
      right: 14px;
      font-size: 35px;
   }

   #mobile-nav-toggle {
      display: block;
   }

   .mobile-nav.show {
      display: block;
      position: fixed;
      overflow-y: scroll;
      top: 0;
      right: 0;
      box-sizing: border-box;
      width: 260px;
      min-height: 100vh;
      height: 100%;
      padding: 20px 10px 20px 20px;
      background-color: #006ab3;
   }
   .mobile-nav.show + .page {
      width: 100%;
      margin-left: -260px;
   }
   .mobile-nav-lang-select-wrapper {
      color: #fff;
      text-transform: uppercase;
   }
   .mobile-nav-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
   }
   .mobile-nav-list > li > a {
      color: #fff;
   }
   .mobile-nav-list > li > a:hover {
      color: #80b5d9;
   }
   .mobile-nav-list.main-nav {
      margin-top: 35px;
   }
   .mobile-nav-list.main-nav > li {
      margin-top: 25px;
   }
   .mobile-nav-list.main-nav > li:last-child {
      margin-bottom: 100px;
   }

   .mobile-nav-list.main-nav .nav-popup-link {
      transition: all 200ms ease-in-out;
   }
   .mobile-nav-list.main-nav .nav-popup-link.open {
      color: #80b5d9;
   }
   .mobile-nav-list.main-nav .nav-popup {
      display: none;
   }

   .mobile-nav-list.main-nav .nav-popup > .subnav-list {
      list-style-type: none;
      margin: 0 0 0 0;
      padding: 0;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > a,
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > div {
      display: block;
      color: #fff;
      font-size: 18px;
      font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > div a {
      color: #fff;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > div >h2 >a {
      text-decoration: none;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > div a:hover {
      color: #80b5d9;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > div a.more {
      display: inline-block;
      margin-top: 10px;
      text-decoration: none;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > div a.more::after {
      content: '➞';
      margin-left: 4px;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li > a:hover {
      color: #80b5d9;
   }
   .mobile-nav-list.main-nav .nav-popup > .subnav-list > li {
      padding: 20px 0;
      border-bottom: 2px solid #fff;
   }
   .mobile-nav-list.main-nav .nav-popup.nav-popup-service > .subnav-list > li {
      padding: 20px 0;
   }
   .mobile-nav-list.main-nav .nav-popup.nav-popup-anwendung > .subnav-list  ul {
      margin: 0;
      padding: 0;
      font-size: 12px;
      list-style-type: none;
   }
   .mobile-nav-list.main-nav .nav-popup.nav-popup-anwendung > .subnav-list  ul > li::before {
      display: inline-block;
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      content: "\f00c";
      margin-left: -1.5em; /* same as padding-left set on li */
      width: 1.5em;
   }

   .mobile-nav-list.main-nav .nav-popup.nav-popup-anwendung > .subnav-list  ul > li {
      padding-left: 1.5em;
   }

   .mobile-nav-list.meta-nav > li {
      display: inline-block;

      margin-right: 20px;
      margin-top: 10px;
   }

   .mobile-nav-lang-select {
      background-color: #006ab3;
      border: none;
      color: #fff;
      font-family: "TheSansC5-Bold", Helvetica, Arial, sans-serif;
      appearance:none;
      -moz-appearance:none; /* Firefox */
      -webkit-appearance:none; /* Safari and Chrome */
      padding: 2px 6px;
   }

   .mobile-nav-list.meta-nav > li > a.meta-nav-logo-link {
      display: block;
      width: 28px;
      height: 31px;
      background-size: contain;
      background-repeat: no-repeat;
   }

   .mobile-nav-list.meta-nav .meta-nav-logo-link.logo-researchgate {
      background-image: url('/app/images/meta-nav-logo-researchgate.png');
      background-position: 0 3px;
   }
   .mobile-nav-list.meta-nav .meta-nav-logo-link.logo-linkedin {
      font-size: 33px;
      /*ackground-image: url('images/meta-nav-logo-linkedin-inverted.png');*/
   }
}

/* ====================================================================
 *  HEADER
 */

header {
   margin: 29px 0 25px 0;
}

.page-header {
   padding-bottom: 29px;
}

.page-header > div {
   position: relative;
   min-height: 97px;
}

.page-logo {
   position: absolute;
   top: 0;
   left: 6px;
   width: 200px;
   height: 97px;
   padding: 0;
   margin: 0;
   color: transparent;
   background-image: url('/app/images/GEH_Logo.svg');
   background-position: left bottom;
   background-size: contain;
   background-repeat: no-repeat;
}

.page-logo > a {
   display: block;
   width: 100%;
   height: 100%;
}

header.sticky-header > .sticky-spacer {
  height: 129px;
}

header.sticky-header .page-header > div {
   min-height: 50px;
}

@media screen and (min-width: 1024px) {

  header.sticky-header {
     margin: 0;
  }

  header.sticky-header .page-header {
     padding-bottom: 0;
  }


  header.sticky-header .page-header > div > .main-nav {
     margin: 20px 0;
  }

  header.sticky-header .page-header .main-nav {
     margin: 0;
  }

  header.sticky-header .page-header .page-logo {
     top: -18px;
     height: 50px;
  }

  header.sticky-header .page-header .meta-nav {
     display: none;
  }

  header.sticky-header .page-header {
     position: fixed;
     box-sizing: border-box;
     top: 0;
     width: 100%;
     z-index: 99999;
     margin: 0;
     padding-right: 4px;
     padding-top: 40px;
     background-color: rgba(255,255,255,0.9);
  }
}

@media screen and (max-width: 1023px) {
   .page-header > div {
      min-height: 45px;
   }
   .page-logo {
      left: 20px;
      width: 100px;
      height: 45px;
   }
}

/* --------------------------------------------------------------------
 *  MAIN-NAV
 */

.main-nav-list {
   padding: 0;
   margin: 0;
   text-align: right;
   list-style-type: none;
   max-width: 80%;
}

@media screen and (max-width: 1023px) {
   .main-nav-list {
      display: none;
   }
}

.main-nav-list > li {
   display: inline-block;
}

.main-nav-list.main-nav {
   position: absolute;
   bottom: 0;
   right: 0;
}

.main-nav-list.main-nav > li > a {
   display: block;
   padding: 6px 15px 4px 15px;
   font-size: 18px;
}

.main-nav-list.main-nav .nav-popup {
   display: none;
   position: fixed;
   text-align: left;
   padding: 30px 105px;
   background-color: #fff;
   z-index: 9999;
}

.main-nav-list.main-nav .nav-popup-background {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 9000;
}
.main-nav-list.main-nav li > .nav-popup-link {
   position: relative;
   transition: none;
}
.main-nav-list.main-nav li:hover > .nav-popup-background {
   pointer-events: none;
}
.main-nav-list.main-nav li:hover > .nav-popup,
.main-nav-list.main-nav li:hover > .nav-popup-background{
   display: block;
}
.main-nav-list.main-nav li:hover > .nav-popup-link {
   position: relative;
   background-color: #fff;
   z-index: 9999;
}

.main-nav-list.main-nav li:hover > .nav-popup {
   display: grid;
   max-width: 100vw;
   grid-gap: 40px;
}
.main-nav-list.main-nav li:hover > .nav-popup.nav-popup-anwendung {
   max-width: 1030px;
   width: 90vw;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
}

.main-nav-contact-link {
   border: 1px solid #0069b3;
   border-radius: 10px;
}

@media screen and (max-width: 1000px) {
   .main-nav-list.main-nav li:hover > .nav-popup.nav-popup-anwendung {
      grid-template-columns: 1fr 1fr;
   }
}

.main-nav-list.main-nav li:hover > .nav-popup.nav-popup-service {
   width: 90vw;
   max-width: 550px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   grid-template-columns: 1fr 1fr;
}

.main-nav-list.main-nav .subnav-block {
   position: relative;
   width: 260px;
   min-height: 260px;
   margin-bottom: 10px;
   border-bottom: 2px solid black;
   font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
}
.main-nav-list.main-nav .subnav-block > .more {
   position: absolute;
   bottom: 15px;
   left: 0;
   padding-left: 0;
   font-size: 15px;
}
.main-nav-list.main-nav .subnav-block > .more::after {
   content: '➞';
   margin-left: 4px;
}

.main-nav-list.main-nav .subnav-block > h2 {
   text-align: left;
}
.main-nav-list.main-nav .subnav-block.current-page > .nav-popup-description {
   color: #4e90c8;
}
.main-nav-list.main-nav .subnav-block > .nav-popup-description {
   color: #576b79;
   font-size: 15px;
}
.main-nav-list.main-nav .subnav-block > .nav-popup-description > ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.main-nav-list.main-nav .subnav-block > .nav-popup-description > ul > li::before {
   display: inline-block;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   content: "\f00c";
   margin-left: -1.5em; /* same as padding-left set on li */
   width: 1.5em;
}
.main-nav-list.main-nav .subnav-block > .nav-popup-description > ul > li {
   padding-left: 1.5em;
   line-height: 1.2;
   padding-bottom: 4px;
}


/* --------------------------------------------------------------------
 *  META-NAV
 */

.main-nav-list.meta-nav {
   position: absolute;
   right: 10px;
   top: -20px;
}

.main-nav-list.meta-nav > li {
   vertical-align: middle;
}

.main-nav-list.meta-nav a {
   display: block;
   padding: 6px 10px;
   text-decoration: none;
}
.main-nav-list.meta-nav > li:last-child > a {
   padding-right: 8px;
}

.main-nav-list.meta-nav > li > a.meta-nav-logo-link {
   width: 28px;
   height: 16px;
   background-size: contain;
   background-repeat: no-repeat;
}
.main-nav-list.meta-nav .meta-nav-logo-link.logo-researchgate {
   background-image: url('/app/images/meta-nav-logo-researchgate.png');
}
.main-nav-list.meta-nav .meta-nav-logo-link.logo-linkedin {
   background-image: url('/app/images/meta-nav-logo-linkedin.png');
}

.main-nav-list.meta-nav .nav-popup {
   display: none;
   position: absolute;
   text-align: left;
   width: 100%;
   background-color: #fff;
   z-index: 9999;
}

.main-nav-list.meta-nav .nav-popup-background {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 9000;
}
.main-nav-list.meta-nav li {
   position: relative;
}
.main-nav-list.meta-nav li:hover > .nav-popup-background {
   pointer-events: none;
}
.main-nav-list.meta-nav li:hover > .nav-popup,
.main-nav-list.meta-nav li:hover > .nav-popup-background{
   display: block;
}
.main-nav-list.meta-nav li:hover > .nav-popup-link {
   position: relative;
   background-color: #fff;
   z-index: 9999;
}
.main-nav-list.meta-nav .meta-nav-page-item > a {
   display: inline-block;
}

/* --------------------------------------------------------------------
 *  LANGUAGE-NAV
 */

.lang-nav {
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-transform: uppercase;
}

/* --------------------------------------------------------------------
 *  HERO-IMAGE
 */

.hero-image {
   position: relative;
   width: 100%;
   height: 450px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
}

.hero-slogan {
   position: absolute;
   right: 90px;
   bottom: 30px;
   font-style: italic;
   font-size: 45px;
   color: transparent;
   background-image: url('/app/images/source-of-solutions.svg');
   background-size: contain;
   background-repeat: no-repeat;
   pointer-events: none;
}

.hero-banner {
   font-size: 1.2rem;
   color: white;
   position: absolute;
   right: 90px;
   bottom: 120px;
   max-width: 400px;
   line-height: 1.3;
   padding: 1rem 1.5rem 1.1rem 1.7rem;
   background-color: #006ab2cc;
   display: block;
}

.hero-banner-mobile{
   display: none;
   font-size: 1rem;
   color: white;
   padding: 1rem 20px 1.1rem;
   background-color: #006ab2;
}

.hero-video + .hero-image {
   display: none;
}

.hero-video {
   position: relative;
   width: 100%;
   height: calc(100vw * 0.31);
   overflow: hidden;
}

.hero-video > .video-overlay {
   position: absolute;
   width: 100%;
   height: 99%;
   background-color: rgba(0,0,0,0.1);
}

.hero-video > iframe {
   width: 100%;
   /*height: calc(100vw/1.77);*/
   /*height: 600px;*/
   height: calc(100vw * 0.31);
   margin: -10px 0 0 0;
}

@media screen and (max-width: 700px) {
   .hero-video + .hero-image {
      display: block;
   }
   .hero-image {
      display: block;
      height: 205px;
   }
   .hero-slogan {
      right: 20px;
      bottom: 15px;
      font-size: 25px;
   }
   .hero-video {
      display: none;
   }

   .hero-banner {
      display: none;
   }

   .hero-banner-mobile{
      display:block;
   }
}

/*.hero-image > img {
   display: block;
   width: 100%;
}*/

.geh-yt-video-container {
  position: relative;
  overflow: hidden;
  max-width: 950px;
  margin-bottom: 10px;
}

.geh-yt-video-fallback-link {
   display: block;
   width: 100%;
   max-width: 950px;
}
.geh-yt-video-fallback-link > img {
   display:  block;
   max-width: 100%;
   width: 100%;
}
.content .geh-yt-video-fallback-link::after,
.geh-yt-video-fallback-link::after {
   content: '';
}

.geh-yt-video-fallback-link.u-center {
   text-align: center;
   margin: 0 auto;
}
.geh-yt-video-container.u-center {
   margin: 0 auto;
}
.geh-yt-video-container.u-mt-50 {
   margin-top: 50px;
}

.geh-yt-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.geh-yt-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.geh-yt-video>img{
   position: absolute;
   left: 0;
}

.geh-yt-video>button{
   position: absolute;
   background-color: rgba(0, 0, 0, 0.5);
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   cursor: pointer;
   border:none;
}

.geh-yt-video>button .yt-icon{
   position: absolute;
   left: 50%;
   top: 50%;
   width: 68px;
   height: 48px;
   margin-left: -34px;
   margin-top: -24px;
   -webkit-transition: opacity .25s cubic-bezier(0,0,.2,1);
   transition: opacity .25s cubic-bezier(0,0,.2,1);
   z-index: 63;
   padding: 0;
   border: none;
   background-color: transparent;
}

/* --------------------------------------------------------------------
 *  Breadcrumbs
 */

.breadcrumbs {
   margin-top: 17px;
}

.breadcrumbs-list {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.breadcrumbs-list > li {
   display: inline-block;
   color: #0069b3;
}

.breadcrumbs-list > li::before {
   content: '>';
   padding-right: 6px;
}
.breadcrumbs-list > li:not(:last-child) {
   margin-right: 10px;
}


/* ====================================================================
 *  FOOTER
 */

footer {
   margin-top: 100px;
   padding-bottom: 20px;
   background-repeat: no-repeat;
   background-position: right top;
}

.footer-nav {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   align-items: left;
   min-height: 100px;
}

.footer-nav-block { }

.footer-nav-block:not(:last-child) {
   margin-right: 125px;
}

.footer-nav-list {
   list-style-type: none;
   margin: 0;
   padding-left: 1em;
   text-indent: -1em;
}

.footer-nav-list > li::before {
   content: '➜ ';
   color: #0069b3;
}

.footer-nav-list > li > a::after {
   display: none;
}

nav.footernav{
   float:left;
   margin-top: 50px;
   width: calc(100% - 300px);
   margin-bottom: 20px;
}

nav.footernav ul{
   padding: 0;
   margin: 0;
}

nav.footernav ul li{
   list-style: none;
   display: inline-block;
   margin-right: 20px;
}

.copyright {
   margin-top: 50px;
   margin-bottom: 10px;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   width: 300px;
   float: right;
}

@media screen and (max-width: 1023px) {
   nav.footernav{
      float:none;
      margin-top: 20px;
      width: 100%;
   }
   
   nav.footernav ul li{
      display: block;
      margin-right: 0;
   }
   
   .copyright {
      margin-top: 20px;
      width: 100%;
      float: none;
   }
}

.slogan {
   display: inline-block;
   color: transparent;
   font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
   font-style: italic;
   font-size: 25px;
   background-image: url('/app/images/source-of-solutions-blue.svg');
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
   pointer-events: none;
}

@media screen and (max-width: 1050px) {
   footer {
      background-position: 20px calc(100% - 130px);
   }
   .copyright {
      margin-top: 200px;
   }
}

@media screen and (max-width: 700px) {
   footer {
      margin-top: 40px;
      background-size: 35%;
      background-position: bottom 60px left;
   }
   .footer-nav-block {
      margin: 0 0 30px 0;
   }
  .footer-nav {
      display: block;
   }
   .footer-nav-list > li {
      padding: 4px 0;
   }

   .copyright {
      margin-top: 130px;
      flex-direction: column;
   }
}

@media screen and (max-width: 470px) {
    footer {
      background-size: 50%;
   }
}

/* ====================================================================
 * NAV > Button-Nav
 */
.button-nav {
   display: flex;
   flex-direction: row;
   text-align: center;
   justify-content: center;
   list-style-type: none;
   margin: 50px 0 0 0;
   padding: 0;
   font-size: 20px;
   max-width: 100%;
   align-items: stretch;
}

.button-nav > li {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border: 2px solid #0069b3;
   background-color: #fff;
   transition: all 100ms ease-in-out;
}
.button-nav > li > a {
   display: block;
   padding: 16px 30px;
}
.button-nav > li:hover,
.button-nav > li:hover > a,
.button-nav > li > a:hover {
   color: #fff;
   background-color: #0069b3;
}
.button-nav > li > a::after {
   display: none;
}
#ltr .button-nav > li:not(:last-child) {
   border-right: none;
}
#rtl .button-nav > li:not(:last-child) {
   border-left: none;
}

#ltr .button-nav > li:first-child {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}
#ltr .button-nav > li:last-child {
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

#rtl .button-nav > li:first-child {
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

#rtl .button-nav > li:last-child {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}

@media screen and (max-width: 1200px) {
   .button-nav > li > a {
      font-size: 20px;
      padding: 16px 30px;
   }
}
@media screen and (max-width: 1020px) {
   .button-nav > li > a {
      font-size: 15px;
      padding: 8px 12px;
   }
}
@media screen and (max-width: 700px) {
   .button-nav {
      display: block;
      width: 100%;
   }
   .button-nav > li {
      border: 1px solid #0069b3 !important;
      border-radius: 10px !important;
   }

   .button-nav {
      max-width: 100%;
      width: 300px;
      margin: 50px auto 10px auto;
   }

   .button-nav > li {
      display: block;
      margin: 4px 0;
   }
}


/* ====================================================================
 *  CONTENT
 */

.content {
   background-image: url('/app/images/GEH-wellen.svg');
   background-repeat: no-repeat;
   background-position: 0 210px;
}

.content section {
   margin-top: 50px;
}

.content.content-application {
   background-position: bottom -100px center;
   padding-bottom: 180px;
}
.content.content-imprint {
   padding-bottom: 80px;
   background-position: bottom -100px center;
}
.content.content-contact {
   background-position: 0 400px;
}

@media screen and (max-width: 700px) {
   .content {
      /*! background-size: contain; */
   }
}

@media screen and (min-width: 1920px) {
   .content {
      background-size: contain;
   }
}

/* ====================================================================
 *  CONTENT > HOME
 */

.page-home .hero-video{
   height: 100%;
}

@media screen and (max-width: 700px) {
   .page-home .hero-video {
      height: 205px;
   }
}

.content-home section {
   margin-top: 80px;
}

.content a::after {
   content: '➞';
   margin-left: 4px;
}

/* Intro */

.content-home .intro {
   text-align: center;
   /*! padding: 0 60px; */
   box-sizing: border-box;
   margin-top: 30px;
}

/* Facts */

.content-home .facts {
   position: relative;
   margin-top: 220px;
   display: flex;
   justify-content: space-between;
   text-align: center;
}

.content-home .facts > .fact {
   display: block;
   flex: 1;
   margin-bottom: 20px;
   padding: 0 20px;
   line-height: 1.3;
}

.fact-popup {
   display: none;
}

.fact-popup > .overlay-bg {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 9000;
}

.fact-popup > .fact-popup-content {
   position: absolute;
   top: -200px;
   left: 0;
   right: 0;
   box-sizing: border-box;
   width: 90vw;
   max-width: 1020px;
   padding: 45px 100px;
   margin: 0 auto;
   z-index: 9001;
   background-color: #fff;
   text-align: left;
   font-size: 12px;
}

.fact-popup .fact-popup-close {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 15px;
}
.fact-popup .fact-popup-close::after {
   content: '';
}

.fact-popup > .fact-popup-content h2 {
   text-align: left;
}

.fact-popup-content table {
   width: 100%;
   text-align: left;
   margin: 0 0 20px 0;
   font-size: 15px;
}

.fact-popup-content table > thead > tr > th {
   font-family: "TheSansC5-Bold", Helvetica, Arial, sans-serif;
   font-weight: bold;
}
.fact-popup-content table > thead > tr > th,
.fact-popup-content table > tbody > tr > td {
    padding: 17px 18px;
    box-sizing: border-box;
}
.fact-popup-content table >  tbody > tr:nth-child(odd) {
   background-color: #dde1e4;
}
.fact-popup-content table >  tbody > tr:nth-child(even) {
   background-color: #fff;
}

@media screen and (max-width: 700px) {
   .content-home section {
      margin-top: 40px;
   }

   .recent-news > .page-wrapper > h2 {
      padding-bottom: 0;
   }

   .fact-popup .fact-popup-close {
      position: absolute;
      top: 20px;
      right: 10px;
      font-size: 15px;
   }

    .fact-popup > .fact-popup-content {
      padding-left: 10px;
      padding-right: 10px
   }

   .fact-popup-content > .fact-popup-content-container {
      overflow-x: auto;
   }

   .fact-popup-content table > thead > tr > th,
   .fact-popup-content table > tbody > tr > td {
      padding: 6px;
   }

   .content-home .facts {
      display: block;
      margin-top: 120px;
   }
}

/* Anwendungsbereiche */

.anwendungsbereiche > h2 {
   margin-bottom: 30px;
}

.anwendungsbereiche-container {
   display: grid;
   grid-template-rows: 1fr 1fr;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 20px;
   padding: 0 10px;
}

.anwendungsbereiche-container > .anwendungsbereich {
   position: relative;
   display: table;
   box-sizing: border-box;
   height: 400px;
   padding: 20px;
   width: 100%;
   color: #fff;
   transition: all 0.5s ease-in-out;
   overflow: hidden;
}

.anwendungsbereiche-container > .anwendungsbereich::after {
   display: none;
}

.anwendungsbereiche-container > .anwendungsbereich > h3 {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   font-size: 35px;
   line-height: 1.3;
   word-break: break-word;
   hyphens: auto;
}

.anwendungsbereiche-container > .anwendungsbereich > span {
   position: absolute;
   bottom: 45px;
   left: 8px;
   width: 100%;
   text-align: center;
}

.anwendungsbereiche-container > .anwendungsbereich > span::after {
   content: '➞';
   margin-left: 4px;
}

.anwendungsbereiche-container > .anwendungsbereich > .bg-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.anwendungsbereiche-container > .anwendungsbereich > .bg-wrapper > .background {
   width: 100%;
   height: 100%;
   transition: all 200ms ease-in-out;
   background-size: cover;
   background-repeat: no-repeat;
}

.anwendungsbereiche-container > .anwendungsbereich > .bg-wrapper > .background::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.anwendungsbereiche-container > .anwendungsbereich:focus > .bg-wrapper > .background,
.anwendungsbereiche-container > .anwendungsbereich:hover > .bg-wrapper > .background,
.anwendungsbereiche-container > .anwendungsbereich:active > .bg-wrapper > .background {
   transform: scale(1.4);
}

.anwendungsbereiche-container > .anwendungsbereich.abwasser > .bg-wrapper > .background {
   background-image: url('/app/images/anwendungsbereiche/abwasser.jpg');
}
.anwendungsbereiche-container > .anwendungsbereich.abwasser > .bg-wrapper > .background::before {
   background-color: rgba(40,146,156,0.7);
}

.anwendungsbereiche-container > .anwendungsbereich.trinkwasser > .bg-wrapper > .background {
   background-image: url('/app/images/anwendungsbereiche/trinkwasser.jpg');
}
.anwendungsbereiche-container > .anwendungsbereich.trinkwasser > .bg-wrapper > .background::before {
   background-color: rgba(87,107,121,0.7);
}

.anwendungsbereiche-container > .anwendungsbereich.mineralwasser > .bg-wrapper > .background {
   background-image: url('/app/images/anwendungsbereiche/mineralwasser.jpg');
}
.anwendungsbereiche-container > .anwendungsbereich.mineralwasser > .bg-wrapper > .background::before {
   background-color: rgba(0,158,224,0.7);
}

.anwendungsbereiche-container > .anwendungsbereich.umwelt > .bg-wrapper > .background {
   background-image: url('/app/images/anwendungsbereiche/umwelt.jpg');
}
.anwendungsbereiche-container > .anwendungsbereich.umwelt > .bg-wrapper > .background::before {
   background-color: rgba(178,192,69,0.7);
}

.anwendungsbereiche-container > .anwendungsbereich.niederschlagswasser > .bg-wrapper > .background {
   background-image: url('/app/images/anwendungsbereiche/niederschlagswasser.jpg');
}
.anwendungsbereiche-container > .anwendungsbereich.niederschlagswasser > .bg-wrapper > .background::before {
   background-color: rgba(166,162,126,0.7);
}

.anwendungsbereiche-container > .anwendungsbereich.individuell {
   border: 5px solid #006ab3;
   color: #006ab3;
   background-color: #fff;
   transition: all 100ms ease-in;
}
.anwendungsbereiche-container > .anwendungsbereich.individuell:hover {
   color: #fff;
   background-color: #006ab3;
}

@media screen and (max-width: 1040px) {
   .anwendungsbereiche-container {
      grid-template-columns: 1fr 1fr;
   }
   .anwendungsbereiche-container > .anwendungsbereich > h3 {
      font-size: 25px;
   }
}

@media screen and (max-width: 700px) {
   .content-home {
      background-position: 0 340px;
   }
   .content-home .intro {
      font-size: 15px;
   }

   .anwendungsbereiche-container {
      display: block;
   }

   .anwendungsbereiche-container > .anwendungsbereich {
      width: 100%;
      height: 145px;
      margin-bottom: 10px;
      padding: 5px;
   }

   .anwendungsbereiche-container > .anwendungsbereich > span {
      bottom: 15px;
   }
}

/* Statistiken */

.statistics {
   background-color: #dde1e4;
   padding: 43px 0;
}

.statistics-container {
   text-align: center;
   padding: 0 115px;
}

.statistics-container > h2 {
   margin-bottom: 40px;
}

.statistics-container {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
}

.statistics-slider {
   display: none;
}

.statistic {
   width: 190px;
   margin-bottom: 20px;
}

.statistic .stat-icon {
   position: relative;
   background-color: #fff;
   width: 100px;
   height: 100px;
   margin: 0 auto 25px auto;
   border-radius: 50px;

}
.statistic .stat-icon::before {
   position: absolute;
   content: '';
   left: 38px;
   top: 32px;
   width: 29px;
   height: 30px;
   background-image: url('/app/images/statistics-icons.png');
}

.statistic .stat-icon::before.icon-water {
   background-position: 0 0;
}
.statistic .stat-icon.icon-filter::before {
   background-position: -29px 0;
}
.statistic .stat-icon.icon-plant::before {
   background-position: -58px 0;
}
.statistic .stat-icon.icon-rocket::before {
   background-position: 0 -30px;
}
.statistic .stat-icon.icon-globe::before {
   background-position: -29px -30px;
}

.statistics .what {
   color: #006ab3;
   font-size: 35px;
   margin-bottom: 28px;
}
.statistic .desc {
   padding: 0 3px;
   vertical-align: top;
   margin: 0 auto;
}


@media screen and (max-width: 700px) {
   .statistics {
      padding: 20px 0;
   }

   .statistic {
      margin-bottom: 0;
   }

   .statistic .stat-icon {
      margin-bottom: 12px;
   }

   .statistics .what {
      margin-bottom: 15px;
   }

   .statistics-container {
      display: none;
   }
   .statistics-slider {
      display: block;
      overflow: hidden;
   }
   .statistics-slider .statistic {
      box-sizing: border-box;
      text-align: center;
   }

   .statistics-slider .slick-arrow {
      position: absolute;
      border: none;
      width: 20px;
      color: transparent;
      background-color: transparent;
      cursor: pointer;
      top: 0;
      height: 100%;
      z-index: 999;
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
   }
   .statistics-slider .slick-next::before {
      content: '\f054';
      font-weight: bold;
      color: #006ab3;
      font-size: 20px;
   }
   .statistics-slider .slick-prev::before {
      content: '\f053';
      font-weight: bold;
      color: #006ab3;
      font-size: 20px;
   }

   .statistics-slider .slick-next {
      right: 20px;
   }
   .statistics-slider .slick-prev {
      left: 0;
   }
}


/* News */

.recent-news {
   text-align: right;
}

.recent-news-list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 1fr;
   grid-gap: 20px;
   padding 0 10px 45px 10px;
   border-bottom: 1px solid #637582;
   text-align: left;
}

.recent-news-list > .recent-news-item {
   margin-bottom: 20px;
}
.recent-news-item > .recent-news-image {
   width: 100%;
   height: 260px;
   background-size: cover;
   background-position: center center;
}
.recent-news-item > .date {
   display: block;
   margin-top: 10px;
}
.recent-news-item > h2 {
   text-align: left;
   margin-top: 10px;
}

@media screen and (max-width: 700px) {
   .recent-news-list {
      display: block;
      margin-top: 20px;
   }
   .recent-news-list > .recent-news-item:not(:first-child) {
      display: none;
   }
   .recent-news-list > .recent-news-item {
      width: auto;
   }
   .recent-news-item > h2 {
      padding-bottom: 0;
   }
    .recent-news-image {
      width: 100%;
   }
}

/* Ansprechpartner */

.ansprechpartner {
   box-sizing:border-box;
   min-height: 280px;
}

.ansprechpartner-container {
   box-sizing:border-box;
   width: 100%;
   padding: 40px 105px;
   background-color: #006ab3;
   border-top-left-radius: 40px;
   border-bottom-right-radius: 40px;
   color: #fff;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
}

.ansprechpartner-container > h2 {
   max-width: 400px;
   color: #fff;
   text-align: left;
}

.ansprechpartner-container > .ansprechpartner-details {
   width: 560px;
   background-position: left center;
   background-repeat: no-repeat;
   box-sizing: border-box;
   display: flex;
}

.ansprechpartner-container > .ansprechpartner-details > img {
   border-radius: 50%;
   max-width: 192px;
   max-height: 192px;
}

#ltr .ansprechpartner-container > .ansprechpartner-details > img {
   margin-right: 20px;
}

#rtl .ansprechpartner-container > .ansprechpartner-details > img {
   margin-left: 20px;
}

.ansprechpartner-container > .ansprechpartner-details > .ansprechsparter-info > h3 {
   font-size: 25px;
}

.ansprechpartner-container > .ansprechpartner-details > .ansprechsparter-info > p {
   margin: 24px 0;
   font-size: 20px;
}

@media screen and (max-width: 700px) {
   .ansprechpartner {
      display: block;
      text-align: center;
   }
   .ansprechpartner.page-wrapper {
      padding-left: 10px;
      padding-right: 10px;
   }
   .ansprechpartner-container {
      display: block;
      /*! margin-right: 10px; */
      /*! margin-left: 10px; */
      padding: 40px 20px;
      width: 99%;
      overflow: hidden;
   }
   .ansprechpartner-container > .ansprechpartner-details {
      width: 100%;
   }
   .ansprechpartner-container > .ansprechpartner-details > img {
      float: none;
   }
   .ansprechpartner-container > .ansprechpartner-details > .ansprechsparter-info > h3 {
      font-size: 15px;
   }
   .ansprechpartner-container > .ansprechpartner-details > .ansprechsparter-info > p {
      margin: 12px 0;
      font-size: 15px;
   }
}

@media screen and (max-width: 480px) {
   .ansprechpartner-container > .ansprechpartner-details {
      flex-wrap: wrap;
   }
   .ansprechpartner-container > .ansprechpartner-details > img {
      display: block;
      margin: 0 auto 20px auto;
   }
}


/* ====================================================================
 *  CONTENT > Application
 */

.content-application > .intro {
   background-image: url('/app/images/applications-logos.png');
   background-position: right top;
   background-repeat: no-repeat;
   min-height: 340px;
}

html[lang="de-DE"] .content-application > .intro {
   background-image: url('/app/images/applications-logos-de.png');
}

.content-application > .intro > .intro-content {
   max-width: 950px;
   padding-right: 200px;
   font-size: 15px;
}

.intro-content > small {
    font-size:  15px;
}

.content-application .intro  ul {
   margin: 0;
   padding: 0 0 50px 0;
   font-size: 25px;
   list-style-type: none;
}
.content-application .intro  ul > li {
   padding-left: 1.5em;
}
.content-application .intro  ul > li::before {
   display: inline-block;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   content: "\f00c";
   margin-left: -1.5em; /* same as padding-left set on li */
   width: 1.5em;
}

.content-application h2 {
   text-align: left;
}

.content-application-text .ss-htmleditorfield-file.image {
  width: 100%;
  height: auto !important;
}

.applications-good-to-know {
   box-sizing:border-box;
   color: #fff;
   padding: 20px 40px;
   margin: 0 0 30px 0;
   background-color: #006ab3;
   border-top-left-radius: 40px;
   border-bottom-right-radius: 40px;
}

.applications-good-to-know > h2 {
   margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
   .content-application > .intro {
      background-image: url('/app/images/applications-logos_hor.png');
      background-position: center bottom;
      padding-bottom: 160px;

   }
   .content-application > .intro > .intro-content {
      padding-right: 0;
   }

    .intro-content > small {
        font-size:  12px;
    }
}

.content-application .removable-elements,
.content-application .properties,
.content-application .downloads,
.content-application .contact {
   margin-top: 50px;
}

.content-application .removable-elements {
  margin-bottom: 50px;
}

.content-application .removable-elements.page-wrapper {
   padding-right: 0;
}

@media screen and (max-width: 700px) {
   .content-application .intro  ul {
      font-size: 15px;
   }
}

.removable-elements-grid {
   display: grid;
   margin-top: 20px;
   grid-template-columns: repeat(auto-fit, 115px);
   grid-gap: 10px;
}

.removable-elements-grid .removable-element {
   display: table;
   position: relative;
   width: 115px;
   height: 115px;
   grid-row: span 1;
   grid-column: span 1;
   background-size: cover;
}

.removable-elements-grid .removable-element.element-large {
   width: 241px;
   height: 241px;
   grid-row: span 2;
   grid-column: span 2;
}
.removable-elements-grid .removable-element > .removable-element-name {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   width: 100%;
   height: 100%;
   font-size: 22px;
   line-height: 22px;
   color: #fff;
   background-color: rgba(87, 107, 121, 0.7);
}

.removable-elements-grid .removable-element > .removable-element-hover {
   position: absolute;
   box-sizing: border-box;

   top: 0;
   left: 0;
   padding: 6px;
   width: 100%;
   height: 100%;
   opacity: 0;

   color: #fff;

   text-align: center;
   font-size: 22px;
   line-height: 22px;
   word-break: break-all;
   hyphens: auto;

   transition: opacity 150ms ease-in-out;
}

.removable-element-hover > .hover-text-wrapper {
   display: table;
   width: 100%;
   height: 100%;
}

.removable-element-hover > .hover-text-wrapper > span {
   display: table-cell;
   vertical-align: middle;
   height: 100%;
   width: 100%;
}

.removable-element-hover abbr {
  text-decoration: none;
}

.removable-elements-grid .removable-element:hover > .removable-element-hover,
.removable-elements-grid .removable-element:active > .removable-element-hover {
   opacity: 1;
}

.removable-elements-grid .removable-element > .removable-element-hover.hover-abwasser {
   background-color: rgb(40, 146, 156);
}
.removable-elements-grid .removable-element > .removable-element-hover.hover-trinkwasser {
   background-color: rgb(87, 107, 121);
}
.removable-elements-grid .removable-element > .removable-element-hover.hover-mineralwasser {
   background-color: rgb(0, 158, 224);
}
.removable-elements-grid .removable-element > .removable-element-hover.hover-niederschlagswasser {
   background-color: rgb(166, 162, 126);
}
.removable-elements-grid .removable-element > .removable-element-hover.hover-umwelt {
   background-color: rgb(178, 192, 69);
}


@media screen and (max-width: 700px) {
   .removable-elements-grid {
      grid-template-columns: repeat(auto-fit, 65px);
      grid-gap: 5px;
   }
   .removable-elements-grid .removable-element {
      width: 65px;
      height: 65px;
      background-size: cover;
   }
   .removable-elements-grid .removable-element.element-large {
      width: 135px;
      height: 135px;
      grid-row: span 2;
      grid-column: span 2;
   }
   .removable-elements-grid .removable-element > .removable-element-hover,
   .removable-elements-grid .removable-element > .removable-element-name {
      font-size: 15px;
   }
}

.content-application .properties .properties-container {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
}
.properties-table {
   flex: 1;
}
.properties-table:first-of-type {
   margin-right: 20px;
}

.properties-table > table {
   width: 100%;
}

.properties-table > table > tbody > tr > td {
   padding: 17px 18px;
   box-sizing: border-box;
}
.properties-table > table >  tbody > tr:nth-child(odd) {
   background-color: #dde1e4;
}
.properties-table > table >  tbody > tr:nth-child(even) {
   background-color: #fff;
}

@media screen and (max-width: 850px) {
   .content-application .properties .properties-container {
      display: block;
   }
   .properties-table {
      width: 100%;
   }
   .properties-table:not(:last-child) {
      margin-bottom: 25px;
   }
   .properties-table > table > tbody > tr > td {
      padding: 8px 9px;
      box-sizing: border-box;
   }
}

.content-application .downloads-list {
   list-style-type: none;
   margin: 0;
   padding: 0;
   font-size: 20px;
}

.content-service .contact-container,
.content-application .contact-container,
.content-landingpage-arsen .contact-container {
   box-sizing:border-box;
   color: #fff;
   min-height: 280px;
   padding: 40px 105px;
   background-color: #006ab3;
   border-top-left-radius: 40px;
   border-bottom-right-radius: 40px;
}

.seo-text {
   margin-top: 30px;
}

/*.applications-contact-form > fieldset {
   position: relative;
   border: 0;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   width: auto;
}

.applications-contact-form > fieldset > div.geh-form-control {
   position: relative;
}

div.geh-form-control-checkbox,
div.geh-form-control,
div.geh-form-control-right {
   margin: 0 6px 6px 0;
   width: 500px;
}

.applications-contact-form label a {
   color: #fff;
   text-decoration: underline;
}
.applications-contact-form label a::after {
   display: none;
}

div.geh-form-control > label,
div.geh-form-control-right > label {
   position: absolute;
   top: 10px;
   left: 20px;
   color: #fff;
   transition: all 300ms ease-in-out;
}

div.geh-form-control select,
div.geh-form-control input,
div.geh-form-control-right textarea {
   box-sizing: border-box;
   width: 100%;
   color: #fff;
   background-color: transparent;
   border: 1px solid #fff;
}

.geh-form-control select {
   padding: 10px 20px;
}

.geh-form-control input,
.geh-form-control-right textarea {
   padding: 18px 20px 10px 20px;
}

div.geh-form-control-right {
   position: absolute;
   right: 0;
   top: 0;
}
div.geh-form-control/ *:focus* / > label,
div.geh-form-control/ *:hover* / > label,
div.geh-form-control-right/ *:focus* / > label {
   font-size: 12px;
   top: 2px;
}

.applications-contact-form button {
   background-color: transparent;
   color: #fff;
   border: 2px solid #fff;
   font-size: 18px;
   cursor: pointer;
}

.applications-contact-form button:hover {
   color: #0069b3;
   background: #fff;
}

.applications-contact-form > .message {
   margin: 20px 0 20px 0;
   font-size: 25px;
}

.applications-contact-form .btn-toolbar {
   text-align: right;
}*/

@media screen and (max-width: 1230px) {
   .content-application .contact {
      padding: 0 10px;
   }

   .content-service .contact-container,
   .content-application .contact-container {
      padding: 40px 24px;
   }

   div.geh-form-control-checkbox,
   div.geh-form-control,
   div.geh-form-control-right {
      width: 100%;
   }

   div.geh-form-control-right {
      position: relative;
   }
}

@media screen and (max-width: 700px) {

   .content-application .contact-container {
      padding: 20px 24px;
   }
}
/* ====================================================================
 *  CONTENT > News
 */

#news {
   margin-bottom: 0;
   padding-bottom: 0;
}

.content.content-news-holder {
   background-position: center bottom;
   padding-bottom: 540px;
}

.content.content-news-holder .current-author-name {
   color: #0069b3;
}

.news-holder-container {
   display: flex;
   justify-content: space-between;
}
.news-holder-container > .news-list {
   width: 925px;
}
.news-holder-container > .news-meta-info {
   box-sizing: border-box;
   width: 190px;
   padding-left: 10px;
}
.news-holder-container > .news-meta-info > h2 {
   text-align: left;
}
.news-holder-container > .news-meta-info > h2:not(:first-child) {
   margin-top: 80px;
}
.news-holder-container > .news-meta-info > .news-author {
   margin-top: 20px;
}
.news-holder-container > .news-meta-info > .news-author > img {
   border-radius: 50%;
   width: 180px;
   margin-bottom: 10px;
}

.news-holder-container > .news-list > article {
   margin: 28px 0;
   padding: 0 0 28px 0;
   border-bottom: 2px solid #637582;
}
.content-news-article .news-list > article {
   border-bottom: none;
}

.news-holder-container > .news-list > article > h2 {
   text-align: left;
}
.news-holder-container > .news-list > article > .news-teaser-img {
   display: block;
   width: 100%;
   margin-bottom: 20px;
}
.news-holder-container > .news-list > article > .news-detail-link {
   display: block;
   margin-top: 10px;
}

.category-list {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.category-list > li > a::before {
   content: '#';
   padding-right: 1px;
}
.category-list > li > a::after {
   display: none;
}

.article-gallery {
   display: grid;
   margin-top: 20px;
   grid-template-columns: repeat(auto-fit, 295px);
   grid-gap: 20px;
}

.article-gallery > img {
   display: block;
   width: 295px;
   height: 220px;
}

.share-article-list {
   list-style-type: none;
   padding: 0;
   margin: 40px 0 40px 0;
   font-size: 15px;
}
.share-article-list > li {
   display: inline-block;
}
.share-article-list i {
   font-size: 25px;
}
.share-article-list > li:not(:last-child) {
   margin-right: 10px;
}
.share-article-list > li > a::after {
   display: none;
}

.news-holder-container > .news-list > article > .meta {
   margin-top: 14px;
}
.news-holder-container > .news-list > article .category-list {
   display: inline-block;
   margin-left: 30px;
}
.news-holder-container > .news-list > article .category-list > li {
   display: inline-block;
}
.news-holder-container > .news-list > article .category-list > li > a {
   display: block;
   padding: 2px 4px 0 0;
}

.news-holder-container > .news-list > .pagination {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.news-holder-container > .news-list > .pagination > li {
   display: inline-block;
   color: #0069b3;
}

.news-holder-container > .news-list > .pagination > li > span,
.news-holder-container > .news-list > .pagination > li > a {
   display: block;
   padding: 6px 8px;
}
.news-holder-container > .news-list > .pagination > li > a {
   font-size: 20px;
}

.news-holder-container > .news-list > .pagination > li > a::after {
   display: none;
}

.content.content-news-article {
   background-position: center bottom;
   padding-bottom: 160px;
}
.content.content-news-holder .back-to-news,
.content.content-news-article .back-to-news {
   display: inline-block;
   margin-top: -10px;
   margin-bottom: 10px;
}
.content.content-news-article .back-to-news::after {
   display: none;
}

@media screen and (max-width: 700px) {
   .content.content-news-holder,
   .content.content-news-article {
      background-size: auto;
      padding-bottom: 100px;
   }

   .news-holder-container {
      display: block;
   }
   .news-holder-container > .news-list {
      width: 100%;
   }

   .news-holder-container > .news-list > article {
      margin: 14px 0;
      padding: 0 0 14px 0;
   }

   .news-holder-container > .news-meta-info {
      width: 100%;
   }

   .news-holder-container > .news-meta-info > .news-author {
      display: inline-block;
      width: 130px;
      vertical-align: top;
   }

   .news-holder-container > .news-meta-info > .news-author:nth-child(even) {
      margin-right:10px;
   }
   .news-holder-container > .news-meta-info > .news-author > img {
      border-radius: 50%;
      margin-bottom: 10px;
      width: 100%;
   }
   .news-holder-container > .news-meta-info > h2:not(:first-child) {
      margin-top: 20px;
   }

   .news-holder-container > .news-list > article .category-list {
      display: block;
      margin: 0 0 10px 0;
   }

   .article-gallery {
      display: block;
   }

   .article-gallery > img {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 10px;
   }

}

/* ====================================================================
 *  CONTENT > Service
 */

.content-service {
   background-position: bottom center;
}

@media screen and (max-width: 700px) {
   .content-service {
      background-position: bottom center;
      padding-bottom: 120px;
   }
}

.content-service > .intro  h1 {
   margin-bottom: 30px;
}

.content-service > .intro p {
   font-size: 15px;
}

.content-service .service-workflow,
.content-service .downloads {
   margin-bottom: 80px;
}

.content-service .service-workflow  > h2 {
   margin-top: 60px;
   text-align: left;
}

.content-service .service-workflow .workflow-steps {
   list-style-type: none;
   margin: 20px 0 0 0;
   padding: 0;
}

.workflow-step {
   position: relative;
   padding-left: 105px;
   margin-bottom: 30px;
   max-width: 600px;
}
.workflow-step::before {
   position: absolute;
   top: 10px;
   left: 0;
   content:' ';
   border: 1px solid #0069b3;
   width: 85px;
   height: 85px;
   border-radius: 50%;
}
.workflow-step::after {
   content: "";
   display: table;
   clear: both;
}
.workflow-step-icon {
   position: absolute;
   margin-left: -73px;
   margin-top: 38px;
   font-size: 30px;
}

.workflow-step > h2 {
   text-align: left;
   color: #0069b3;
}
.content-service .downloads > h2 {
   text-align: left;
}

.downloads-list {
   list-style-type: none;
   margin: 0 0 20px 0;
   padding: 0;
   font-size: 20px;
}

/* ====================================================================
 *  CONTENT > Contact
 */

.contact-page-content {
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
  text-align: center;
}

.content-contact > .intro h1 {
   text-align: center;
}

.content-contact .contact {
   box-sizing: border-box;
   min-height: 660px;
   padding: 40px 105px;
   border-top-left-radius: 40px;
   border-bottom-right-radius: 40px;
}

.content-contact .contact  > h2 {
   margin-bottom: 20px;
}

.contact-ansprechpartner {
   padding: 40px 0;
   background-color: rgba(221, 225, 228, 0.8);
}

.alle-ansprechpartner-liste {
   display: flex;
   margin: 20px 0 0 0;
   padding: 0;
   list-style-type: none;
   justify-content: space-around;
   align-items: center;
}

.alle-ansprechpartner-liste > li {
   text-align: center;
}

.alle-ansprechpartner-liste .ansprechpartner-portrait {
   margin-bottom: 20px;
   width: 192px;
   height: 192px;
   border-radius: 50%;
}

.alle-ansprechpartner-liste a::after {
   display: none;
}

.contact-map {
   position: relative;
}

.contact-map-overlay,
.contact-map-overlay > .page-wrapper {
   pointer-events: none;
}

.contact-map-overlay {
   position: absolute;
   top: 50px;
   left: 0;
   width: 100%;
   z-index: 999;
}
.contact-map-overlay a {
   color: #fff;
   text-decoration: underline;
}
.contact-map-overlay a::after {
   display: none;
}
.contact-map-overlay-box {
   width: 400px;
   padding: 40px 48px;
   background-color: #006ab3;
   border-top-left-radius: 40px;
   border-bottom-right-radius: 40px;
   box-sizing:border-box;
   color: #fff;
      pointer-events: auto;
}

.fallback-map {
   background-position: center center;
   background-size: cover;
}

.fallback-map,
#map-canvas {
   height: 600px;
   width: 100%
}

@media screen and (max-width: 700px) {
   .content-contact .contact {
      padding: 10px 20px;
   }
   .contact-ansprechpartner {
      padding: 20px 0;
   }
   .alle-ansprechpartner-liste {
      flex-flow:column;
   }
   .alle-ansprechpartner-liste > li:not(:first-child) {
      margin-top: 25px;
   }
   .alle-ansprechpartner-liste .ansprechpartner-portrait {
      margin-bottom: 10px;
   }
   .contact-map-overlay {
      position:static;
      margin: 20px 0 0 0;
      width: 100%;
   }
   .contact-map-overlay-box {
      width: 100%;
      padding: 20px 30px;
      margin-bottom: 10px;
   }
   .contact-map-overlay-box > h2 {
      text-align: left;
   }
   .fallback-map,
   #map-canvas {
      height: 300px;
   }
}

/* ====================================================================
 *  CONTENT > Referenzen & Partner
 */

.content-references {
   background-position: 0 560px;
}

.content-references > .intro > h1 {
   text-align: center;
   margin-bottom: 20px;
}

.content-references > .intro > h2 {
   margin-bottom: 20px;
}

.content-references > .intro > .geh-graphic {
   width: 100%;
   max-width: 1240px;
   height: 600px;
   background-size: contain;
   background-repeat: no-repeat;
   margin-bottom: 150px;
}

.content-references > .reference-projects {
   padding: 50px 0 15px 0;
   background-color: #dde1e4;
}

.project {
   box-sizing: border-box;
   padding: 0 105px;
   line-height: 1.3;
}

.project > .project-image {
   float: left;
   max-width: 506px;
   max-height: 378px;
   margin-right: 20px;
}

.project > .project-title {
   text-align: left;
   font-size: 15px;
   font-weight: bold;
   margin: 0;
}

.project > .project-location {
   font-size: 15px;
   color: #0069b3;
}

.content-references .slick-dots {
   list-style-type: none;
   text-align: center;
   margin: 0;
   padding: 0;
}
.content-references .slick-dots > li {
   padding: 0;
   margin: 0 4px 0 0;
   display: inline-block;
}
.content-references .slick-dots > .slick-active:hover > button,
.content-references .slick-dots > .slick-active > button {
   background-color: #0069b3;
}
.content-references .slick-dots > li > button {
   border: none;
   padding: 0;
   margin: 0;
   width: 10px;
   height: 10px;
   background-color: #fff;
   border-radius: 50%;
   color: transparent;
   cursor: pointer;
}

.content-references .slick-arrow {
   position: absolute;
   color: transparent;
   top: 0;
   height: 100%;
   width: 40px;
   background-image: url('/app/images/next-prev.png');
   background-repeat: no-repeat;
   background-color: transparent;
   border: none;
   cursor: pointer;
   background-color: #dde1e4;
}

.content-references .slick-prev {
   left: 0;
   background-position: 0;
   z-index: 1000;
}

.content-references .slick-next {
   right: 0;
   background-position: -40px;
}


.content-references > .partners {
   margin-top: 80px;
   margin-bottom: 80px;
}

.partners-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, 285px);
   grid-gap: 20px;
   margin-top: 20px;
}

.partner {
   padding-bottom: 15px;
   border-bottom: 2px solid #576b79;
}

.partner > .partner-logo {
   width: 85px;
   height: 50px;
   background-size: contain;
   background-repeat: no-repeat;
}

.partner-overlays {
   position: relative;
   width: 100%;
   display: none;
}

.partner-overlay-bg {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 9000;
}

.partner-overlays > .partner-overlay {
   display: none;
   box-sizing: border-box;
   position: absolute;
   left: 10px;
   right: 10px;
   width: auto;
   max-width: 1030px;
   min-height: 380px;
   padding: 50px 105px 50px 210px;
   margin: 0 auto;
   background-color: #fff;
   background-position: 105px 50px;
   background-repeat: no-repeat;
   background-size: 85px 50px;
   z-index: 9001;
}

.partner-overlays > .partner-overlay > h2 {
   text-align: left;
}

.partner-overlays > .partner-overlay > .partner-homepage-link {
   display: block;
   margin-top: 30px;
}

.partner-overlays > .partner-overlay > .partner-overlay-close {
   position: absolute;
   right: 20px;
   top: 20px;
}
.partner-overlays > .partner-overlay > .partner-overlay-close::after {
   display: none;
}

@media screen and (max-width: 700px) {
   .content-references > .partners > .page-wrapper > h2 {
      text-align: left;
   }
   .project {
      box-sizing: border-box;
      padding: 0 0;
   }
   .project> .project-image {
      float: none;
      display: block;
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px;
   }
   .project > h2 {
      font-weight: normal;
      font-size: 12px;
   }
   .content-references .slick-arrow {
      display: none;
   }
   .content-references {
      background-position: 0 330px;
   }

   .content-references .slick-arrow {
      display: none !important;
   }

   .content-references > .reference-projects {
      padding: 25px 0 15px 0;
   }
   .content-references > .reference-projects h2 {
      text-align: left;
   }

   .partner {
      padding-bottom: 10px;
   }

   .content-references > .intro > .geh-graphic {
      height: 200px;
      margin-bottom: 130px;
   }

  .partner-overlays > .partner-overlay {
     box-sizing: border-box;
     padding: 108px 100px 26px 20px;
   }
}

.kef {
   border-top: 7px solid #589f22;
   margin-bottom: 80px;
   padding: 50px 0px;
   background-color: #dce1e4;
}

.kef-wrapper {
   margin-top: 36px;
}

.kef-wrapper > .kef-image {
   display: block;
   float: left;
   margin-right: 20px;
}

.kef-wrapper > .kef-text {
   padding-right: 120px;
}

.kef-wrapper > .kef-text a {
   color: #589f22;
}

.kef-wrapper > .kef-text ul {
   padding: 0 0 0 1.5em;
   list-style-type: none;
}

.kef-wrapper > .kef-text ul li {
   line-height: 2em;
}

.kef-wrapper > .kef-text ul li::before{
   display: inline-block;
   color: #589f22;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   content: "\f00c";
   margin-left: 0em; /* same as padding-left set on li */
   width: 1.5em;
}

.kef .kef-logos {
   display: grid;
   gap: 10px;
   grid-template-columns: repeat(auto-fit, 100px);
   margin-top: 40px;
}

.kef .kef-logos > .kef-logo {
   display: block;
}

@media screen and (max-width: 1000px) {
   .kef-wrapper > .kef-image {
      float: none;
      margin-bottom: 20px;
      width: 100%;
   }
   .kef-wrapper > .kef-text ul li::before{
      margin-left: -1.5em; /* same as padding-left set on li */
   }
}

@media screen and (max-width: 500px) {
   .kef-wrapper > .kef-text {
      padding-right: 20px;
   }
}

/* ====================================================================
 *  CONTENT > About GEH
 */

.content-about > .whatisgeh h2,
.content-about > .qa h2 {
   text-align: left;
}

.content-about > .intro {
   margin-bottom: 100px;
   font-size: 15px;
}

.content-about > .intro h1 {
   text-align: center;
   margin-bottom: 30px;
}

.content-about .geh-history {
   margin: 50px 0;
}

.content-about .qa-content {
   background-image: url('/app/images/applications-logos.png');
   background-position: right 40px;
   background-repeat: no-repeat;
}

.content-about .whatisgeh {
   background-color: #dde1e4;
   background-position: bottom right;
   background-repeat: no-repeat;
}
.content-about .whatisgeh > .page-wrapper {
   /* background-image: url('/app/images/granulat.jpg');
   background-position: bottom right;
   background-repeat: no-repeat; */
}

.content-about .qa-content,
.content-about .whatisgeh-content {
   padding: 40px 320px 40px 0;
}
.content-about .whatisgeh .inline-bg {
   display: none;
}

@media screen and (max-width: 1200px) {
   .content-about .whatisgeh > .page-wrapper {
      background-position: center bottom;
   }
}

@media screen and (max-width: 1180px) {
   .content-about .whatisgeh {
      background-image: none !important;
   }
   .content-about .whatisgeh .inline-bg {
      width: 100%;
      display: block;
   }
}

@media screen and (max-width: 700px) {
   .content-about {
      background-size: auto;
      background-position: 0 500px;
   }

   .content-about  >.intro {
      font-size: 12px;
      margin-bottom: 30px;
   }

   .content-about .qa-content,
   .content-about .whatisgeh-content {
      padding: 20px 0 20px 0;
   }

   .content-about .whatisgeh > .page-wrapper {
      background-size: contain;
   }

   .content-about .qa-content.has-checkmark-list > ul,
   .content-about .whatisgeh-content.has-checkmark-list > ul{
      font-size: 12px;
   }

   .content-about .qa-content {
      background-image: url('/app/images/applications-logos_hor.png');
      background-position: center bottom;
      padding-bottom: 130px;
   }
}

@media screen and (min-width: 900px) {

   .timeline {
      position: relative;
   }

   .timeline::before {
      position: absolute;
      content: '';
      margin-left: -2px;
      left: 50%;
      top: 28px;
      width: 4px;
      bottom: 54px;
      border-left: 2px dotted #627481;
   }

   .tl-elem {
      box-sizing: border-box;
      min-height: 60px;
      width: 50%;
   }

   .tl-elem.center {
      text-align: center;
      width: 100%;
      height: 100px;
   }
   .tl-elem.left {
      text-align: right;
   }
   .tl-elem.right {
      margin-left: 50%;
      text-align: left;
   }

   .tl-elem > h3 {
      color: #0069b3;
      font-size: 15px;
      font-weight: normal;
      text-transform: uppercase;
   }
   .tl-elem.left > h3 {
      margin-right: -47px;
   }
   .tl-elem.left > h3::before {
      display: inline-block;
      content: '';
      height: 10px;
      width: 10px;
      border-radius: 50%;
      margin-right: 10px;
      background-color: #627481;
   }
   .tl-elem.right > h3 {
      display: inline-block;
      margin-left: -49px;
   }
   .tl-elem.right > h3::after {
      display: inline-block;
      content: '';
      height: 10px;
      width: 10px;
      border-radius: 50%;
      margin-left: 10px;
      background-color: #627481;
   }

   .tl-elem > .text-description {
      margin-top: -33px;
   }
   .tl-elem.left > .text-description {
      padding-left: 300px;
      padding-right: 10px;
   }
   .tl-elem.right > .text-description {
      padding-left: 10px;
      padding-right: 300px;
   }

   .tl-elem > .image-description {
      display: block;
      margin-top: -22px;
      width: 100%;
      height: 3px;
      background-color: #627481;
   }

   .tl-elem > .image-description > .image {
      background-color: #fff;
      width: 295px;
      margin-top: -95px;
      background-repeat: no-repeat;
      background-size: 192px 192px;
      background-position: top center;
      text-align: center;
   }

   .tl-elem > .image-description > .image > img {
      border-radius: 50%;
      display: block;
      margin: 0 0 20px 50px;
   }

   .tl-elem.right > .image-description > .image {
      float: right;
   }
   .tl-elem.left > .image-description > .image {
      float: left;
   }
}
@media screen and (max-width: 900px) {
   .timeline {

   }
   .tl-elem {
      width: 60%;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 20px;
   }
   .tl-elem:first-of-type {
      display: none;
   }
   .tl-elem > h3 {
      color: #0069b3;
      font-size: 15px;
      font-weight: normal;
      text-transform: uppercase;
   }
   .tl-elem > .image-description > .image > img {
      display: block;
      margin: 0 auto 20px auto;
      border-radius: 50%;
   }
}

@media screen and (max-width: 700px) {
   .tl-elem > h3 {
      margin-bottom: 0;
      padding-bottom: 0;
   }
   .tl-elem > .image-description > .image > img {
      margin-bottom: 5px;
      border-radius: 50%;
      max-width: 100%;
   }
}

/* ====================================================================
 *  CONTENT > Imprint
 */

.content-imprint h1 {
   margin-bottom: 20px;
}

.content-imprint .imprint h2 {
   text-align: left;
   margin-bottom: 10px;
}
.content-imprint .imprint h::before {
   content: " ";
   display: inline-block;
   width: 15px;
   height: 16px;
   margin-right: 8px;
   background-color: #4e90c8;
   border-top-left-radius: 5px;
   border-bottom-right-radius: 5px;
}


/* ====================================================================
 *  CONTENT > Forms
 */

.contact-form-2 > fieldset {
   position: relative;
   border: none;
   padding: 0;
   /*! overflow: hidden; */
   /*! max-width: 100vw; */
}

div.field-group-left {
   box-sizing: border-box;
   padding-right: 10px;
   width: 50%;
   float: left;
}

div.field-group-right {
   box-sizing: border-box;
   padding-left: 10px;
   width: 50%;
   float: right;
}

div.geh-control {
   position: relative;
}

input.geh-control,
select.geh-control,
textarea.geh-control {
   box-sizing: border-box;
   color: #576b79;
   padding: 20px 20px 12px 20px;
   border: 1px solid #0069b3;
   width: 100%;
   margin-bottom: 20px;
   font-weight: bold;
}

.geh-control.geh-checkbox {
   width: auto;
}
.geh-control.geh-checkbox > label > p {
   display: inline-block;
}
.geh-control.geh-checkbox > label > p > a {
   color: #fff;
   text-decoration: underline;
}
.page-kontakt .geh-control.geh-checkbox > label > p > a {
   color: #0069b3;
   text-decoration: underline;
}
.geh-control.geh-checkbox > label > p > a::after {
   content: '';
}

select.geh-control {
   padding: 16px 20px;
}

textarea.geh-control {
   height: 300px;
}

.form-applications textarea.geh-control {
   height: 200px;
}

input.geh-control:focus,
select.geh-control:focus,
textarea.geh-control:focus {
   color: #0069b3;
}

select.geh-control {
   -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  appearance:none;
}

div.geh-control.geh-dropdown::after {
   content: "\f0d7";
   position: absolute;
   right:20px;
   top: 14px;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   color: #0069b3;
}

.geh-control.geh-textfield > label,
.geh-control.geh-textarea > label {
   position: absolute;
   top: 16px;
   left: 20px;
   font-size: 15px;
   transition: all 200ms ease-in;
}

div.geh-control.geh-textfield.has-text > label,
div.geh-control.geh-textarea.has-text > label,
div.geh-control.geh-textfield:hover > label,
div.geh-control.geh-textarea:hover > label {
   top: 4px;
   font-size: 12px;
}

.geh-control > label > a,
.geh-control > label > p > a {
   text-decoration: underline;
}
.geh-control > label > a::after {
   display: none;
}

@media screen and (max-width: 700px) {
   input.geh-checkbox {
      padding: 0;
      margin: 0;
   }
   div.geh-checkbox {
      margin-bottom: 10px;
   }
   input.geh-control,
   select.geh-control,
   textarea.geh-control {
      margin-bottom: 10px;
   }
}

.contact-form-2 button {
   background-color: transparent;
   color: #0069b3;
   border: 1px solid #0069b3;
   font-size: 18px;
   cursor: pointer;
}

.contact-form-2 button:hover {
   color: #fff;
   background: #000;
}

.contact-form-2 > .message {
   margin: 20px 0 20px 0;
   font-size: 25px;
}

.contact-form-2 .btn-toolbar {
   text-align: center;
}

#Form_ContactForm_Captcha_Holder {
   position: absolute;
   right: 0px;
   bottom: 14px;
}

@media screen and (max-width: 1230px) {
   #Form_ContactForm_Captcha_Holder {
      margin-top: 20px;
      width: 20;
   }
}


@media screen and (max-width: 700px) {
   .contact-form-2 textarea.geh-control {
      height: 200px;
      margin-bottom: 110px;
   }
   .contact-form-2.form-applications textarea.geh-control {
      margin-bottom: 10px;
   }

   #Form_ContactForm_Captcha_Holder {
      position: absolute;
      left: 0px;
      right: auto;
      margin: 0;
   }

   .form-applications #Form_ContactForm_Captcha_Holder {
      position: relative;
      margin-top: 10px;
   }
}

/* Applications Form */

.contact-form-2.form-applications .btn-toolbar {
   text-align: right;
}

.contact-form-2.form-applications input.geh-control,
.contact-form-2.form-applications select.geh-control,
.contact-form-2.form-applications textarea.geh-control {
   color: #fff;
   background-color: #0069b3;
   font-weight: bold;
   border: 1px solid #fff;
}
.contact-form-2.form-applications .geh-control > label > a,
.contact-form-2.form-applications .geh-control > label > a:hover {
   color: #fff;
}
.contact-form-2.form-applications .geh-dropdown::after {
   color: #fff;
}

.contact-form-2.form-applications button {
   background-color: transparent;
   color: #fff;
   border: 1px solid #fff;
   font-size: 18px;
   cursor: pointer;
}

.contact-form-2.form-applications button:hover {
   color: #0069b3;
   background: #fff;
}

@media screen and (max-width: 700px) {
   div.field-group-left,
   div.field-group-right {
      padding: 0px;
      width: auto;
      float: none;
      /*! margin: 0; */
   }
   textarea.geh-control {
      height: 230px;
   }
   .contact-form-2 .btn-toolbar {
      text-align: right;
   }
}

/* ====================================================================
 *  CONTENT > Mail confirmation
 */

.content-mail-confirmation > .intro {
   margin-top: 40px;
}

.content-mail-confirmation > .intro h1 {
  text-align: center;
}

.content-mail-confirmation .back-to-start {
  text-align: center;
}

/* ====================================================================
 *  CONTENT > Landing-Page: Arsen;
 */

.content-landingpage.content-landingpage-arsen > .intro {
   text-align: center;
   margin-bottom: 30px;
}

.content-landingpage.content-landingpage-arsen > .intro small {
   font-size: 15px;
   line-height: 1.5;
}

.content-landingpage.content-landingpage-arsen .button-nav {
   margin-bottom: 50px;
}

.landingpage-arsen-section > h2 {
   margin-bottom: 20px;
}

.landingpage-arsen-section-content {
   display: flex;
   flex-flow: row nowrap;
   align-items: flex-start;
   margin-bottom: 30px;
}

.landingpage-arsen-section abbr {
   color: #4e90c8;
   cursor: pointer;
   text-decoration: none;
}

.landingpage-arsen-section abbr:hover {
   text-decoration: underline;
}

.arsen-content-bottom-images {
   display: flex;
   flex-direction: row wrap;
   justify-content: space-between;
   margin-bottom: 50px;
   max-width: 100%;
}

.arsen-content-image {
   max-width: 655px;
   width: 100%;
   flex-shrink: 1;
}

.arsen-content-text {
   flex-shrink: 1;
   max-width: 485px;
}

#ltr .arsen-content-text {
   margin: 0 0 10px 20px;
}

#rtl .arsen-content-text {
   margin: 0 20px 10px 0;
}

.arsen-content-lists-container {
   display: flex;
   margin: 20px 0 20px 0;
}

.arsen-content-list {
   box-sizing: border-box;
   width: 50%;
   color: #4e90c8;
}
.arsen-content-list:first-child {
   padding-right: 10px;
}

.arsen-content-list:last-child {
   padding-left: 10px;
}

.arsen-content-list > h3 {
   font-weight: 900;
}

.arsen-content-list > ul {
   list-style-type: none;
   margin-top: 0;
   margin-left: 0;
   padding-left: 1.5em;
}

.arsen-content-list > ul > li {
   margin-bottom: 8px;
}

.arsen-content-list > ul > li::before {
   display: inline-block;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   content: "\f00c";
}
#ltr .arsen-content-list > ul > li::before {
   margin-left: -1.5em; /* same as padding-left set on li */
   width: 1.5em;
}
#rtl .arsen-content-list > ul > li::before {
   margin-right: -1.5em; /* same as padding-left set on li */
   width: 1.5em;
}
.arsen-content-list.list-pro > ul > li::before {
   content: "\f00c";
}
.arsen-content-list.list-contra > ul > li::before {
   content: "\f056";
}

.content-landingpage-arsen .contact-container {
   margin-bottom: 30px;
}

.arsen-summary-container {
   text-align: center;
   margin-bottom: 30px;
}

@media screen and (max-width:700px) {
   .content-landingpage.content-landingpage-arsen > .intro small {
      font-size: 12px;
   }

   .landingpage-arsen-section-content {
      display: block;
   }
   .arsen-content-image {
      width: 100%;
   }
   .arsen-content-text {
      margin-left: 0;
      max-width: unset;
   }
   .arsen-content-bottom-images {
      display: block;
      text-align: center;
   }
   .arsen-content-bottom-images > img {
      display: block;
      margin: 20px auto;
      max-width: 100%;
   }
}

/* ====================================================================
 *  CONTENT > Plugins: Tooltipster;
 */

.tooltip-templates {
  display: none;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh .tooltipster-box {
   border: 1px solid #586b7a;
   border-radius: 6px;
   background-color: #586b7a;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright .tooltipster-box {
  background-color: #dde1e4;
  border: 1px solid #dde1e4;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh .tooltipster-content {
   color: #f6f8f7;
   padding: 8px;
   font-weight: bold;
   font-size: 12px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright .tooltipster-content {
  color: #576b79;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-bottom .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-left .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-right .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #586b7a;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-bottom .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-left .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-right .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-geh.tooltipster-light-geh-bright.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #dde1e4;
}

/* ====================================================================
 *  FAQ
 */

.faq {
  margin-top: 100px;
  margin-bottom: 60px;
}

.faq > h2 {
   text-align: left;
}

.faq-item {
   background-color: #dde1e4;
   padding-left: 25px;
   padding-right: 25px;
   margin-bottom: 2px;
}

.faq-title {
   position: relative;
   padding-top: 20px;
   padding-bottom: 20px;
   font-weight: bold;
   font-size: 16px;
   cursor: pointer;
}

.faq-item.closed > .faq-title::after {
   position: absolute;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   content: '\f078';
   right: 0;
}

.faq-item.opened > .faq-title::after {
   position: absolute;
   font-family: "Font Awesome 5 Pro";
   font-weight: 900;
   content: '\f077';
   right: 0;
}

.faq-text {
   line-height: 1.9;
   padding-bottom: 20px;
}

/* ====================================================================
 * Cookies
 */

.cookie-settings {
   margin: 20px 0;
   box-sizing: border-box;
   width: 100%;
   border: 7px solid #006ab5;
   padding: 36px 32px;
   background-color: #fff;
}

.cookie-settings fieldset {
   border: 0;
   margin: 0;
   padding: 0;
}

.cookie-settings .field {
   line-height: 1.7;
   margin-bottom: 10px;
}

.cookie-settings .field h4 {
   display: inline-block;
   margin: 0 10px 0 5px;
}

.cookie-settings button {
   background-color: transparent;
   cursor: pointer;
}

.cookie-banner-page-cover {
   position: fixed;
   display: block;
   width: 100vw;
   height: 100vh;
   top: 0;
   left: 0;
   z-index: 50;
   background-color: rgba(0,0,0,0.1);
}

.cookie-settings .last-changed {
   margin-top: 10px;
   font-size: 0.8em;
}

.cookie-banner {
   position: fixed;
   box-sizing: border-box;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   background-color: #fff;
   z-index: 600;
   padding: 60px 90px;
   max-width: 1024px;
}

.banner-actions {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
}

.cookie-banner .cookie-banner-extra-buttons {
   margin: 10px 0 0 10px;
   justify-self: flex-end;
   text-align: right;
}

.cookie-banner .cookie-banner-extra-buttons > a {
   display: block;
}

@media screen and (max-width: 600px) {
   .cookie-banner {
      position:  absolute;
      overflow: scroll;
      max-width:  100vw;
      max-height:  100vh;
      left: 0;
      top: 0;
      transform: none;
   }
}

@media screen and (max-width: 1000px) {
   .cookie-banner {
      width: 100%;
   }
}

.cookie-banner fieldset {
   border: 0;
}

.cookie-banner button {
   cursor: pointer;
   background-color: #fff;
   display: inline-block;
   margin: 6px 0 0 0;
   padding: 13px 16px;
   border-radius: 10px;
   border: 2px solid #006ab3;
   border-radius: 10px;
   color: #006ab3;
   font-size: 15px;
   font-family: "TheSansC5-Plain", Helvetica, Arial, sans-serif;
}

#badge {
   position: fixed;
   bottom: 1rem;
   right: 1rem;
   max-width: calc(100% - 2rem);
}
#badge .close-btn {
   position: absolute;
   top: -0.8rem;
   right: -0.8rem;
   width: 2rem;
   height: 2rem;
   line-height: 1rem;
   font-size: 1.25rem;
   border: none;
   border-radius: 1rem;
   background-color: #777;
   color: #fff;
}
#badge .close-btn:hover,
#badge .close-btn:focus {
   background-color: #aaa;
   cursor: pointer;
}
@media screen and (max-width: 640px) {
   #badge {display:none;}
}

/*=============================== EOF ================================* /