body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp(
      var(--mm-min-size),
      var(--mm-size),
      var(--mm-max-size)
  )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp(
      calc(-1 * var(--mm-max-size)),
      calc(-1 * var(--mm-size)),
      calc(-1 * var(--mm-min-size))
  )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@font-face {
    font-family: 'Ubuntu';
        src: url('../../files/fonts/Ubuntu-Bold.eot');
        src: url('../../files/fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
            url('../../files/fonts/Ubuntu-Bold.woff2') format('woff2'),
            url('../../files/fonts/Ubuntu-Bold.woff') format('woff'),
            url('../../files/fonts/Ubuntu-Bold.ttf') format('truetype'),
            url('../../files/fonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: 'Ubuntu';
        src: url('../../files/fonts/Ubuntu-Light.eot');
        src: url('../../files/fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
            url('../../files/fonts/Ubuntu-Light.woff2') format('woff2'),
            url('../../files/fonts/Ubuntu-Light.woff') format('woff'),
            url('../../files/fonts/Ubuntu-Light.ttf') format('truetype'),
            url('../../files/fonts/Ubuntu-Light.svg#Ubuntu-Light') format('svg');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: 'Qualy';
    src: url('../../files/fonts/Qualy.eot');
    src: url('../../files/fonts/Qualy.eot?#iefix') format('embedded-opentype'),
        url('../../files/fonts/Qualy.woff2') format('woff2'),
        url('../../files/fonts/Qualy.woff') format('woff'),
        url('../../files/fonts/Qualy.ttf') format('truetype'),
        url('../../files/fonts/Qualy.svg#Qualy') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Just tell me what';
    src: url('../../files/fonts/Justtellmewhat.eot');
    src: url('../../files/fonts/Justtellmewhat.eot?#iefix') format('embedded-opentype'),
        url('../../files/fonts/Justtellmewhat.woff') format('woff'),
        url('../../files/fonts/Justtellmewhat.ttf') format('truetype'),
        url('../../files/fonts/Justtellmewhat.svg#PermanentMarker') format('svg');
    font-display: swap;
}
*:focus {
    outline: none;
}
* {
    margin:0;
    padding:0;
}


/* body.show-mobil-navi {
    overflow: hidden !important;
    position: fixed !important;
    margin-top: 0px !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
} */

html,
body {
    font:18px/28px Ubuntu,Arial,Helvetica,sans-serif;
    color:#4A4A4A;
    font-weight:300;
    -webkit-text-size-adjust: none;
    background-color: #ffffff;
}
#header .inside {
    min-height:120px;
    border-bottom:2px solid #eee;
    z-index:3000;
}
#header .mod_article .content-image,
#header .mod_article .content-image figure,
#header .mod_article .content-player,
#header .mod_article .content-player figure {
    width:100%;
    height:70vh;
    left:0;
    position:absolute;
    display:flex;
    justify-content:center;
}

#header .mod_article .content-image,
#header .mod_article .content-player {
    overflow: hidden;
}

#header .mod_article .content-image figure {
    display:block;
    text-align:right;
}
#header .mod_article .content-image:first-of-type::after,
#header .mod_article .content-player:first-of-type::after {
    width:100vw;
    height:70vh;
    position:relative;
    display:block;
    background-image:url("/files/images/header-overlay.png");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    background-size:cover;
}
#header .mod_article .content-image figure img {
    min-width:100%;
    min-height:100%;
    max-width:1000%;
    object-fit: cover;
}
#header .mod_article .content-image:not(.made-in-germany) figure img {
    width:70%;
    min-width:70%;
}
#header .mod_article .content-player figure video {
    width:auto;
    height:100%;
    min-width:66.666%;
    min-height:100%;
    max-height:100%;
    right:0;
    position:absolute;
    object-fit: cover;
}
#header .mod_article .content-text {
    max-width:800px;
    position:relative;
    overflow:visible;
    display:inline-block;
    margin-top:195px;
    margin-left:260px;
    height:calc(70vh - 195px);
    z-index:20;
}
.nachhaltigkeit #header .mod_article .content-text {
    max-width:960px;
}
.hell #header .mod_article .content-text {
    color:#fff;
}
#header .mod_article .content-image.made-in-germany {
    width:120px;
    height:81px;
    left:auto;
    right:0;
    top:33vh;
    position:absolute;
    display:block;
}
#header .mod_article .content-image.made-in-germany figure {
    height:81px;
}
#header .mod_article .content-image.made-in-germany img {
    max-width:100%;
}
#header .mod_article:first-of-type::after {
    width:100vw;
    left:0;
    position:absolute;
    background-image:url("/files/images/bg-welle.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:cover;
    content:'';
    top:calc(70vh - (100vw / 1920 * 400 / 2));
    height:calc(100vw / 1920 * 400);
    z-index:1;
}
#header ul li {
    list-style-type:none;
}
#header h1 {
    margin-bottom:60px;
}
#header h1:lang(fr),
#header h1:lang(es) {
    font-size:85px;
    line-height:85px;
}
#header h3 {
    margin-top:-30px;
    font-size:30px;
    color:#00ACE6;
}
.leitungswasser #header h2,
.sponsoring #header h1 {
    color:#092c57;
}
.nachhaltigkeit #header h1 {
    margin-bottom:30px;
}

#header .mod_article:first-of-type p {
    max-width:640px;
    font-size:20px;
    line-height:30px;
}
body.startseite #header .mod_article:first-of-type p {
    max-width:480px;
}
.leitungswasser #header p,
.sponsoring #header p {
    color:#333;
}
div#branding {
    margin-bottom:0;
}
div#branding a {
    width:119px;
    height:53px;
    left:60px;
    top:30px;
    position:fixed;
    display:block;
    background-image:url("/files/images/logo-rhodius-blue.svg");
    text-indent:-99999px;
    cursor:pointer;
    transition:0.3s;
    z-index:6000;
    background-size:cover;
    background-repeat: no-repeat;
}


.hell div#branding a {
    background-image:url("/files/images/logo-rhodius.svg");
}

/* .hell .show-navi div#branding a {
    background-image:url("/files/images/logo-rhodius-picto-white.svg");
} */
#navi-mobil {
    display:none;
}
.toggle-navi {
    width:34px;
    height:21px;
    right:-120px;
    top:6px;
    position:fixed;
    padding:60px;
    background-image:url("/files/images/burger-blue.svg");
    background-position:center center;
    background-repeat:no-repeat;
    text-indent:-9999px;
    transition:0.3s;
    cursor:pointer;
    /* z-index:5000; */
    z-index:6010;
}
.hell .toggle-navi {
    background-image:url("/files/images/burger-white.svg");
}
.hide-navi .toggle-navi {
    right:0;
}
.close-navi {
    display:none;
}
.mod_navigation {
    width:100%;
    left:0;
    top:0;
    position:fixed;
    float:left;
    display:block;
    padding-top:57px;
    padding-left:240px;
    z-index:4000;
    transition:0.9s;
}
.mod_changelanguage {
    left:1160px;
    top:62px;
    position:fixed;
    overflow:visible;
    float:left;
    display:block;
    padding-right:40px;
    color:#999;
    z-index:6000;
    transition:0.9s;
    cursor:pointer;
}
body.hell .mod_changelanguage,
body.dunkel .mod_changelanguage {
    color:#fff;
}
.mod_changelanguage ul li a {
    text-decoration:none;
    color:#092c57;
    font-weight:700;
}
body.hell .mod_changelanguage ul li a,
body.dunkel .mod_changelanguage ul li a {
    color:#fff;
}
.mod_changelanguage ul {
    max-height:0px;
    overflow-y:hidden;
    transition:0.3s;
}
.mod_changelanguage:hover ul {
    max-height:120px;
}
.mod_changelanguage::after {
    width:16px;
    height:18px;
    right:0;
    top:5px;
    position:absolute;
    display:block;
    background-image:url("/files/images/arrow-down-grey.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    transition:0.6s;
}
body.hell .mod_changelanguage::after,
body.dunkel .mod_changelanguage::after {
    background-image:url("/files/images/arrow-down-white.svg");
}
.mod_changelanguage:hover::after {
    transform: rotate(180deg);
}
.mod_changelanguage li {
    position:relative;
}
.show-navi .inside {
    background-color:rgba(255,255,255,.85);
}
#header.hide .mod_article,
#header.hide ~ #container,
#header.hide ~ .custom,
#header.hide ~ #footer {
    opacity:0.1
}

#container {
    transition:0.3s;
}
.mod_navigation ul {
    width:100%;
    z-index:4500;
}
.hell .mod_navigation {
    background:transparent;
}
.hide-navi .mod_navigation {
    margin-left:100vw;
    opacity:0;
}
.mod_navigation ul li a,
.mod_navigation ul li.active strong,
.mod_navigation ul li.trail strong {
    padding:9px 20px 12px;
    border-radius:30px 30px 0 0;
    text-decoration:none;
    color:#999;
    text-transform:uppercase;
    font-weight:700;
    transition:0.3s;
}
.hell .mod_navigation ul li a,
.hell .mod_navigation ul li.active strong,
.hell .mod_navigation ul li.trail strong {
    color:#fff;
}
.mod_navigation ul li a:hover,
.mod_navigation ul li.active strong:hover,
.mod_navigation ul li.trail strong:hover {
    background-color:#fff;
    color:#092c57;
}
.mod_navigation ul li.trail:not(.news) a:hover,
.mod_navigation ul li.trail:not(.news) strong:hover {
    border-bottom-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
}
.mod_navigation ul li.active strong.active,
.mod_navigation ul li.trail strong.trail {
    background-color:#fff;
    border-bottom-right-radius:30px;
    border-bottom-left-radius:30px;
    color:#092c57;
}
.subnavi.produktion:hover ~ .mod_navigation ul li a.produktion,
.subnavi.vielfalt:hover ~ .mod_navigation ul li a.vielfalt,
.subnavi.nachhaltigkeit:hover ~ .mod_navigation ul li a.nachhaltigkeit,
.subnavi.anfrage:hover ~ .mod_navigation ul li a.anfrage {
    background-color:#fff;
    color:#092c57;
}
.mod_navigation ul.level_1 > li:last-child a,
.mod_navigation ul.level_1 > li:last-child.active strong {
    display:block;
    margin-left:15px;
    padding:3px 25px 6px;
    border:2px solid #999;
    border-radius:30px;
    background-image: linear-gradient(to right, #092c57 33%, transparent 67%);
    background-size: 300% 100%;
    background-position: right bottom;
    transition:0.3s;
}
body.dunkel .mod_navigation ul.level_1 > li:last-child a,
body.dunkel .mod_navigation ul.level_1 > li:last-child.active strong {
    border:2px solid #fff;
}
.hell .mod_navigation ul.level_1 > li:last-child a {
    border-color:#fff;
}
.mod_navigation ul.level_1 > li:last-child a:hover,
.mod_navigation ul.level_1 > li:last-child.active strong {
    border:2px solid #092c57;
    border-radius:30px;
    color:#fff;
    background-position: left bottom;
}
.mod_navigation ul li {
    display:inline-block;
}
body.dunkel .mod_navigation ul li a {
    color:#fff;
}
body.dunkel .mod_navigation ul li a:hover {
    color:#092c57;
}
.subnavi {
    width:100%;
    height:100%;
    top:0;
    position:fixed;
    display:block;
    background-color:rgba(0,0,0,.7);
    opacity:0;
    transition:0.3s;
    visibility:hidden;
    z-index:3000;
}
.subnavi .inner {
    left:240px;
    top:98px;
    position:fixed;
    background-color:#fff;
    border-radius:10px;
    display: flex; /* test */
}
.subnavi.produktion .inner {
    width:780px;
    text-align:center;
    border-top-left-radius:0;
}
.subnavi.vielfalt .inner,
.subnavi.nachhaltigkeit .inner {
    width:780px;
    text-align:center;
}
.subnavi.anfrage .inner {
    width:1170px;
    text-align:center;
}
.subnavi.produktion strong,
.subnavi.vielfalt strong,
.subnavi.nachhaltigkeit strong,
.subnavi.anfrage strong {
    display:block;
    margin-top:15px;
    margin-bottom:15px;
}
.subnavi .content-text,
.subnavi .content-text a {
    font-size:15px;
    line-height:15px;
    text-decoration:none;
    color:#999;
}
.subnavi .content-text {
    width:320px;
    position:relative;
    display:inline-block;
    padding:30px;
    line-height:20px;
    transition:0.3s;
}
.subnavi .content-text a {
    display:block;
    color:#fff;
}
.subnavi .content-text strong {
    font-size:20px;
    line-height:25px;
    text-transform:uppercase;
    font-weight:700;
}
.subnavi.show {
    opacity:1;
    visibility:visible;
}
.subnavi figure {
    height:36px;
}
.mod_customnav {
    float:right;
}
.mod_customnav ul {
    right:60px;
    top:57px;
    position:fixed;
    display:block;
    z-index:6000;
    transition:0.45s;
}
.hide-navi .mod_customnav ul {
    right:-300px;
}
.hide-navi .mod_changelanguage {
    margin-left:150vw;
}
.mod_customnav:not(#navi-mobil) ul li a,
.mod_customnav:not(#navi-mobil) ul li.active strong {
    display:block;
    padding:5px 25px 8px;
    border-radius:30px;
    text-decoration:none;
    color:#00ACE6;
    text-transform:uppercase;
    background-image: linear-gradient(to right, #092c57 33%, #fff 67%);
    background-size: 300% 100%;
    background-position: right bottom;
    transition:0.3s;
    font-weight:700;
}
.mod_customnav:not(#navi-mobil) ul li a::before,
.mod_customnav:not(#navi-mobil) ul li.active strong::before {
    width:20px;
    height:20px;
    display:inline-block;
    margin-top:-4px;
    margin-right:15px;
    background-image:url("/files/images/navi-kundencenter.svg");
    content:'';
    vertical-align:middle;
    transition:0.3s;
    background-size:cover;
}
.mod_customnav:not(#navi-mobil) ul li a:hover::before {
    background-image:url("/files/images/navi-kundencenter-white.svg");
}
.mod_customnav:not(#navi-mobil) ul li a:hover {
    color:#fff;
    background-position: left bottom;
}

/* MMenu */
#mmenu-main {
    display: none;
}

#mmenu-main.mm-menu--opened {
    display: flex;
}

.mobile-menu {
    display: none;
    width:34px;
    height:21px;
    right:0;
    top:6px;
    position:fixed;
    padding: 40px 50px;
    background-image:url("/files/images/burger-blue.svg");
    background-color: transparent;
    background-position:center center;
    background-repeat:no-repeat;
    text-indent:-9999px;
    transition:0.3s;
    cursor:pointer;
    z-index:6010;
    border: none;
}

.dunkel .mobile-menu.dark {
    background-image:url("/files/images/burger-blue.svg");
}

.hell .mobile-menu,
.dunkel .mobile-menu {
    background-image:url("/files/images/burger-white.svg");
}

.mm-wrapper--opened .mobile-menu,
.dunkel.mm-wrapper--opened .mobile-menu.dark {
    background-image: url("/files/images/close-blue.svg");
    background-size: 36px;
}

.hell.mm-wrapper--opened .mobile-menu,
.dunkel.mm-wrapper--opened .mobile-menu {
    background-image: url("/files/images/close-white.svg");
}

.mm-panel {
    font-size: 16px;
    font-weight: 600;
}

.mm-listview .mobile-none {
    display: none;
}

.mm-navbar__title {
    background-color: #092c57;
    justify-content: left;
}

.mm-navbar__title span {
    color: #ffffff;
    font-weight: bold;
}    

.mm-navbar .mm-navbar__btn {
    background-color: #092c57;
}

.mm-navbar .mm-navbar__btn:before {
    color: #ffffff;
    border-color: #ffffff;
}

.mm-menu .mm-navbars--bottom a {
    color: #092c57;
    font-weight: bold;
    font-size: 18px;
}

.mm-menu .mm-navbars--bottom a:hover,
.mm-menu .mm-navbars--bottom a:focus,
.mm-menu .mm-navbars--bottom a:active {
    color: #00ACE6;
}

.mm-listitem:hover .mm-listitem__text,
.mm-listitem:hover .mm-listitem__text + .mm-listitem__btn {
    background-color: #00ACE6;
    color: #ffffff;
}

.mm-listitem:hover .mm-listitem__text + .mm-listitem__btn:after {
    border-color: #ffffff;
}

.mm-listitem--selected {
    background-color: #00ACE6;
}
/**/



#main .mod_article {
    position:relative;
    padding-top:60px;
    padding-bottom:60px;
}
#main .mod_article:first-of-type {
    padding-top:120px;
}
#main .mod_article > * {
    width:90%;
    max-width:1200px;
    overflow:visible;
    margin:0 auto;
    padding-right:5%;
    padding-left:5%;
    text-align:center;
}
#main #instagram-tiles.mod_article > * {
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:0;
    text-align:center;
}
#main #instagram-tiles .content-hyperlink,
#main #instagram-tiles .ce_hyperlink {
    width:auto;
}
#main #instagram-tiles .eapps-instagram-feed {
    margin-top:75px;
}
#main #instagram-tiles {
    padding-bottom:0;
    text-align:center
}
#main #instagram-tiles.mod_article .content-text p {
    padding-bottom:0;
    text-align:center
}
#instagram-tiles .eapps-instagram-feed-posts-grid-load-more-container {
    display:none;
}
#main .mod_article .content-youtube,
#main .mod_article .ce_youtube,
#main .mod_article .content-youtube iframe,
#main .mod_article .ce_youtube iframe {
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0;
    border:0;
    height:calc(100vw / 16 * 9)
}
#main .mod_article.infos.active {
    max-height:1500px;
    margin-bottom:0;
    padding-bottom:90px;
}
#main .mod_article.infos table img {
    width:auto;
    max-width:60%;
    max-height:180px;
    margin-bottom:15px;
}
#main .mod_article.infos table {
    margin-right:auto;
    margin-bottom:75px;
    margin-left:auto;
    font-size:15px;
    line-height:25px;
    width:80% !important;
}
.rsts-skin-default.rsts-touch .rsts-nav-numbers,
.rsts-skin-default.rsts-touch .rsts-nav-tabs {
    display:block;
}
.rsts-skin-default .rsts-nav-numbers a,
.rsts-skin-default .rsts-nav-tabs a {
    margin-right:0;
    padding-right:20px;
    padding-left:20px;
}
#main .mod_article .content-text p,
#main .mod_article .content-text ul {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
#main .mod_article.bild-breit {
    padding-bottom:0;
}
#main .mod_article.bild-breit .content-image {
    width:100%;
    padding-right:0;
    padding-left:0;
    max-width:none;
}
#main .mod_article.bild-breit img {
    display:block;
}
#main .mod_article.verlauf-dunkelblau {
    background:-moz-linear-gradient(left,#f7f8fc 0%,#dfe3ef 100%);
    background:-webkit-linear-gradient(left,#f7f8fc 0%,#dfe3ef 100%);
    background:-o-linear-gradient(left,#f7f8fc 0%,#dfe3ef 100%);
    background:-ms-linear-gradient(left,#f7f8fc 0%,#dfe3ef 100%);
    background:linear-gradient(to right,#f7f8fc 0%,#dfe3ef 100%);
    -pie-background:linear-gradient(left,#f7f8fc 0%,#dfe3ef 100%);
}
#main .mod_article.verlauf-pink {
    background:-moz-linear-gradient(left,#fbf9fa 0%,#f2e7ed 100%);
    background:-webkit-linear-gradient(left,#fbf9fa 0%,#f2e7ed 100%);
    background:-o-linear-gradient(left,#fbf9fa 0%,#f2e7ed 100%);
    background:-ms-linear-gradient(left,#fbf9fa 0%,#f2e7ed 100%);
    background:linear-gradient(to right,#fbf9fa 0%,#f2e7ed 100%);
    -pie-background:linear-gradient(left,#fbf9fa 0%,#f2e7ed 100%);
}
#main .mod_article.verlauf-dunkelgruen {
    background:-moz-linear-gradient(left,#e7f2eb 0%,#f9fbfa 100%);
    background:-webkit-linear-gradient(left,#e7f2eb 0%,#f9fbfa 100%);
    background:-o-linear-gradient(left,#e7f2eb 0%,#f9fbfa 100%);
    background:-ms-linear-gradient(left,#e7f2eb 0%,#f9fbfa 100%);
    background:linear-gradient(to right,#e7f2eb 0%,#f9fbfa 100%);
    -pie-background:linear-gradient(left,#e7f2eb 0%,#f9fbfa 100%);
}
#main .mod_article.verlauf-hellgruen {
    background:-moz-linear-gradient(left,#e7f0df 0%,#f9fbf7 100%);
    background:-webkit-linear-gradient(left,#e7f0df 0%,#f9fbf7 100%);
    background:-o-linear-gradient(left,#e7f0df 0%,#f9fbf7 100%);
    background:-ms-linear-gradient(left,#e7f0df 0%,#f9fbf7 100%);
    background:linear-gradient(to right,#e7f0df 0%,#f9fbf7 100%);
    -pie-background:linear-gradient(left,#e7f0df 0%,#f9fbf7 100%);
}
#main .mod_article.produkt-3er.verlauf-hellgruen {
    background:-moz-linear-gradient(top,#f9fbf7 0%,#e7f0df 100%);
    background:-webkit-linear-gradient(top,#f9fbf7 0%,#e7f0df 100%);
    background:-o-linear-gradient(top,#f9fbf7 0%,#e7f0df 100%);
    background:-ms-linear-gradient(top,#f9fbf7 0%,#e7f0df 100%);
    background:linear-gradient(to bottom,#f9fbf7 0%,#e7f0df 100%);
    -pie-background:linear-gradient(top,#f9fbf7 0%,#e7f0df 100%);
}
#main .mod_article.verlauf-gelb {
    background:-moz-linear-gradient(left,#fffbf1 0%,#fff3cb 100%);
    background:-webkit-linear-gradient(left,#fffbf1 0%,#fff3cb 100%);
    background:-o-linear-gradient(left,#fffbf1 0%,#fff3cb 100%);
    background:-ms-linear-gradient(left,#fffbf1 0%,#fff3cb 100%);
    background:linear-gradient(to right,#fffbf1 0%,#fff3cb 100%);
    -pie-background:linear-gradient(left,#fffbf1 0%,#fff3cb 100%);
}
#main .mod_article.produkt-3er.verlauf-gelb {
    background:-moz-linear-gradient(top,#fffbf1 0%,#fff3cb 100%);
    background:-webkit-linear-gradient(top,#fffbf1 0%,#fff3cb 100%);
    background:-o-linear-gradient(top,#fffbf1 0%,#fff3cb 100%);
    background:-ms-linear-gradient(top,#fffbf1 0%,#fff3cb 100%);
    background:linear-gradient(to bottom,#fffbf1 0%,#fff3cb 100%);
    -pie-background:linear-gradient(top,#fffbf1 0%,#fff3cb 100%);
}
#main .mod_article.verlauf-hellblau {
    background:-moz-linear-gradient(left,#f5fcff 0%,#d9f5ff 100%);
    background:-webkit-linear-gradient(left,#f5fcff 0%,#d9f5ff 100%);
    background:-o-linear-gradient(left,#f5fcff 0%,#d9f5ff 100%);
    background:-ms-linear-gradient(left,#f5fcff 0%,#d9f5ff 100%);
    background:linear-gradient(to right,#f5fcff 0%,#d9f5ff 100%);
    -pie-background:linear-gradient(left,#f5fcff 0%,#d9f5ff 100%);
}
#main .mod_article.produkt-3er.verlauf-hellblau {
    background:-moz-linear-gradient(top,#f5fcff 0%,#d9f5ff 100%);
    background:-webkit-linear-gradient(top,#f5fcff 0%,#d9f5ff 100%);
    background:-o-linear-gradient(top,#f5fcff 0%,#d9f5ff 100%);
    background:-ms-linear-gradient(top,#f5fcff 0%,#d9f5ff 100%);
    background:linear-gradient(to bottom,#f5fcff 0%,#d9f5ff 100%);
    -pie-background:linear-gradient(top,#f5fcff 0%,#d9f5ff 100%);
}
#main .mod_article.infos h3 {
    margin-bottom:60px;
}
#main .mod_article.verlauf-dunkelblau h2,
#main .mod_article.verlauf-dunkelblau h3,
.dunkelblau h2,
.subnavi .content-text:nth-child(1) strong,
.fuenfer.dunkelblau strong,
.vierer.dunkelblau strong {
    color:#092c57;
}
#main .mod_article.verlauf-pink h2,
#main .mod_article.verlauf-pink h3,
.pink h2 {
    color:#CF0B80;
}
#main .mod_article.verlauf-dunkelgruen h2,
#main .mod_article.verlauf-dunkelgruen h3,
.dunkelgruen h2,
.subnavi .content-text.nachhaltigkeit strong {
    color:#3D6F4F;
}
#main .mod_article.verlauf-hellgruen h2,
#main .mod_article.verlauf-hellgruen h3,
.hellgruen h2,
h3.hellgruen,
.fuenfer.hellgruen strong,
.vierer.hellgruen strong,
.subnavi .content-text.co2-neutral strong {
    color:#7DB347;
}
#main .mod_article.verlauf-gelb h2,
#main .mod_article.verlauf-gelb h3,
.gelb h2 {
    color:#E6A82E;
}
#main .mod_article.verlauf-hellblau h2,
#main .mod_article.verlauf-hellblau h3,
.hellblau h2,
.subnavi div:nth-child(2) strong,
.fuenfer.hellblau strong,
.vierer.hellblau strong {
    color:#00ACE6;
}
.subnavi .kontakt strong {
    color:#999;
}
#main .mod_article .content-image.bild-oben {
    margin-bottom:60px;
}
#main .mod_article .content-image.bild-oben,
#main .mod_article .content-image.bild-oben figure {
    height:45vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#main .mod_article .content-image.bild-oben img {
    width:auto;
    max-width:200px;
    max-height:30vh;
}
#main .mod_article .content-hyperlink,
#main .mod_article .ce_hyperlink {
    max-width:none;
}
#main .mod_article.hellgrau {
    background-color:#F8F8F8;
}
#main .mod_article.dunkelblau {
    background-color:#092c57;
}
#main .mod_article.dunkelblau.welle {
    padding-top:120px;
    padding-bottom:90px;
    background:#fff url("/files/images/bg-footer.png") center top no-repeat;
    background-size:cover;
}
#main .mod_article.hellblau {
    background-color:#00ACE6;
}
#main .mod_article.hellgruen {
    background-color:#7DB347;
}
#main .mod_article.history {
    background-image:url("/files/images/bg-history.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
#main .mod_article.hellblau h2,
#main .mod_article.hellblau p,
#main .mod_article.hellgruen h2,
#main .mod_article.hellgruen p,
#main .mod_article.history h2,
#main .mod_article.history p,
#main .mod_article.dunkelblau h2,
#main .mod_article.dunkelblau p {
    color:#fff !important;
}
#main .content-text ul li,
#main .accordion ul li {
    list-style-type:disc;
}
#main .content-text ul,
#main .accordion ul {
    padding-left:60px;
}
.content-hyperlink,
.ce_hyperlink {
    display:inline-block;
}
.content-hyperlink a,
.ce_hyperlink a,
.content-hyperlink button,
.ce_hyperlink button,
.content-download p a {
    display:inline-block;
    margin-top:30px;
    margin-right:15px;
    margin-left:15px;
    padding:12px 25px 13px 30px;
    border-radius:30px;
    font-size:16px;
    line-height:22px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    background-position:right bottom;
    background-size: 300% 100%;
    transition: all 0.3s ease-out !important;
}
.content-download p a {
    position:relative;
    margin-top:0;
    margin-bottom:30px;
    color:#fff !important;
    z-index:6000;
}
.content-download p a span.size {
    display:none;
}
.content-hyperlink a:hover,
.ce_hyperlink a:hover,
.content-hyperlink button:hover,
.ce_hyperlink button:hover,
.content-download p a:hover {
    background-position:left bottom;
}
.content-hyperlink a::after,
.ce_hyperlink a::after,
form button.submit::after,
.content-download p a::after {
    width:18px;
    height:16px;
    display:inline-block;
    margin-bottom:4px;
    margin-left:20px;
    content:url(../../files/images/arrow-right-white.svg);
    transition:0.3s;
    vertical-align:middle;
    background-size:contain;
}
.content-hyperlink.zurueck a::before,
.ce_hyperlink.zurueck a::before {
    width:18px;
    height:16px;
    display:inline-block;
    margin-right:20px;
    margin-bottom:4px;
    content:url(../../files/images/arrow-left-white.svg);
    transition:0.3s;
    vertical-align:middle;
    background-size:contain;
}
.content-hyperlink.zurueck a::after,
.ce_hyperlink.zurueck a::after {
    display:none;
}
.content-hyperlink a:hover::after,
.ce_hyperlink a:hover::after,
form button.submit:hover::after,
.content-download p a:hover::after {
    margin-right:-5px;
    margin-left:25px;
}
.content-hyperlink.zurueck a:hover::before,
.ce_hyperlink.zurueck a:hover::before {
    margin-right:25px;
    margin-left:-5px;
}
.back.content-hyperlink,
.back.ce_hyperlink {
    margin-top:30px;
}
.liste .content-hyperlink a,
.liste .ce_hyperlink a,
.back.content-hyperlink a,
.back.ce_hyperlink a {
    margin-right:0;
    margin-left:0;
    padding-right:30px;
    padding-left:25px;
}
.back.content-hyperlink a::before,
.back.ce_hyperlink a::before {
    display:inline-block;
    margin-right:20px;
    content:url(../../files/images/arrow-right-white.svg);
    transition:0.3s;
    vertical-align:middle;
    transform: scale(-1, 1);
}
.back.content-hyperlink a:hover::before,
.back.ce_hyperlink a:hover::before {
    margin-right:25px;
    margin-left:-5px;
}
.back.content-hyperlink a::after,
.back.ce_hyperlink a::after {
    display:none;
}
.content-hyperlink.dunkelblau a,
.ce_hyperlink.dunkelblau a,
.mod_newslist .content-hyperlink a,
.mod_newslist .ce_hyperlink a,
.verlauf-dunkelblau #store_search button.submit {
    background-image: linear-gradient(to right, #00ACE6 33%, #092c57 67%);
}
.content-hyperlink.dunkelgruen a,
.ce_hyperlink.dunkelgruen a,
.verlauf-dunkelgruen #store_search button.submit {
    background-image: linear-gradient(to right, #7DB347 33%, #3D6F4F 67%);
}
.content-hyperlink.hellblau a,
.ce_hyperlink.hellblau a,
.content-download p a {
    background-image: linear-gradient(to right, #092c57 33%, #00ACE6 67%);
}
.content-hyperlink.hellgruen a,
.ce_hyperlink.hellgruen a,
.content-hyperlink.hellgruen button,
.ce_hyperlink.hellgruen button,
.verlauf-hellgruen #store_search button.submit {
    background-image: linear-gradient(to right, #3D6F4F 33%, #7DB347 67%);
}
.content-hyperlink.gelb a,
.ce_hyperlink.gelb a,
.verlauf-gelb #store_search button.submit {
    background-image: linear-gradient(to right, #80590D 33%, #E6A82E 67%);
}
.content-hyperlink.hellpink a,
.ce_hyperlink.hellpink a,
.verlauf-pink #store_search button.submit {
    background-image: linear-gradient(to right, #80004C 33%, #CF0B80 67%);
}
.content-hyperlink.hellgrau a,
.ce_hyperlink.hellgrau a,
.content-hyperlink.hellgrau button,
.ce_hyperlink.hellgrau button {
    background-image: linear-gradient(to right, #123172 33%, #eeeeee 67%);
}
.subnavi .content-hyperlink.hellgrau a,
.subnavi .ce_hyperlink.hellgrau a {
    margin-top:10px;
    background-image: linear-gradient(to right, #333 33%, #999 67%);
}
#main p {
    margin-bottom:18px;
}
#main ul {
    width:auto;
    display:inline-block;
    margin-bottom:18px;
    text-align:left;
}
h1 {
    margin-bottom:30px;
    font:100px/105px Qualy,Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    letter-spacing:-1.5px;
}
h1.hellpink {
    color:#CF0B80;
}
h2 {
    margin-bottom:45px;
    font:50px/55px Qualy,Arial,Helvetica,sans-serif;
    text-transform:uppercase;
}
h3 {
    margin-top:-40px;
    margin-bottom:30px;
    font-size:20px;
    text-transform:uppercase;
    font-weight:700;
}
h4 {
    padding-top:45px;
    font-size:20px;
    text-transform:uppercase;
    font-weight:700;
}
h1.hellblau,
h2.hellblau,
h3.hellblau,
h4.hellblau {
    color:#00ACE6;
}
h1.dunkelblau,
h2.dunkelblau,
h3.dunkelblau,
h4.dunkelblau {
    color:#092c57;
}
#instagram {
    width:100%;
    margin-top:90px;
    text-align:center;
}
#eapps-instagram-feed-1 {
    margin-top:75px;
}
#instagram h1 {
    font-size:60px;
    line-height:60px;
}
#footer {
    width:100%;
    position:relative;
    margin-top:120px;
    background-color:#092c57;
    border-top:20px solid #00ACE6;
    font-size:15px;
    color:#fff;
    z-index:15000;
}
#footer strong,
#footer a.mail {
    font-size:18px;
    font-weight:600;
}
#footer a {
    text-decoration:none;
    color:#fff;
    transition:0.3s;
}
#footer p {
    margin-bottom:28px;
}
#footer a:hover {
    text-decoration:underline;
}
#footer .inside {
    margin-right:120px;
    margin-left:120px;
}
#footer .content-image {
    width:100%;
    margin-top:-180px;
    margin-bottom:150px;
    text-align:center;
}
#footer .content-text {
    float:right;
    display:inline-block;
    vertical-align:top;
}
#footer .content-text.adresse {
    float:none;
    margin-bottom:60px;
}
#footer .content-text.produkte,
#footer .content-text.service {
    margin-right:120px;
}

#footer .logo {
    overflow: hidden;
}

#footer .logo figure {
    margin-top: 32px;
}

.killfloat {
    float:none;
    clear:both;
}
.ce_form .widget {
    color:#4a4a4a;
}
.ce_form .widget-text input,
.ce_form .widget-textarea textarea {
    width:360px;
    margin:15px;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
    border-top:0px solid #ddd;
    border-right:0px solid #ddd;
    border-bottom:2px solid #ddd;
    border-left:0px solid #ddd;
    font-family:Ubuntu;
    font-weight:bold;
    color:#092c57;
}
.ce_form .widget-text,
.ce_form .widget-textarea,
.ce_form .widget-upload {
    display:inline-block;
}
.ce_form .widget-textarea textarea,
.ce_form .widget-upload input.upload {
    height:120px;
    margin:15px;
    padding:15px;
    text-align:center;
    border:2px solid #ddd;
    border-radius:10px;
    width:calc(100% - 30px)
}
.ce_form .widget-upload input.upload {
    background-image:url("/files/images/icon-upload.svg");
    background-position:center center;
    background-repeat:no-repeat;
    border:2px dashed #9B9B9B;
    border-radius:100px;
    font-size:0;
    color:#fff;
    cursor:pointer;
}
#main .mod_article .konfigurator-navigation {
    width:90%;
    height:75px;
    max-width:90%;
    bottom:0;
    left:0;
    position:fixed;
    background-image:url("/files/images/bg-blue.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.ce_form fieldset {
    border:0px;
}
.ce_form fieldset.dosengroesse,
.ce_form fieldset.deckel,
.ce_form fieldset.lasche,
.ce_form fieldset.getraenkeart {
    margin-bottom:0;
}
.ce_form .widget-radio span {
    width:12%;
    position:relative;
    display:inline-block;
    margin-right:2%;
    margin-left:2%;
    transition:0.3s;
}
.ce_form .widget-radio .fadeout span {
    opacity:0.3;
}
.ce_form .widget-radio .fadeout span.fadein,
.ce_form .widget-radio .fadeout span:hover {
    opacity:1;
}
.ce_form .widget-radio.dosengroesse span::before {
    width:110px;
    height:240px;
    display:block;
    margin:0 auto;
    background-image:url("/files/images/can-grey.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    content:'';
    background-size:100% 100%;
    transition:0.6s;
}
.ce_form .widget-radio.dosengroesse div.slim,
.ce_form .widget-radio.dosengroesse div.sleek,
.ce_form .widget-radio.dosengroesse div.classic {
    width:28.75%;
    display:inline-block;
    margin-right:4%;
    margin-left:4%;
    text-align:center;
    border-bottom:1px solid #00ACE6;
    font-size:16px;
    line-height:0;
    color:#00ACE6;
    font-weight:700;
}
.ce_form .widget-radio.dosengroesse div.classic {
    width:16%;
}
.ce_form .widget-radio.dosengroesse .slim div,
.ce_form .widget-radio.dosengroesse .sleek div,
.ce_form .widget-radio.dosengroesse .classic div {
    display:inline;
    padding-right:30px;
    padding-left:30px;
    background-color:#fff;
}
.ce_form .radio_container.dosengroesse span {
    margin-top:-75px;
}
.ce_form .widget-radio.dosengroesse span:nth-child(8)::before {
    width:81px;
    height:175px;
}
.ce_form .widget-radio.dosengroesse span:nth-child(7)::before {
    width:76px;
    height:210px;
}
.ce_form .widget-radio.dosengroesse span:nth-child(6)::before {
    width:70px;
    height:190px;
}
.ce_form .widget-radio.dosengroesse span:nth-child(5)::before {
    width:64px;
    height:170px;
}
.ce_form .widget-radio.dosengroesse span:nth-child(4)::before {
    width:64px;
    height:180px;
}
.ce_form .widget-radio.dosengroesse span:nth-child(3)::before {
    width:57px;
    height:160px;
}
.ce_form .widget-radio.dosengroesse span:nth-child(2)::before {
    width:50px;
    height:140px;
}
.ce_form .widget-radio span:hover::before,
.ce_form .widget-radio span.fadein::before {
    background-image:url("/files/images/can-blue.png");
}
.ce_form .widget-radio.getraenkeart span::before {
    width:90px;
    height:90px;
    display:block;
    margin:0 auto;
    background-image:url("/files/images/icon-bier.svg");
    background-position:center bottom;
    background-repeat:no-repeat;
    content:'';
    transition:0.6s;
}
.ce_form .widget-radio.getraenkeart span:nth-child(3)::before {
    background-image:url("/files/images/icon-wein.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(4)::before {
    background-image:url("/files/images/icon-softdrink.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(5)::before {
    background-image:url("/files/images/icon-energy-drink.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(6)::before {
    background-image:url("/files/images/icon-alcoholic.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(7)::before {
    background-image:url("/files/images/icon-sonstiges.svg");
}
.ce_form .widget-radio.drucktechnik span::before,
.ce_form .widget-radio.ueberlackierung span::before {
    width:120px;
    height:120px;
    display:block;
    margin:0 auto;
    background-image:url("/files/konfigurator/standard.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    content:'';
    transition:0.6s;
    background-size:contain;
}
.ce_form .widget-radio.drucktechnik span:nth-child(3)::before {
    background-image:url("/files/konfigurator/hd.png");
}
.ce_form .widget-radio.ueberlackierung span:nth-child(2)::before {
    background-image:url("/files/konfigurator/matt.svg");
}
.ce_form .widget-radio.ueberlackierung span:nth-child(3)::before {
    background-image:url("/files/konfigurator/glaenzend.svg");
}
.ce_form .widget-radio.ueberlackierung span:nth-child(4)::before {
    background-image:url("/files/konfigurator/sonderlackierung.svg");
}
.ce_form .widget-radio.drucktechnik span:hover::before,
.ce_form .widget-radio.drucktechnik span.fadein::before {
    background-image:url("/files/konfigurator/standard-active.png");
}
.ce_form .widget-radio.drucktechnik span:nth-child(3):hover::before,
.ce_form .widget-radio.drucktechnik span:nth-child(3).fadein::before {
    background-image:url("/files/konfigurator/hd-active.png");
}
.ce_form .widget-radio.ueberlackierung span:nth-child(2):hover::before,
.ce_form .widget-radio.ueberlackierung span:nth-child(2).fadein::before {
    background-image:url("/files/konfigurator/matt-active.svg");
}
.ce_form .widget-radio.ueberlackierung span:nth-child(3):hover::before,
.ce_form .widget-radio.ueberlackierung span:nth-child(3).fadein::before {
    background-image:url("/files/konfigurator/glaenzend-active.svg");
}
.ce_form .widget-radio.ueberlackierung span:nth-child(4):hover::before,
.ce_form .widget-radio.ueberlackierung span:nth-child(4).fadein::before {
    background-image:url("/files/konfigurator/sonderlackierung-active.svg");
}
.ce_form .widget-radio.verpackung span::before {
    width:auto;
    height:120px;
    display:block;
    margin:0 auto;
    background-image:url("/files/konfigurator/2x2%20Cardboard%20Multipack.svg");
    background-position:center bottom;
    background-repeat:no-repeat;
    content:'';
    transition:0.6s;
}
.ce_form .widget-radio.verpackung span:nth-child(2)::before {
    height:130px;
    background-image:url("/files/konfigurator/2x2%20Shrink-Wrapped%20Multipack.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(3)::before {
    background-image:url("/files/konfigurator/2x3%20Cardboard%20Multipack.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(4)::before {
    height:130px;
    background-image:url("/files/konfigurator/2x3%20Shrink-Wrapped%20Multipack.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(5)::before {
    height:110px;
    background-image:url("/files/konfigurator/2x6%20Cardboard%20Trays.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(6)::before {
    height:110px;
    background-image:url("/files/konfigurator/3x4%20Cardboard%20Trays.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(7)::before {
    height:135px;
    background-image:url("/files/konfigurator/2x%282x3%29%20Multipack%20in%20Tray.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(8)::before {
    height:110px;
    background-image:url("/files/konfigurator/4x6%20Cardboard%20Trays.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(9)::before {
    height:130px;
    background-image:url("/files/konfigurator/4x6%20Wraparound.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(10)::before {
    height:135px;
    background-image:url("/files/konfigurator/6x%282x2%29%20Multipack%20in%20Tray.svg");
}
.ce_form .widget-radio.verpackung span:hover::before,
.ce_form .widget-radio.verpackung span.fadein::before {
    background-image:url("/files/konfigurator/2x2%20Cardboard%20Multipack-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(2):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(2).fadein::before {
    background-image:url("/files/konfigurator/2x2%20Shrink-Wrapped%20Multipack-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(3):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(3).fadein::before {
    background-image:url("/files/konfigurator/2x3%20Cardboard%20Multipack-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(4):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(4).fadein::before {
    background-image:url("/files/konfigurator/2x3%20Shrink-Wrapped%20Multipack-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(5):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(5).fadein::before {
    background-image:url("/files/konfigurator/2x6%20Cardboard%20Trays-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(6):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(6).fadein::before {
    background-image:url("/files/konfigurator/3x4%20Cardboard%20Trays-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(7):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(7).fadein::before {
    background-image:url("/files/konfigurator/2x%282x3%29%20Multipack%20in%20Tray-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(8):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(8).fadein::before {
    background-image:url("/files/konfigurator/4x6%20Cardboard%20Trays-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(9):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(9).fadein::before {
    background-image:url("/files/konfigurator/4x6%20Wraparound-active.svg");
}
.ce_form .widget-radio.verpackung span:nth-child(10):hover::before,
.ce_form .widget-radio.verpackung span:nth-child(10).fadein::before {
    background-image:url("/files/konfigurator/6x%282x2%29%20Multipack%20in%20Tray-active.svg");
}
.ce_form .widget-radio.deckel span::before,
.ce_form .widget-radio.lasche span::before {
    width:130px;
    height:130px;
    display:block;
    margin:0 auto;
    background-image:url("/files/images/deckel-neutral.svg");
    background-position:center bottom;
    background-repeat:no-repeat;
    content:'';
    transition:0.6s;
}
.ce_form .widget-radio.deckel span:nth-child(3)::before {
    background-image:url("/files/images/deckel-farbig.svg");
}
.ce_form .widget-radio.deckel span:nth-child(3):hover::before,
.ce_form .widget-radio.deckel span.fadein:nth-child(3)::before {
    background-image:url("/files/images/deckel-farbig-blue.svg");
}
.ce_form .widget-radio.lasche span:nth-child(3)::before {
    background-image:url("/files/images/lasche-farbig.svg");
}
.ce_form .widget-radio.lasche span:nth-child(3):hover::before,
.ce_form .widget-radio.lasche span.fadein:nth-child(3)::before {
    background-image:url("/files/images/lasche-farbig-blue.svg");
}
.ce_form .widget-radio.deckel span:nth-child(4)::before,
.ce_form .widget-radio.lasche span:nth-child(4)::before {
    background-image:url("/files/images/sonderdeckel.svg");
}
.ce_form .widget-radio.deckel span:nth-child(4):hover::before,
.ce_form .widget-radio.deckel span.fadein:nth-child(4)::before,
.ce_form .widget-radio.lasche span:nth-child(4):hover::before,
.ce_form .widget-radio.lasche span.fadein:nth-child(4)::before {
    background-image:url("/files/images/sonderdeckel-blue.svg");
}
.ce_form .widget-radio.getraenkeart span:hover::before,
.ce_form .widget-radio.getraenkeart span.fadein::before {
    background-image:url("/files/images/icon-bier-blue.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(3):hover::before,
.ce_form .widget-radio.getraenkeart span:nth-child(3).fadein::before {
    background-image:url("/files/images/icon-wein-blue.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(4):hover::before,
.ce_form .widget-radio.getraenkeart span:nth-child(4).fadein::before {
    background-image:url("/files/images/icon-softdrink-blue.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(5):hover::before,
.ce_form .widget-radio.getraenkeart span:nth-child(5).fadein::before {
    background-image:url("/files/images/icon-energy-drink-blue.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(6):hover::before,
.ce_form .widget-radio.getraenkeart span:nth-child(6).fadein::before {
    background-image:url("/files/images/icon-alcoholic-blue.svg");
}
.ce_form .widget-radio.getraenkeart span:nth-child(7):hover::before,
.ce_form .widget-radio.getraenkeart span:nth-child(7).fadein::before {
    background-image:url("/files/images/icon-sonstiges-blue.svg");
}
.ce_form .widget-radio.getraenkeart span {
    margin-top:45px;
    vertical-align:top;
}
.ce_form .widget-radio.deckel span,
.ce_form .widget-radio.lasche span {
    margin-top:25px;
    vertical-align:top;
}
.ce_form .widget-radio.classic,
.ce_form .widget-radio.medium,
.ce_form .widget-radio.naturelle,
.ce_form .widget-radio.dose,
.ce_form .widget-radio.apfelschorle,
.ce_form .widget-radio.sport {
    transition:0.3s;
    opacity:0;
}
.ce_form .widget-radio.classic,
.ce_form .widget-radio.medium,
.ce_form .widget-radio.naturelle,
.ce_form .widget-radio.dose,
.ce_form .widget-radio.apfelschorle {
    width:100%;
    position:absolute;
}
.ce_form .widget-radio.show {
    opacity:1;
    z-index:2500;
}
.ce_form .widget-radio input {
    width:100%;
    height:100%;
    top:0;
    position:absolute;
    display:block;
    border:0px solid #f00;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    z-index:2000;
    background:transparent;
}
_:-ms-lang(x),
.ce_form .widget-radio input {
    width:30px;
    height:30px;
    left:50%;
    margin-left:-15px;
    top:auto;
}
.ce_form .widget-radio label {
    display:block;
    margin:30px auto 10px;
    text-align:center;
    font-size:15px;
    line-height:20px;
    font-weight:600;
}
.ce_form input::placeholder,
.ce_form textarea::placeholder,
.ce_form select::placeholder {
    font-size:15px;
    color:#aaa;
}
.ce_form .widget-radio .control_indicator {
    width:23px;
    height:23px;
    position:relative;
    display:none;
    margin:0 auto;
    border:2px solid #999;
    border-radius:15px;
}
.ce_form .widget-radio .control_indicator::after {
    width:15px;
    height:15px;
    display:block;
    margin-top:4px;
    margin-left:4px;
    background-color:#fff;
    border-radius:30px;
    content:'';
    transition:0.3s;
}
.ce_form .widget-radio input:hover + .control_indicator::after {
    background-color:#ddd;
}
.ce_form .widget-radio span input + .control_indicator.checked::after,
.ce_form .widget-radio span input:focus + .control_indicator::after {
    background-color:#092c57;
}
.ce_form .formbody {
    position:relative;
}
.ce_form .widget-submit {
    float:none;
    clear:both;
    display:block;
}
.ce_form button.submit {
    border:0px;
    font:18px Ubuntu;
    font-weight:bold;
    cursor:pointer;
}
.ce_form .widget-checkbox.datenschutz {
    margin-top:30px;
    font-size:15px;
    line-height:25px;
}
.ce_form .widget-checkbox.datenschutz input {
    margin-right:15px;
}
.ce_form .widget-checkbox.datenschutz a {
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}
.cookiebar {
    text-align:left;
    background-color:#00ACE6;
    font-size:15px;
    line-height:23px;
    font-weight:600;
    z-index:10000;
}
.cookiebar__text {
    width:65%;
    float:left;
}
.cookiebar__button {
    padding-right:30px;
    padding-left:30px;
    background-color:#fff;
    border-radius:30px;
    font:15px/25px Ubuntu;
    font-weight:bold;
    color:#092c57;
    text-transform:uppercase;
    transition:0.3s;
}
.cookiebar__button:hover {
    background-color:#092c57;
    color:#fff;
}
#main .mod_article .weiss:not(.layout_full) {
    background-color:#fff;
}
#main .mod_article .content-hyperlink.weiss,
#main .mod_article .ce_hyperlink.weiss {
    width:90%;
    display:block;
    margin-top:-15px;
    padding-bottom:30px;
    padding:0 10%;
}
.rsts-skin-default .rsts-nav,
.rsts-nav-tabs {
    width:100%;
    bottom:auto;
    left:auto;
    right:auto;
    top:60px;
    text-align:center;
}
.rsts-nav-tabs ul {
    border:2px solid #092c57;
    border-radius:30px;
}
.dunkelblau .rsts-nav-tabs ul {
    border:2px solid #00ACE6;
}
.dunkelblau .rsts-skin-default .rsts-nav-numbers a,
.dunkelblau .rsts-skin-default .rsts-nav-tabs a {
    color:#fff;
    background:transparent;
}
.dunkelblau .rsts-skin-default .rsts-nav-numbers a:hover,
.dunkelblau .rsts-skin-default .rsts-nav-numbers a.active,
.dunkelblau .rsts-skin-default .rsts-nav-tabs a:hover,
.dunkelblau .rsts-skin-default .rsts-nav-tabs a.active {
    background-color:#00ACE6;
    color:#fff;
}
.rsts-skin-default .rsts-nav-tabs a.active {
    background-color:#092c57;
    color:#fff;
}
.rsts-skin-default .rsts-nav-tabs li:nth-last-child(2) a {
    margin-right:0;
}
.rsts-skin-default .rsts-nav-numbers a,
.rsts-skin-default .rsts-nav-tabs a {
    height:auto;
    margin:0 15px 0 0;
    padding:12px 30px;
    background-color:#fff;
    border-radius:30px;
    font-size:18px;
    color:#092c57;
    opacity:1;
    font-weight:600;
    box-shadow:none;
    cursor:pointer;
    transition:0.3s;
}
.mod_rocksolid_slider.mineralstoffe .rsts-nav-numbers li:nth-child(4) a,
.mod_rocksolid_slider.mineralstoffe .rsts-nav-tabs li:nth-child(4) a,
.mod_rocksolid_slider.wasserarten .rsts-nav-numbers li:nth-child(6) a,
.mod_rocksolid_slider.wasserarten .rsts-nav-tabs li:nth-child(6) a {
    margin-right:0;
}
.rsts-skin-default .rsts-nav-numbers a:hover,
.rsts-skin-default .rsts-nav-tabs a:hover {
    background-color:#092c57;
    color:#fff;
}
.rsts-skin-default .rsts-nav-thumbs {
    width:20%;
    left:0;
    position:absolute;
    z-index:200;
}
.rsts-nav-thumbs .thumb {
    min-height:120px;
}
.rsts-thumbs-slides,
.rsts-thumbs-slide {
    left:auto;
    right:0;
    position:relative;
    float:right;
    transform:none !important;
}
.rsts-thumbs-slide {
    position:absolute;
    padding:10px 15px 0;
    border:2px solid #ddd;
    width:210px !important;
    height:auto !important;
    transform:none !important;
}
.rsts-thumbs-crop {
    overflow:visible;
    height:auto !important;
}
.rsts-thumbs-slide a {
    text-decoration:none;
}
.rsts-thumbs-slide p.titel {
    font-size:15px;
    color:#999;
    font-weight:600;
    margin-bottom:20px !important;
    transition:0.3s;
}
.ohne .rsts-thumbs-slide p.titel {
    font-size:18px;
    line-height:28px;
    color:#CF0B80;
    font-weight:700;
}
.rsts-thumbs-slide p.text {
    font-size:45px;
    color:#CF0B80;
    font-weight:700;
}
.rsts-thumbs-slide p.einheit {
    font-size:15px;
    color:#999;
    margin-bottom:10px !important;
}
.rsts-slide table {
    float:right;
    margin-right:10%;
    width:70% !important;
}
.rsts-slide table td {
    color:#CF0B80;
    font-weight:600;
}
.rsts-slide table td:first-child {
    color:#092c57;
}
.rsts-skin-default .rsts-thumbs-slide {
    margin-top:60px;
    margin-bottom:60px;
    opacity:0;
    transition:0.3s;
}
.rsts-type-slide .rsts-view {
    z-index:300;
}

.rsts-type-slide .rsts-view .content-text {
    text-align: center;
}

.mod_rocksolid_slider.inhaltsstoffe {
    padding-bottom:90px;
}
.mod_rocksolid_slider.inhaltsstoffe .content-text {
    padding-top:105px !important;
}
#main .mod_article .content-text.dreier {
    width:15%;
    display:inline-block;
    padding-right:3%;
    padding-left:3%;
    text-align:center;
    vertical-align:top;
}
#main .mod_article.breit .content-text.dreier {
    width:25%;
}
#main .mod_article .content-text.zweier {
    width:30%;
    display:inline-block;
}
#main .mod_article.zentriert {
    text-align:center;
}
#main .mod_article.kein-abstand-unten {
    padding-bottom:0;
}
#main .mod_article.kein-abstand-oben {
    padding-top:0;
}
#main .mod_article .content-text.breit,
#main .mod_article .content-image.breit {
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0;
}
.content-image.breit img {
    display:block;
}
#main .mod_article .mod_rocksolid_slider {
    width:100%;
    max-width:100%;
    position:relative;
    padding-right:0;
    padding-left:0;
    z-index:1000;
}
#main .mod_article.dunkelblau .mod_rocksolid_slider p strong {
    color:#00ACE6;
}
.content-player figure audio {
    width:90%;
    height:48px;
    max-width:640px;
    margin-top:45px;
    margin-bottom:15px;
    padding-right:5%;
    padding-left:5%;
}
.content-player figure video {
    max-width: 100%;
    height: auto;
}

body.detail #main .mod_article:first-of-type,
#main .mod_article.liste {
    background:-moz-linear-gradient(top,#fff,#f8f8f8);
    background:-webkit-linear-gradient(top,#fff,#f8f8f8);
    background:-o-linear-gradient(top,#fff,#f8f8f8);
    background:-ms-linear-gradient(top,#fff,#f8f8f8);
    background:linear-gradient(to bottom,#fff,#f8f8f8);
    -pie-background:linear-gradient(top,#fff,#f8f8f8);
}
#main .mod_article .mod_newslist {
    width:80%;
    max-width:1440px;
    display: -webkit-flex;
       display: -ms-flex;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
    flex:1 100%
}
.mod_newslist .layout_latest {
    position:relative;
    display:inline-block;
    margin:20px;
    padding:0;
    text-align:left;
    border:1px solid #d9d9d9;
    vertical-align:top;
}
.mod_newslist .layout_latest .ce_text {
    margin:30px 40px;
}
.mod_newslist .layout_latest h2 {
    font-size:35px;
    line-height:45px;
    color:#092c57;
}
.mod_newslist .layout_latest h3 {
    margin-top:-40px;
    margin-bottom:20px;
    font-size:18px;
    line-height:26px;
    color:#00ACE6;
}
.mod_newslist .layout_latest p {
    text-align:left;
    font-size:16px;
    line-height:24px;
    text-align:left !important;
}
.mod_newslist .layout_latest.halb {
    flex:1 45%
}
.mod_newslist .layout_latest.schmal {
    flex:1 25%
}
.mod_newslist .layout_latest.breit {
    flex:1 65%
}
.mod_newslist .layout_latest.voll {
    flex:1 100%
}
.mod_newslist .layout_latest.dunkelblau {
    background-color:#092c57;
    border-color:#092c57;
    color:#fff;
}
.mod_newslist .layout_latest.hellgrau {
    background-color:#f5f5f5;
}
.mod_newslist .layout_latest.hellgruen {
    background-color:#7DB347;
    border-color:#7DB347;
    color:#fff;
}
.mod_newslist .layout_latest.dunkelgruen {
    background-color:#3D6F4F;
    border-color:#3D6F4F;
    color:#fff;
}
.mod_newslist .layout_latest.hellblau {
    background-color:#00ACE6;
    border-color:#00ACE6;
    color:#fff;
}
.mod_newslist .layout_latest.pink {
    background-color:#CF0B80;
    border-color:#CF0B80;
    color:#fff;
}
.mod_newslist .layout_latest.orange {
    background-color:#E6A82E;
    border-color:#E6A82E;
    color:#fff;
}
.mod_newslist .layout_latest.dunkelgrau {
    background-color:#444;
    border-color:#444;
    color:#fff;
}
.mod_newslist .layout_latest.dunkelblau h2,
.mod_newslist .layout_latest.dunkelgrau h2,
.mod_newslist .layout_latest.hellblau h2,
.mod_newslist .layout_latest.hellblau h3,
.mod_newslist .layout_latest.hellgruen h2,
.mod_newslist .layout_latest.hellgruen h3,
.mod_newslist .layout_latest.dunkelgruen h2,
.mod_newslist .layout_latest.dunkelgruen h3,
.mod_newslist .layout_latest.pink h2,
.mod_newslist .layout_latest.pink h3,
.mod_newslist .layout_latest.orange h3 {
    color:#fff;
}
.mod_newslist .content-hyperlink a,
.mod_newslist .ce_hyperlink a {
    margin-top:10px;
    margin-left:0;
}
.mod_newslist .dunkelblau .content-hyperlink a,
.mod_newslist .dunkelblau .ce_hyperlink a,
.mod_newslist .dunkelgrau .content-hyperlink a,
.mod_newslist .dunkelgrau .ce_hyperlink a,
.mod_newslist .dunkelgruen .content-hyperlink a,
.mod_newslist .dunkelgruen .ce_hyperlink a,
.mod_newslist .pink .content-hyperlink a,
.mod_newslist .pink .ce_hyperlink a {
    color:#092c57;
    background-image: linear-gradient(to right, #00ACE6 33%, #fff 67%);
}
.mod_newslist .hellblau .content-hyperlink a,
.mod_newslist .hellblau .ce_hyperlink a {
    background-image: linear-gradient(to right, #fff 33%, #092c57 67%);
}
.mod_newslist .hellblau .content-hyperlink a:hover,
.mod_newslist .hellblau .ce_hyperlink a:hover {
    color:#092c57;
}
.mod_newslist .hellblau .content-hyperlink a:hover::after,
.mod_newslist .hellblau .ce_hyperlink a:hover::after {
    content: url(../../files/images/arrow-right-blue.svg);
}
.mod_newslist .dunkelblau .content-hyperlink a::after,
.mod_newslist .dunkelblau .ce_hyperlink a::after,
.mod_newslist .dunkelgrau .content-hyperlink a::after,
.mod_newslist .dunkelgrau .ce_hyperlink a::after,
.mod_newslist .dunkelgruen .content-hyperlink a::after,
.mod_newslist .dunkelgruen .ce_hyperlink a::after,
.mod_newslist .pink .content-hyperlink a::after,
.mod_newslist .pink .ce_hyperlink a::after {
    content: url(../../files/images/arrow-right-blue.svg);
}
.mod_newslist .dunkelblau .content-hyperlink a:hover,
.mod_newslist .dunkelblau .ce_hyperlink a:hover,
.mod_newslist .dunkelgrau .content-hyperlink a:hover,
.mod_newslist .dunkelgrau .ce_hyperlink a:hover,
.mod_newslist .dunkelgruen .content-hyperlink a:hover,
.mod_newslist .dunkelgruen .ce_hyperlink a:hover,
.mod_newslist .pink .content-hyperlink a:hover,
.mod_newslist .pink .ce_hyperlink a:hover {
    color:#fff;
}
.mod_newslist .dunkelblau .content-hyperlink a:hover::after,
.mod_newslist .dunkelblau .ce_hyperlink a:hover::after,
.mod_newslist .dunkelgrau .content-hyperlink a:hover::after,
.mod_newslist .dunkelgrau .ce_hyperlink a:hover::after,
.mod_newslist .dunkelgruen .content-hyperlink a:hover::after,
.mod_newslist .dunkelgruen .ce_hyperlink a:hover::after,
.mod_newslist .pink .content-hyperlink a:hover::after,
.mod_newslist .pink .ce_hyperlink a:hover::after {
    content: url(../../files/images/arrow-right-white.svg);
}
#main .mod_newslist p.content-hyperlink,
#main .mod_newslist p.ce_hyperlink {
    margin-bottom:0;
}
#main .mod_article .mod_newslist .content-text p,
#main .mod_article .mod_newslist .ce_text p {
    max-width:none;
}
.mod_newslist .layout_latest.bild-rechts figure {
    width:50%;
    height:100%;
    float:right;
    margin-left:40px;
    display:inline-flex;
}
.mod_newslist .layout_latest.bild-links figure {
    width:50%;
    height:100%;
    float:left;
    margin-right:40px;
    display:inline-flex;
}
.mod_newslist .layout_latest figure img {
    object-fit:cover;
}
.mod_newslist .layout_latest.freigestellt figure {
    margin:40px;
    width:calc(50% - 80px);
    height:calc(100% - 80px);
}
.mod_newslist .layout_latest.freigestellt figure img {
    object-fit:contain;
}
.mod_newslist .layout_latest figure,
.mod_newslist .layout_latest.bild-bg figure {
    display:none;
}
.mod_newslist .layout_latest.bild-bg.bild-rechts .ce_text {
    width:60%;
    float:left;
}
.mod_newslist .layout_latest.bild-bg.bild-links .ce_text {
    width:60%;
    float:right;
}
.mod_newslist .layout_latest.bild-bg {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
body.detail .mod_newsreader .layout_full figure {
    width:100%;
    overflow:hidden;
    margin-top:60px;
    margin-bottom:60px;
    display:flex;
    align-items:center;
    justify-content:center;
}
body.detail .mod_newsreader .layout_full figure img {
    width:100%;
}
#main p:not(.content-hyperlink):not(.ce_hyperlink) a {
    color:#00ACE6;
    font-weight:600;
    transition:0.3s;
}
#main p:not(.content-hyperlink):not(.ce_hyperlink) a:hover {
    color:#092c57;
}
#main .mod_article.hellblau p a {
    color:#fff;
}
#main .mod_article.hellblau p a:hover {
    color:#092c57;
}
::selection {
    background-color:#092c57;
    color:#fff;
}
#main .mod_article .gl {
    width:auto;
    right:0;
    position:absolute;
    margin-top:-120px;
    text-align:left;
    font-size:15px;
    line-height:25px;
    color:#fff;
    font-weight:600;
}
.abstand-unten {
    padding-bottom:60px;
}
@keyframes puls {
    0% { box-shadow: 0 0 0 0px rgba(255,255,255,1); }
    100% { box-shadow: 0 0 0 30px rgba(255,255,255,0); }
}
@keyframes puls-blue {
    0% { box-shadow: 0 0 0 0px rgba(0,172,230,1); }
    100% { box-shadow: 0 0 0 30px rgba(0,172,230,0); }
}
#main .mod_article.infografik {
    overflow:visible;
}
#main .mod_article .popup {
    width:35%;
    top:68.5%;
    position:absolute;
    left:calc(32.5% - 60px);
}
#main .mod_article .popup.magnesium {
    margin-left:-30%;
}
#main .mod_article .popup.calcium {
    margin-left:-20%;
}
#main .mod_article .popup.natrium {
    margin-left:-10%;
}
#main .mod_article .popup.arteser {
    top:79%;
    margin-left:7.6%;
}
#main .mod_article .popup.arteser h3 {
    color:#fff;
}
.popup h3 {
    position:relative;
    display:inline-block;
    font:18px Ubuntu;
    font-weight:bold;
    color:#00ACE6;
    text-transform:none;
    cursor:pointer;
    z-index:3000;
}
.popup p {
    position:relative;
    margin-top:90px;
    padding:20px 30px 25px;
    background-color:#092c57;
    border-radius:10px;
    font-size:15px;
    line-height:25px;
    color:rgba(255,255,255,.85);
    transition:0.45s;
    opacity:0;
    z-index:3000;
}
.popup p::before {
    width:40px;
    height:20px;
    left:50%;
    position:absolute;
    margin-left:-20px;
    background-image:url("/files/images/arrow-small-up-blue.svg");
    content:'';
    top:-15px;
}
.popup p.show {
    margin-top:-15px;
    opacity:1;
    z-index:9000;
}
.classic-startseite figure {
    width:180px;
    bottom:0;
    right:-25%;
    position:absolute;
}
.classic-startseite figure img {
    width:auto;
    max-height:65vh;
}
.content-image.facebook {
    display:none !important;
}
#main .mod_article#wasservergleichstool {
    padding-top:0;
    padding-bottom:0;
    background-color:#F0FAFE;
    min-height:calc(100vh - 120px)
}
#main .mod_article#wasservergleichstool .content-text {
    width:47.5%;
    margin-left:42.5%;
    padding-top:120px;
    text-align:left;
}
#main .mod_article#wasservergleichstool .content-table {
    width:70%;
    max-width:100%;
    margin-right:0;
    margin-left:30%;
    padding-top:45px;
    padding-right:0;
    text-align:left;
    padding-left:10%;
}
#main .mod_article#wasservergleichstool .content-table table {
    border-spacing:0px;
}
#main .mod_article#wasservergleichstool .content-table table td {
    padding:6px 50px;
}
#main .mod_article#wasservergleichstool .content-table tbody th,
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) thead th:first-child {
    display:none;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) {
    transition:0.3s;
    opacity:0;
    visibility:hidden;
    display:none;
}
#main .mod_article#wasservergleichstool .content-table.show {
    display:block;
    opacity:1;
    visibility:visible;
    display:block;
}
#main .mod_article#wasservergleichstool .content-table.rhodius {
    width:auto;
    float:left;
    margin-right:0;
    padding-right:0;
}
#main .mod_article#wasservergleichstool .content-table.rhodius {
    text-align:center;
    font-size:18px;
    color:#092c57;
    font-weight:600;
}
#main .mod_article#wasservergleichstool .content-table.rhodius td.col_first {
    padding-left:0;
    text-align:right;
    font-size:15px;
    color:#4A4A4A;
}
#main .mod_article#wasservergleichstool .content-table.rhodius .row_8 td.col_first {
    padding-left:20%;
}
#main .mod_article#wasservergleichstool .content-table.rhodius th.col_last,
#main .mod_article#wasservergleichstool .content-table.rhodius td.col_last {
    border-right:1px solid #bbb;
    border-left:1px solid #bbb;
}
#main .mod_article#wasservergleichstool .content-table.rhodius .row_8 td.col_last {
    border-right:0;
    border-left:0;
}
#main .mod_article#wasservergleichstool .content-table thead tr th {
    margin-top:10px;
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:15px;
    border-bottom:1px solid #BBB;
}
#main .mod_article#wasservergleichstool .content-table thead tr th {
    padding-right:40px;
    padding-left:40px;
}
#main .mod_article#wasservergleichstool .content-table.rhodius .row_8 td.col_first {
    color:#fff;
}
#main .mod_article#wasservergleichstool .content-table .row_8 {
    background-color:#00ACE6;
    color:#fff;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_8 td {
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) {
    text-align:center;
    font-size:18px;
    color:#00ACE6;
    font-weight:600;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) tr:nth-child(n+10) td {
    color:#CF0B80;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) tr.row_15 td {
    color:#00ACE6;
}
#main .mod_article#wasservergleichstool .content-table thead th {
    font-size:20px;
    text-transform:uppercase;
}

#main .mod_article#wasservergleichstool .content-text h2:before {
    width:75px;
    height:120px;
    left:40%;
    position:absolute;
    display:block;
    margin-top:-55px;
    margin-left:-75px;
    background:#F0FAFE url("/files/images/icon-wasservergleichstool.svg") right center no-repeat;
    border-top:15px solid #fff;
    border-right:0px solid #fff;
    border-bottom:15px solid #fff;
    border-left:15px solid #fff;
    border-radius:120px 0 0 120px;
    content:'';
    background-size:80%;
}
#main .mod_article #wasservergleichskarte {
    width:40%;
    height:100%;
    min-height:100%;
    position:absolute;
    display:inline-block;
    padding-right:0;
    padding-left:0;
    background-color:#fff;
    border-right:15px solid #fff;
}
#main .mod_article #wasservergleichskarte > div {
    overflow:hidden;
}
#wasservergleichstool .content-table .row_2,
#wasservergleichstool .content-table .row_3,
#wasservergleichstool .content-table .row_4,
#wasservergleichstool .content-table .row_5,
#wasservergleichstool .content-table .row_6,
#wasservergleichstool .content-table .row_9,
#wasservergleichstool .content-table .row_11,
#wasservergleichstool .content-table .row_12,
#wasservergleichstool .content-table .row_13,
#wasservergleichstool .content-table .row_15,
#wasservergleichstool .content-table .row_16,
#wasservergleichstool .content-table .row_17,
#wasservergleichstool .content-table .row_18,
#wasservergleichstool .content-table .row_20,
#wasservergleichstool .content-table .row_21 {
    display:none;
}
#wasservergleichstool.more .content-table .row_2,
#wasservergleichstool.more .content-table .row_3,
#wasservergleichstool.more .content-table .row_4,
#wasservergleichstool.more .content-table .row_5,
#wasservergleichstool.more .content-table .row_6,
#wasservergleichstool.more .content-table .row_9,
#wasservergleichstool.more .content-table .row_11,
#wasservergleichstool.more .content-table .row_12,
#wasservergleichstool.more .content-table .row_13,
#wasservergleichstool.more .content-table .row_15,
#wasservergleichstool.more .content-table .row_16,
#wasservergleichstool.more .content-table .row_17,
#wasservergleichstool.more .content-table .row_18,
#wasservergleichstool.more .content-table .row_20,
#wasservergleichstool.more .content-table .row_21 {
    display:table-row;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_22 a {
    display:inline-block;
    margin-top:45px;
    margin-bottom:60px;
    padding:7px 25px 6px 30px;
    background-color:#00ACE6;
    border-radius:30px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_22 a::after {
    display:inline-block;
    margin-left:20px;
    content:url(../../files/images/arrow-right-white.svg);
    transition:0.3s;
    vertical-align:middle;
}
#main .mod_article#wasservergleichstool .content-table table .row_22 td {
    padding:0;
}
#main .mod_article#wasservergleichstool .content-table.rhodius table .row_22 td {
    border-right:0;
    border-left:0;
}
#main .mod_article#wasservergleichstool .content-table.rhodius .row_22 a {
    display:inline-block;
    margin-top:45px;
    margin-bottom:60px;
    padding:5px 25px 4px 30px;
    border:2px solid #00ACE6;
    border-radius:30px;
    text-decoration:none;
    color:#00ACE6;
    text-transform:uppercase;
    font-weight:700;
}
#main .mod_article#wasservergleichstool .content-table.rhodius .row_22 a::after {
    display:inline-block;
    margin-left:20px;
    content:url(../../files/images/plus-lightblue.svg);
    vertical-align:middle;
}
#main .mod_article#wasservergleichstool.more .content-table.rhodius .row_22 a::after {
    transform:rotate(45deg);
}
button.gm-ui-hover-effect img {
    left:-9999px;
    top:-9999px;
    position:absolute;
    display:none;
}
.gm-style .gm-style-iw-c {
    padding:10px 15px 20px 20px;
    font:15px Ubuntu;
    font-weight:bold;
    color:#00ACE6;
    box-shadow:0px !important;
}
.gm-style .gm-style-iw-t::after {
    box-shadow:0px !important;
}
.mod_article#aktion {
    width:200px;
    height:200px;
    bottom:45px;
    right:45px;
    position:fixed;
    overflow:visible;
    display:block;
    padding:20px;
    background:-moz-linear-gradient(top,#00a9e6,#0162ab);
    background:-webkit-linear-gradient(top,#00a9e6,#0162ab);
    background:-o-linear-gradient(top,#00a9e6,#0162ab);
    background:-ms-linear-gradient(top,#00a9e6,#0162ab);
    background:linear-gradient(to bottom,#00a9e6,#0162ab);
    -pie-background:linear-gradient(top,#00a9e6,#0162ab);
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);
    box-shadow:0 3px 6px rgba(0,0,0,.15);
    border:5px solid #fff;
    border-radius:300px;
    z-index:10000;
}
.mod_article#aktion h3,
.mod_article#aktion h3 a {
    padding-top:20px;
    font-size:18px;
    line-height:26px;
    margin-top:0 !important;
    margin-bottom:10px !important;
}
.mod_article#aktion p a::after {
    width:18px;
    height:16px;
    display:block;
    margin:20px auto 0;
    background-image:url("/files/images/arrow-right-white.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    background-size:contain;
    transition:0.3s;
}
.mod_article#aktion a {
    display:block;
}
.mod_article#aktion a:hover::after {
    transform:translateX(10px)
}
.mod_article#aktion a,
.mod_article#aktion {
    font-size:13px;
    line-height:20px;
    text-decoration:none;
    color:#fff;
    color:#fff !important;
}
.mod_article#aktion figure {
    width:60px;
    height:60px;
    left:50%;
    position:absolute;
    margin-top:-50px;
    margin-left:-35px;
    background-color:#fff;
    border:5px solid #fff;
    border-radius:120px;
}

body.initiative #header .mod_article .content-text {
    width:960px;
}
body.initiative #header .mod_article .content-text p {
    max-width:210px;
}
#main .mod_article.quote {
    padding-top:90px;
    padding-bottom:60px;
}
#main .mod_article.quote.photo {
    display:flex;
    padding:0 !important;
    align-items:center;
}
#main .mod_article.quote.photo .content-text {
    width:40%;
    display:inline;
    padding-right:5%;
    padding-left:5%;
}
#main .mod_article.quote.photo .content-image {
    width:50%;
    padding-right:0;
    padding-left:0;
}
#main .mod_article.quote.photo .content-image img {
    display:block;
}
.mod_article.quote p strong {
    font:32px/40px PermanentMarker;
    color:#00ACE6;
}
p.small {
    font-size:13px;
}
#main .mod_article.quote p.small {
    margin-bottom:0;
}
#main .mod_article .content-text.fuenfer {
    width:14%;
    position:relative;
    display:inline-block;
    padding-right:1%;
    padding-left:1%;
    font-size:15px;
    line-height:25px;
    color:#999;
    vertical-align:top;
}
.nachhaltigkeit #main .mod_article .content-text.fuenfer:not(:last-of-type)::after {
    width:35px;
    height:32px;
    right:-20px;
    top:25px;
    position:absolute;
    display:block;
    background-image:url("/files/images/arrow-right-grey.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    background-size:contain;
}
#main .mod_article .content-text.fuenfer.badge figure::after {
    width:148px;
    height:148px;
    left:150px;
    top:10px;
    position:absolute;
    display:block;
    background-image:url("/files/images/co2-kompensation-DE.png");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    background-size:contain;
}
html:lang(en) #main .mod_article .content-text.fuenfer.badge figure::after {
    background-image:url("/files/images/co2-kompensation-EN.png");
}
html:lang(fr) #main .mod_article .content-text.fuenfer.badge figure::after {
    background-image:url("/files/images/co2-kompensation-FR.png");
}
html:lang(es) #main .mod_article .content-text.fuenfer.badge figure::after {
    background-image:url("/files/images/co2-kompensation-ES.png");
}
#main .mod_article .content-text.fuenfer p.content-hyperlink,
#main .mod_article .content-text.fuenfer p.ce_hyperlink,
#main .mod_article .content-text.vierer p.content-hyperlink,
#main .mod_article .content-text.vierer p.ce_hyperlink,
#main .mod_article .content-text.dreier p.content-hyperlink,
#main .mod_article .content-text.dreier p.ce_hyperlink,
.subnavi .content-text .content-hyperlink,
.subnavi .content-text .ce_hyperlink {
    width:100%;
    bottom:0;
    left:50%;
    position:absolute;
}
.subnavi .content-text .content-hyperlink,
.subnavi .content-text .ce_hyperlink {
    width:75%;
    bottom:20px;
}
#main .mod_article .content-text.fuenfer p.content-hyperlink a,
#main .mod_article .content-text.fuenfer p.ce_hyperlink a,
#main .mod_article .content-text.vierer p.content-hyperlink a,
#main .mod_article .content-text.vierer p.ce_hyperlink a,
#main .mod_article .content-text.dreier p.content-hyperlink a,
#main .mod_article .content-text.dreier p.ce_hyperlink a,
.subnavi .content-hyperlink a,
.subnavi .ce_hyperlink a {
    left:-50%;
    position:relative;
}
#main .mod_article .content-text.vierer {
    width:14%;
    position:relative;
    display:inline-block;
    padding-right:2%;
    padding-left:2%;
    font-size:15px;
    line-height:25px;
    color:#999;
    vertical-align:top;
}
#main .mod_article .content-text.dreier {
    width:19%;
    position:relative;
    display:inline-block;
    padding-right:3%;
    padding-left:3%;
    font-size:15px;
    line-height:25px;
    color:#999;
    vertical-align:top;
}
#main .mod_article .content-text.fuenfer strong,
#main .mod_article .content-text.vierer strong,
#main .mod_article .content-text.dreier strong {
    display:block;
    margin-top:30px;
    margin-bottom:30px;
    font-size:20px;
    text-transform:uppercase;
}
#main .mod_article.text-links,
#main .mod_article.text-rechts {
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0;
    display:flex;
    align-items:center;
}
#main .mod_article.text-links .content-text,
#main .mod_article.text-rechts .content-text,
#main .mod_article.text-links .content-image,
#main .mod_article.text-rechts .content-image,
#main .mod_article.text-links .content-player,
#main .mod_article.text-rechts .content-player {
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0;
}
#main .mod_article.text-links .content-player video,
#main .mod_article.text-rechts .content-player video {
    width:100%;
}
#main .mod_article.text-links .content-image::after,
#main .mod_article.text-links .content-player::after {
    width:100%;
    height:100%;
    top:0;
    position:absolute;
    display:block;
    content:'';
    background:linear-gradient(to right, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 80%)
}
#main .mod_article.text-rechts .content-image::after,
#main .mod_article.text-rechts .content-player::after {
    width:100%;
    height:100%;
    top:0;
    position:absolute;
    display:block;
    content:'';
    background:linear-gradient(to left, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 80%)
}
#main .mod_article.text-links .content-text,
#main .mod_article.text-rechts .content-text {
    max-width:640px;
    padding-right:260px;
    padding-left:260px;
    text-align:left;
}
#main .mod_article.text-links.schmal .content-text,
#main .mod_article.text-rechts.schmal .content-text {
    max-width:400px;
}
#main .mod_article.text-rechts .content-text {
    right:0;
}
#main .mod_article.text-links .content-text,
#main .mod_article.text-rechts .content-text {
    position:absolute;
    z-index: 20;
}
#main .mod_article.text-links figcaption,
#main .mod_article.text-rechts figcaption,
#header .content-image figcaption {
    bottom:15%;
    left:0;
    position:absolute;
    padding:10px 30px;
    text-align:left;
    background-color:rgba(255,255,255,.95);
    border-top-right-radius:60px;
    border-bottom-right-radius:60px;
    font-size:15px;
    line-height:25px;
    color:#4a4a4a;
}
#main .mod_article.text-links figcaption,
#header .content-image figcaption {
    left:auto;
    right:0;
    position:absolute;
    border-radius:60px 0 0 60px;
}
#main .mod_article.text-links figcaption strong,
#main .mod_article.text-rechts figcaption strong,
#header .content-image figcaption strong {
    font-size:18px;
    color:#00ACE6;
}
#main .mod_article.text-links figure,
#main .mod_article.text-rechts figure {
    position:relative;
}
.mod_article.referenzen figure img {
    width:auto;
    height:120px;
    margin-bottom:60px;
}
.mod_article.referenzen .content-text p {
    color:#999;
}
#main .mod_article.referenzen .content-text p strong {
    max-width:800px;
    position:relative;
    display:inline-block;
    font:32px/40px Just tell me what;
    color:#00ACE6;
}
.mod_article.referenzen .content-text p strong::before,
.mod_article.referenzen .content-text p strong::after {
    width:93px;
    height:90px;
    bottom:0;
    left:0;
    position:absolute;
    display:block;
    margin-bottom:-45px;
    margin-left:-150px;
    background-image:url("/files/images/icon-99.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    background-size:contain;
}
.mod_article.referenzen .content-text p strong::after {
    bottom:auto;
    left:auto;
    right:0;
    top:0;
    margin:-45px -150px 0 0;
    background-image:url("/files/images/icon-66.svg");
}
.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-video-play,
.rsts-skin-default .rsts-video-stop,
.rsts-skin-default .rsts-thumbs-prev,
.rsts-skin-default .rsts-thumbs-next {
    width:24px;
    height:44px;
    left:12.5%;
    top:50%;
    background-color:#fff;
    background-image:url("/files/images/arrow-left.svg");
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border:0;
    border-radius:0;
    transition:0.3s;
    background-size:contain;
}
.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-thumbs-next {
    left:auto;
    right:12.5%;
    top:50%;
    background-image:url("/files/images/arrow-right.svg");
}
.rsts-skin-default .rsts-prev:hover,
.rsts-skin-default .rsts-next:hover,
.rsts-skin-default .rsts-video-play:hover,
.rsts-skin-default .rsts-video-stop:hover,
.rsts-skin-default .rsts-thumbs-prev:hover,
.rsts-skin-default .rsts-thumbs-next:hover {
    background-color:#fff;
    transform:translateX(-5px)
}
.rsts-skin-default .rsts-next:hover,
.rsts-skin-default .rsts-thumbs-next:hover {
    transform:translateX(5px)
}
.mod_article.welle::before {
    width:100%;
    position:absolute;
    display:block;
    background-image:url("/files/images/bg-welle2.png");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    height:calc(100vw / 1920 * 400);
    background-size:cover;
    top:calc(-100vw / 1920 * 400 / 2)
}
#main .mod_article.welle {
    overflow:visible;
    margin-top:105px;
    margin-bottom:60px;
    padding-top:135px;
    padding-bottom:120px;
    text-align:left;
}
#main .mod_article.angebot .content-text p,
#main .mod_article.angebot .content-text a {
    margin-left:0;
}
#main .mod_article.welle .content-text {
    max-width:70%;
    text-align:left;
}
.mod_article.angebot figure {
    width:40%;
    margin-left:10%;
}
body.technologie .mod_article.angebot figure {
    float:left;
    margin-right:10%;
    margin-left:0;
}
#main .mod_article.angebot:not(.welle) .content-text p {
    margin-left:50%;
    display:inherit;
}
#team-button {
    width:160px;
    height:160px;
    bottom:60px;
    right:60px;
    position:fixed;
    display:block;
    text-align:center;
    background-color:#fff;
    -webkit-box-shadow:0 0 60px 0 rgba(0,0,0,.15);
    box-shadow:0 0 60px 0 rgba(0,0,0,.15);
    border-radius:80px;
    transition:0.3s;
}
#main #team-mit-hintergrund {
    padding:0;
}

#team-button:hover {
    background-color:#092c57;
}
#team-button img {
    margin-top:30px;
}
#team-button a {
    font-size:18px;
    line-height:20px;
    text-decoration:none;
    color:#092c57;
    text-transform:uppercase;
    font-weight:700;
    transition:0.3s;
}
#team-button:hover a {
    color:#fff;
}
.anfrage-container {
    text-align: center;
    display: flex;
    justify-content: center;
}
.anfrage-container .content-image img {
    max-width: 100%;
      height: auto;
      max-height: 400px;
      width: auto;
      display: inline-block;
}
.anfrage-container .content-image.anfrage-kontakt h3 {
    order: 3;
    margin-top: -64px;
    margin-bottom: 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.anfrage-container .content-image.anfrage-kontakt figcaption {
    padding: 36px 10px 12px 10px;
      background: #00ace6;
      display: inline-block;
      width: 90%;
    max-width: 320px;
      color: #fff !important;
      margin-top: -20px;
      border-radius: 50px;
}
#main .anfrage-container .content-text {
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0 5%;
}
#main .anfrage-container .content-image.anfrage-kontakt {
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
body.dunkel {
    height:100vh;
    background-image:url("/files/images/bg-blue.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
html,
body.dunkel {
    color:#fff;
}
body.dunkel div#branding a {
    background-image:url("/files/images/logo-rhodius.svg");
}
body.dunkel .toggle-navi {
    background-image:url("/files/images/burger-white.svg");
}
body.dunkel #header .inside {
    border-bottom:0;
}
body {
    overflow-x:hidden;
}
body.dunkel #main .mod_article .ce_form {
    overflow:hidden;
}
body.dunkel .ce_form fieldset {
    background-color:#fff;
    border-radius:30px;
}
fieldset legend {
    display:none;
}
fieldset h3,
fieldset label,
fieldset fieldset legend {
    margin-top:0;
    margin-bottom:30px;
    font:30px Ubuntu;
    font-weight:bold;
    color:#123172;
    text-transform:none;
    letter-spacing:-0.5px;
}
fieldset label {
    color:#9B9B9B;
    letter-spacing:0;
    transition:0.6s;
}
#main .konfigurator .hellgrau a,
#main .konfigurator .hellgrau.ce_hyperlink a {
    color:#123172;
}
#main .konfigurator .hellblau a,
#main .konfigurator .hellblau.ce_hyperlink a {
    color:#fff;
}
#main .konfigurator .hellblau a:hover,
#main .konfigurator .hellblau.ce_hyperlink a:hover {
    color:#fff;
}
#main .konfigurator .hellgrau a:hover,
#main .konfigurator .hellgrau.ce_hyperlink a:hover {
    color:#fff;
}
body.konfigurator .content-hyperlink.hellgrau a::after,
body.konfigurator .ce_hyperlink.hellgrau a::after {
    content: url(../../files/images/arrow-right-blue.svg);
    transition:0.3s;
}
body.konfigurator .content-hyperlink.hellgrau a:hover::after,
body.konfigurator .ce_hyperlink.hellgrau a:hover::after {
    content: url(../../files/images/arrow-right-white.svg);
}
body.konfigurator #footer {
    padding-bottom:75px;
}
fieldset .fadein label,
fieldset span:hover label {
    color:#123172;
}
fieldset fieldset legend {
    display:block;
}
.ce_form span.mandatory,
.ce_form span.invisible {
    display:none;
}
body.dunkel .show-navi .inside {
    background:transparent;
}
body.dunkel #main .mod_article {
    max-width:100%;
    padding-right:7.5%;
    padding-left:7.5%;
}
body.dunkel #main .mod_article .ce_form {
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0;
}
.ce_form fieldset {
    text-align:left;
}
.ce_form fieldset.step {
    width:100%;
    transition:0.9s;
    display:flex;
    flex-wrap:wrap;
}
.ce_form .step:not(.one) {
    top:0;
    position:absolute;
}
body.dunkel #team-button {
    display:none;
}
.ce_form .widget-radio.dosengroesse span {
    width:8%;
}
.ce_form .widget-radio.dosengroesse {
    width:100%;
    display:block;
    border-top:5px solid #eee;
}
.ce_form .widget-radio.getraenkeart {
    border-right:5px solid #eee;
    border-bottom:5px solid #eee;
}
.ce_form .widget-radio.ueberlackierung {
    display:inline-block;
    margin-left:-4px;
    border-bottom:5px solid #eee;
    width:calc(60% - 125px)
}
.ce_form .widget-radio.deckel {
    margin-left:-4px;
    border-bottom:5px solid #eee;
}
.ce_form .widget-radio.drucktechnik {
    display:inline-block;
    border-right:5px solid #eee;
    border-bottom:5px solid #eee;
}
.ce_form .widget.grundstoffe,
.ce_form .widget.rezeptur {
    border-right:5px solid #eee;
}
.ce_form p {
    font-size:16px;
    line-height:24px;
}
.ce_form .widget-radio,
.ce_form .widget-explanation,
.ce_form .widget-text,
.ce_form .widget-range,
.ce_form .widget-upload {
    padding:45px 60px 35px;
    vertical-align:top;
}
.ce_form .content-hyperlink a,
.ce_form .ce_hyperlink a,
.ce_form .content-hyperlink button,
.ce_form .ce_hyperlink button,
.ce_form .content-download p a {
    margin-top:20px;
    margin-left:0;
}
.ce_form .widget-explanation.bestellanfrage {
    display:inline-block;
    border-right:5px solid #eee;
    width:calc(50% - 125px);
}
.ce_form .widget.dpg-pfandlogo,
.ce_form .widget.innenbeschichtung {
    border-right:5px solid #eee;
}
.ce_form .widget.dpg-pfandlogo {
    width:calc(40% - 121px)
}
.ce_form .widget.bestellanfrage,
.ce_form .widget.menge,
.ce_form .widget.getraenkeart,
.ce_form .widget.deckel,
.ce_form .widget.drucktechnik,
.ce_form .widget.ueberlackierung {
    width:50%;
    display:inline-block;
    flex:40%
}
.ce_form .widget.grundstoffe,
.ce_form .widget.rezeptur,
.ce_form .widget.dpg-pfandlogo,
.ce_form .widget.innenbeschichtung,
.ce_form .widget.upload-gestaltungsvorlagen {
    width:50%;
    display:inline-block;
    flex:42.5%
}
.ce_form .widget.rezeptur .widget-upload {
    width:100%;
    padding:30px 0 0;
    font-size:0;
}
.ce_form .widget.rezeptur .widget-upload input {
    height:75px;
    font-size:0;
    text-indent:-9999px;
}
.ce_form .widget.dpg-pfandlogo img {
    float:right;
}
.ce_form .widget.menge {
    display:inline-block;
    vertical-align:top;
    width:calc(50% - 125px);
}
.ce_form .widget.menge input {
    border:2px solid #9B9B9B;
    border-radius:100px;
    font:50px Qualy;
}
.ce_form .widget.menge input::placeholder {
    font:50px Qualy;
    color:#ddd;
}
body.dunkel .ce_form fieldset fieldset {
    border-radius:0;
    background:transparent;
}
body.dunkel #footer .content-image {
    display:none;
}
body.dunkel #footer {
    margin-top:15px;
    padding-top:75px;
}
body.dunkel.sorten #footer {
    margin-top:0;
}
#main .mod_article .kreis {
    width:80px;
    height:72px;
    display:inline-block;
    margin-top:-165px;
    margin-right:40px;
    margin-left:40px;
    padding-top:8px;
    padding-right:0;
    padding-left:0;
    text-align:center;
    background-color:rgba(255,255,255,.15);
    border-radius:45px;
    color:rgba(255,255,255,.3);
    vertical-align:middle;
    transition:0.45s;
}
#main .mod_article .kreis.active {
    background-color:#00ACE6;
    color:#fff;
}
body.konfigurator #container {
    z-index:20000;
}
body.konfigurator #header {
    position:relative;
    z-index:25000;
}


body #header.hide .toggle-navi {
    background-image: url("../../files/images/close-blue.svg");
    background-size: 36px;
    right: 0px;
}
/* 
body #header.hide .mod_navigation ul li a, 
body #header.hide .mod_navigation ul li.active strong, 
body #header.hide .mod_navigation ul li.trail strong {
    color: #092c57;
} */


body.dunkel #header.hide .toggle-navi {
    background-image: url("../../files/images/close-white.svg");
    background-size: 36px;
    right: 0px;
}
body #header.hide .mod_customnav ul {
    right: 120px;
}
body.konfigurator.dunkel #header.show-navi .inside {
    z-index:15000
}
.mod_article.konfigurator {
    overflow:visible;
    text-align:center;
}
fieldset.step.one,
#step3 fieldset.step.two,
#step4 fieldset.step.two,
#step4 fieldset.step.three,
#step5 fieldset.step.two,
#step5 fieldset.step.three,
#step5 fieldset.step.four {
    transform: translateX(-100vw);
}
fieldset.step.two,
fieldset.step.three,
fieldset.step.four,
fieldset.step.five {
    transform: translateX(100vw);
}
#step1 fieldset.step.one,
#step2 fieldset.step.two,
#step3 fieldset.step.three,
#step4 fieldset.step.four,
#step5 fieldset.step.five {
    transform:translateX(0)
}
fieldset.step.five .widget-explanation {
    width:100%;
    display:block;
}
#step2 .kreis.eins,
#step3 .kreis.eins,
#step4 .kreis.eins,
#step5 .kreis.eins,
#step3 .kreis.zwei,
#step4 .kreis.zwei,
#step5 .kreis.zwei,
#step4 .kreis.drei,
#step5 .kreis.drei,
#step5 .kreis.vier {
    background-color:#7DB347;
    color:rgba(255,255,255,1);
}
#main .mod_article .zurueck {
    width:auto;
    left:0;
    position:absolute;
    margin-top:15px;
    padding-right:7.5%;
    padding-left:7.5%;
}
#main .mod_article .weiter,
#main .mod_article .senden {
    width:auto;
    right:0;
    position:absolute;
    margin-top:15px;
    padding-right:7.5%;
    padding-left:7.5%;
}
#main .mod_article .senden {
    right:-25vw;
}
#main .mod_article#step5 .senden {
    right:7.5%;
}
#step1 .zurueck,
#step5 .weiter {
    display:none;
}
#main .mod_article .zurueck a,
#main .mod_article .weiter a,
#main .mod_article button.senden {
    margin-top:0;
    margin-right:0;
    margin-left:0;
}
.ce_form .widget-radio.deckel span,
.ce_form .widget-radio.lasche span {
    width:30%;
    margin-right:1%;
    margin-left:1%;
}
.ce_form .widget.deckel,
.ce_form .widget.lasche {
    display:inline-block;
    flex:30%;
}
.ce_form .widget.grundstoffe,
.ce_form .widget.rezeptur,
.ce_form .widget.dpg-pfandlogo {
    flex:14.5%
}
.ce_form .widget-radio.drucktechnik span {
    width:45%;
    margin-top:30px;
}
.ce_form .widget-radio.ueberlackierung span {
    width:28%;
    margin-top:30px;
}
.ce_form .widget-radio.verpackung span {
    width:17%;
    margin-right:1%;
    margin-left:1%;
    margin-bottom:45px;
}
.ce_form .widget.verpackung p {
    max-width:41%;
    display:inline-block;
    margin-right:9%;
    vertical-align:top;
}
.ce_form .widget.verpackung p a {
    margin-top:3px;
}
.ce_form input[type=range] {
    width:50px;
    margin-right:15px;
    margin-left:15px;
    padding:4px;
    background-color:#123172;
    border-radius:15px;
    appearance:none;
    cursor:pointer;
    vertical-align:bottom;
}
.ce_form input[type=range]::-webkit-slider-thumb {
    width:22px;
    height:22px;
    background-color:#fff;
    border-radius:11px;
    appearance:none;
}
.mod_article.faq,
.mod_article.newsletter {
    margin-right:7.5%;
    margin-bottom:5%;
    margin-left:7.5%;
    text-align:left;
    background-color:#fff;
    border-radius:30px;
    color:#4A4A4A;
    transition:0.3s;
}
#main .mod_article.faq .ce_accordionSingle p,
#main .mod_article.faq .ce_accordionSingle ul,
body.verpackung #main .mod_article .mod_rocksolid_slider p {
    width:85%;
    max-width:85%;
}
#main .mod_article.faq .ce_accordionSingle p,
#main .mod_article.faq .ce_accordionSingle ul {
    width:100%;
    max-width:100%;
    text-align:left;
}
#main .mod_article.faq .ce_accordionSingle {
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0;
    border-bottom:2px solid #00ACE6;
}
.faq .ui-accordion-content {
    margin-bottom:45px;
}
.faq .toggler {
    margin-top:0;
    margin-bottom:5px;
    padding-top:30px;
    padding-bottom:20px;
    text-align:left;
    font-size:25px;
    color:#092c57;
    font-weight:700;
    cursor:pointer;
}
body.faq #main .mod_article:first-of-type,
body.newsletter #main .mod_article:first-of-type,
body.sorten #main .mod_article:first-of-type,
body.verpackung #main .mod_article:first-of-type {
    padding-top:45px;
}
.mod_article.faq h2,
.mod_article.newsletter h2 {
    font-size:40px;
    line-height:45px;
    color:#092c57;
}
#main .mod_article.faq.hide {
    max-height:0px;
    margin-bottom:0;
    padding:0;
    opacity:0;
}
#main .mod_article .faq-button {
    width:20%;
    height:160px;
    display:inline-block;
    margin-right:2%;
    margin-left:2%;
    padding-right:0;
    padding-left:0;
    border:2px solid #00ACE6;
    border-radius:10px;
    font-size:25px;
    color:#fff;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
    vertical-align:middle;
}
#main .mod_article .faq-button:hover,
#main .mod_article .faq-button.active {
    background-color:#00ACE6;
}
.faq-button img {
    width:auto;
    height:36px;
    margin-top:36px;
}
body.team #main .mod_article {
    background-color:#fff;
    color:#4a4a4a;
}
body.team #main .mod_article.hellgrau {
    background-color:#F8F8F8;
    color:#4a4a4a;
}
body.konfigurator #header .inside {
    z-index:15000;
}
body.team #header .mod_article:first-of-type {
    position:relative;
    overflow:visible;
    padding-right:7.5%;
    padding-left:7.5%;
    text-align:center;
}
body.team #header .mod_article:first-of-type .content-text {
    position:relative;
    z-index:4000;
}
body.team #header .mod_article:first-of-type::after {
    z-index:5000;
}
body.team #header .mod_rocksolid_slider {
    width:85%;
    height:100%;
    bottom:0;
    position:absolute;
    z-index:4500;
}
body.team #header .mod_rocksolid_slider,
body.team #header .mod_rocksolid_slider .rsts-crop {
    overflow:visible;
}
body.team .rsts-skin-default .rsts-prev,
body.team .rsts-skin-default .rsts-next,
body.team .rsts-skin-default .rsts-thumbs-prev,
body.team .rsts-skin-default .rsts-thumbs-next {
    left:20%;
    top:22%;
    background-color:rgba(255,255,255,.01);
    background-image:url("/files/images/arrow-slider-left-white.svg");
}
body.team #header h1 {
    margin-bottom:0;
    border-bottom:10px solid #00ACE6;
}
body.team .rsts-skin-default .rsts-next,
body.team .rsts-skin-default .rsts-thumbs-next {
    left:auto;
    right:20%;
    background-image:url("/files/images/arrow-slider-right-white.svg");
}
body.team #header .mod_article .content-text {
    height:55vh;
    margin-top:15vh;
    margin-left:0;
}
body.dunkel.team #main .mod_article:first-of-type {
    padding-top:120px;
}
body.team.dunkel #footer {
    margin-top:0;
}
body.sorten #main .mod_article .mod_rocksolid_slider,
body.verpackung #main .mod_article .mod_rocksolid_slider {
    margin-top:60px;
    margin-bottom:30px;
    padding-top:150px;
    padding-bottom:45px;
    background-color:#fff;
    border-radius:30px;
    color:#4a4a4a;
}
body.sorten #main .mod_article .mod_rocksolid_slider {
    padding-bottom:0 !important;
}
#main .mod_article #automat {
    width:55vw;
    height:auto;
    right:3%;
    position:absolute;
    padding-right:0;
    padding-left:0;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-crop {
    overflow:visible;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text {
    margin-right:70%;
    margin-left:5%;
    padding-top:75px;
    text-align:left;
    font-size:16px;
    line-height:24px;
    color:#999;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide {
    min-height:50vh;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text h3 {
    margin-top:0;
    margin-bottom:0;
    color:#00ACE6;
    text-transform:none;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr,
body.verpackung #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr {
    margin-top:-30px;
    padding:0;
    background-color:#fff;
    transition:0.3s;
    margin-left:2.5%;
    margin-right:67.5%;
}
body.verpackung #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr {
    margin-left:0%;
    margin-right:0%;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr {
    display:inline;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr p {
    max-width:90%;
    max-height:1px;
    margin-bottom:45px;
    padding-right:15%;
    color:#fff;
    transition:0.3s
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr.show p,
body.verpackung #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr.show p {
    max-height:1000px;
    color:#999;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text h2 {
    margin-bottom:20px;
    color:#092c57;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-image {
    width:45%;
    right:16.5%;
    position:relative;
    float:right;
    margin-top:10%;
    margin-bottom:6.25%;
    margin-left:25%;
}
body.sorten #main .mod_article .mod_rocksolid_slider .rsts-inactive {
    opacity:0;
}
.ce_form .verpackung span.disabled {
    opacity:0.3;
}
.ce_form .verpackung span.disabled input {
    cursor:not-allowed;
}
body.konfigurator #main .mod_article .senden {
    bottom:15px;
    position:fixed;
    padding-right:1.25%;
    padding-left:1.5%;
    background-color:#00ACE6;
    font-family:Ubuntu;
    font-weight:bold;
    z-index:10000;
}
body.team .tooltip {
    max-width:45%;
    max-height:100px;
    left:30%;
    position:absolute;
    overflow:hidden;
    display:block;
    margin-top:-90%;
    padding-top:30px;
    z-index:500000;
    transition:0.6s;
}
body.team .mod_navigation,
body.team .subnavi {
    z-index:5000;
}
body.team .tooltip:hover {
    max-height:300px;
}
body.team .tooltip .plus {
    width:30px;
    height:30px;
    position:relative;
    display:block;
    margin:10px auto;
    background-color:#fff;
    -webkit-box-shadow:0 0 0 0 rgba(255,255,255,1);
    box-shadow:0 0 0 0 rgba(255,255,255,1);
    border-radius:15px;
    font:24px/28px Ubuntu;
    color:#00ACE6;
    font-weight:300;
    cursor:pointer;
    animation: puls 2s ease-out infinite;
    transition:0.3s;
}
body.team .tooltip .plus:hover {
    background-color:#00ACE6;
    color:#fff;
}
body.team .tooltip .thumb {
    margin-top:30px;
    padding:6px 18px;
    background-color:#fff;
    border-radius:10px;
    font-size:15px;
    color:#4a4a4a;
}
body.team .tooltip .thumb .position {
    font-size:14px !important;
    line-height:20px !important;
}
body.team .tooltip .thumb .name {
    color:#00ACE6;
    font-weight:700;
    font-size:16px !important;
    line-height:22px !important;
}
body.agb h3 {
    margin-top:60px;
}
body.sorten .rsts-slide .plus,
body.verpackung .rsts-slide .plus {
    width:30px;
    height:30px;
    position:relative;
    display:block;
    margin-top:-10px;
    margin-bottom:30px;
    margin-left:45px;
    text-align:center;
    background-color:#00ACE6;
    -webkit-box-shadow:0 0 0 0 rgba(0,172,230,1);
    box-shadow:0 0 0 0 rgba(0,172,230,1);
    border-radius:15px;
    font:24px/28px Ubuntu;
    color:#fff;
    font-weight:300;
    cursor:pointer;
    animation: puls-blue 2s ease-out infinite;
    transition:0.3s;
    transform:rotate(0deg);
}
body.sorten .rsts-slide .plus.active,
body.verpackung .rsts-slide .plus.active {
    transform:rotate(45deg);
}
body.verpackung .rsts-slide .plus {
    margin-right:auto;
    margin-bottom:60px;
    margin-left:auto;
}

body.verpackung .dosengroessen img {
    max-width:33.333%;
}
body.verpackung .umverpackung img {
    max-width:20%;
}
#main .mod_article.tabs {
    margin-bottom:60px;
    padding-top:0;
    padding-bottom:0;
    min-height:25vh;
}
.nachhaltigkeit #main .mod_article .ce_accordion {
    width:100%;
        max-width:100%;
        padding-right:0;
        padding-left:0;
    position:static;
}
.nachhaltigkeit #main .mod_article .ce_accordion .toggler {
    width:33.3333%;
        height:25vh;
        left:0;
        top:0;
        position:absolute;
        background-color:#fff;
        cursor:pointer;
        transition:0.3s;
}
.nachhaltigkeit #main .mod_article .ce_accordion .toggler h3 {
    margin-top:90px;
    margin-bottom:30px;
    font:25px Qualy;
    color:#999;
    transition:0.3s;
}
.nachhaltigkeit #main .mod_article .ce_accordion .toggler.active h3 {
    color:#7DB347;
}
.nachhaltigkeit #main .mod_article .ce_accordion .toggler p {
    max-width:80%;
        margin:0 auto;
        font-size:15px;
        line-height:25px;
}
.nachhaltigkeit #main .mod_article .ce_accordion .toggler::before {
    width:60px;
        height:60px;
        display:inline-block;
        margin-top:45px;
        background-color:#ddd;
        border-radius:30px;
        font:45px/70px Qualy;
        color:#fff;
        transition:0.3s;
}
.nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text {
    position:relative;
        padding-top:90px;
        padding-bottom:90px;
}
.nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links {
    margin-left:240px;
        text-align:left;
        padding-right:50%;
        width:calc(50% - 240px)
}
.nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts {
    margin-right:240px;
        text-align:left;
        padding-left:50%;
        width:calc(50% - 240px)
}
#main .mod_article .ce_accordion .accordion .content-text h2 {
    font:50px Qualy;
    color:#3D6F4F;
}
.nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text h3 {
    margin-top:0;
        margin-bottom:60px;
        font:30px/40px Qualy;
}
.nachhaltigkeit #main .mod_article .ce_accordion figure {
    height:100%;
        right:0;
        top:0;
        position:absolute;
        width:calc(40% + 120px)
}
.nachhaltigkeit #main .mod_article .ce_accordion figure img {
    width:auto;
        height:100%;
        min-width:100%;
        max-width:1000%;
        object-fit:cover;
}
.nachhaltigkeit #main .mod_article .ce_accordion .text-rechts figure {
    left:0;
        text-align:right;
}
.nachhaltigkeit #main .mod_article .ce_accordion .text-links figure::after {
    width:70%;
        height:100%;
        top:0;
        position:absolute;
        display:block;
        background:linear-gradient( to right, rgba(247,251,244,1), rgba(247,251,244,0));
        content:''
}
.nachhaltigkeit #main .mod_article .ce_accordion.zwei .toggler {
    left:33.3333%;
}
.nachhaltigkeit #main .mod_article .ce_accordion.drei .toggler {
    left:66.6666%;
}
.nachhaltigkeit #main .mod_article .ce_accordion .active.toggler,
.nachhaltigkeit #main .mod_article .ce_accordion .toggler:hover,
.nachhaltigkeit #main .mod_article .ce_accordion .accordion,
body.co2-neutral #main .mod_article .ce_accordion.zwei .active.toggler,
body.co2-neutral #main .mod_article .ce_accordion.zwei .toggler:hover,
body.co2-neutral #main .mod_article .ce_accordion.zwei .accordion,
body.co2-neutral #main .mod_article .ce_accordion.drei .active.toggler,
body.co2-neutral #main .mod_article .ce_accordion.drei .toggler:hover,
body.co2-neutral #main .mod_article .ce_accordion.drei .accordion {
    background-color:#F7FBF4;
}
.nachhaltigkeit #main .mod_article .ce_accordion .accordion {
    margin-top:25vh;
}


/* Newsboxes 3er */

#main .mod_newslist.copacking-news {
    gap: 30px;
    flex-wrap: nowrap;
    .news-box {
        text-align: left;
        background-color: #ffffff;
        border-bottom-right-radius: 60px;
        border-top-left-radius: 60px;
        width: 33%;
        flex-direction: column;
        gap: 0;

        .news-content {
            padding: 20px 30px;
        }

        figure {
            line-height: 0;
            float: none;

            img {
                line-height: 1.3;
                width: 100%;
            }
        }

        .info {
            font-size: 16px;
            color: #999999; 
            line-height: 1.2;
        }

        h3 {
            font-family: Qualy,Arial,Helvetica,sans-serif;
            color: #092c57;
            margin-top: 5px;
            margin-bottom: 0;
            font-size: 22px;
            line-height: 1.2;
        }

        h4 {
            color: #00ACE6;
            padding-top: 0;
            margin-bottom: 10px;
            line-height: 1.2;
        }
        
        h3 + p {
            margin-top: 10px;
        }

        p {
            max-width: none;

            strong {
                font-weight: bold;
            }
        }

        .ce_hyperlink {
            margin-bottom: 10px;
        }
    }
}

#teamslider {
    border-bottom: 20px solid;
    border-image-slice: 1; 
    border-image-source: linear-gradient(to right, #17327f, #00abe5);
}

#teamslider > .ce_swiperStart {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#teamslider {
    margin-bottom: 0px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    background-color: transparent !important;
    padding-top: 40px !important;

    .content-text {
        z-index: 1300;
    }
    
    h2 {
      margin-bottom: -80px;
      color: #ffffff;
      pointer-events: none;
    }
  
    .swiper-container  {
      padding-top: 90px;
      /* background-color: #092c57; */
    }
  
    .swiper-button-next, 
    .swiper-button-prev {
      bottom: unset;
      top: 50%;
      color: #ffffff;
  
      &::after {
        width: 24px;
        height: 53px;
      }  
    }
  
    .swiper-button-next {
      right: 20px; 
    }
    
    .swiper-button-prev {
      left: 20px;
    }

    .teammember {
        color: #ffffff;
      
        .teammember-inner {
          position: relative;
        }
      
        .teammember-image {
          position: relative;
          width: 342px;
          height: 470px;
          margin-left: auto;
          margin-right: auto;
      
          figure {
            margin-bottom: 0;
          }
        }
      
        .teammember-tooltip {
          text-align: center;
          width: 100%;
          /* max-width: 55%; */
          max-width: 70%;
          left: 50%;
          top: 40%;
          padding-top: 30px;
          transform: translateX(-50%);
          font-size: 15px;
          position: absolute;
          overflow: hidden;
          max-height: 100px;
          transition: 0.6s;
          z-index: 200;
          box-sizing: border-box;
      
          &:hover {
            max-height: 300px;
          }
      
          .plus {
            width: 30px;
            height: 30px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: baseline;
            margin: 10px auto;
            background-color: #ffffff;
            box-shadow: 0 0 0 0 rgba(255,255,255,1);
            border-radius: 100%;
            font-size: 24px;
            line-height: 24px;
            color: #00ACE6;
            font-weight: 300;
            cursor: pointer;
            animation: puls 2s ease-out infinite;
            transition: 0.3s;
      
            &:hover {
              color: #ffffff;
              background-color: #00ACE6;
            }
          }
      
        }
      
        .teammember-content {
          background-color: #ffffff;
          padding: 10px 20px;
          border-radius: 10px;
          margin-top: 30px;
          line-height: 1.4;

          a {
            font-weight: normal !important;
            white-space: nowrap;
          }
        }
        
        .teammember-name {
          color: #00ACE6;
          font-weight: bold;
      
          p {
            margin-bottom: 5px;
          }
        }
      
        .teammember-position {
          color: #4A4A4A;
      
          p {
            margin-bottom: 5px;
          }
        }
    }
}
  

@media (min-width: 576px) {
    #teamslider { 
      .swiper-button-next, 
      .swiper-button-prev {
        top: 63px;
      }
    
      .swiper-button-next {
        right: 10%;
      }
    
      .swiper-button-prev {
        left: 10%;
      }
    }
}


/* Desktop large */
@media (max-width: 1680px) {
    html,
    body {
        font-size:15px;
        line-height:25px;
    }
    .subnavi .inner {
        left:160px;
        top:90px;
    }
    #header .inside {
        min-height:105px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        max-width:560px;
    }
    #header .mod_article .content-text {
        max-width:600px;
        margin-left:180px;
    }
    .mod_navigation {
        padding-top:52px;
        padding-left:160px;
    }
    #header .mod_article:first-of-type p {
        font-size:18px;
        line-height:28px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler h3 {
        margin-bottom:15px;
        font-size:20px;
    }
    #main .mod_article .content-text.fuenfer {
        font-size:14px;
        line-height:23px;
    }
    #header h1 {
        font-size:75px;
        line-height:75px;
    }
    #header h1:lang(fr),
    #header h1:lang(es) {
        margin-bottom:45px;
        font-size:60px;
        line-height:60px;
    }
    #header .content-text:lang(fr),
    #header .content-text:lang(es) {
        max-width:720px;
    }
    div#branding {
        margin-bottom:0;
    }
    #footer .inside {
        margin-right:90px;
        margin-left:90px;
    }
    #footer .content-text.produkte,
    #footer .content-text.service {
        margin-right:90px;
    }
    h1 {
        font-size:60px;
        line-height:60px;
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        font-size:16px;
    }
    h2 {
        margin-bottom:30px;
        font-size:35px;
        line-height:40px;
    }
    h3 {
        margin-top:-30px;
        margin-bottom:30px;
    }
    #main p {
        margin-bottom:15px;
    }
    #main .mod_article {
        padding-top:75px;
        padding-bottom:75px;
    }
    #main .mod_article .content-text p,
    #main .mod_article .content-text ul {
        max-width:720px;
    }
    #main .mod_article#wasservergleichstool .content-text p {
        max-width:960px;
    }
    #footer {
        font-size:13px;
        line-height:22px;
    }
    #footer .content-image {
        margin-bottom:120px;
    }
    #footer strong,
    #footer a.mail {
        font-size:15px;
    }
    #footer .content-text.adresse {
        margin-bottom:30px;
    }
    #store_search input,
    #store_search select,
    #store_search button {
        font-size:15px;
    }
    #main .mod_article .content-image.bild-oben img {
        max-width:150px;
    }
    #main .mod_article .content-image.bild-oben,
    #main .mod_article .content-image.bild-oben figure {
        max-height:40vh;
    }
    #main .mod_article.produkt-3er {
        width:29.3333%;
        padding-right:2%;
        padding-left:2%;
    }
    #main .mod_article.produkt-6er .content-text img {
        max-width:35%;
        max-height:120px;
    }
    .subnavi .content-text strong,
    .produkt-6er strong {
        font-size:18px;
    }
    div#branding a {
        width:101px;
        height:45px;
        left:30px;
    }
    .mod_customnav ul {
        right:30px;
        top:52px;
    }
    #instagram h1 {
        font-size:50px;
        line-height:50px;
    }
    #main .mod_article .popup.arteser {
        margin-left:8%;
    }
    .classic-startseite figure {
        width:150px;
        right:-70%;
    }
    #main .mod_article#wasservergleichstool .content-text h2:before {
        width:60px;
        height:90px;
        margin-top:-50px;
        margin-left:-60px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius,
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) {
        font-size:16px;
    }
    #main .mod_article#wasservergleichstool .content-table thead th {
        font-size:18px;
    }
    #main .mod_article#aktion {
        width:190px;
        height:190px;
        padding-top:20px;
        padding-bottom:20px;
    }
    #main .mod_article#aktion h3,
    #main .mod_article#aktion h3 a {
        padding-top:15px;
    }
    body.initiative #header .mod_article .content-text p {
        max-width:180px;
    }
    .mod_article.quote p strong {
        font-size:28px;
        line-height:36px;
    }
    #main .mod_article.quote {
        padding-top:75px;
        padding-bottom:45px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        padding-right:180px;
        padding-left:180px;
    }
    .mod_changelanguage {
        left:960px;
        top:57px;
    }
    .mod_article.referenzen .content-text p strong::before,
    .mod_article.referenzen .content-text p strong::after {
        height:60px;
    }
    #main .mod_article.text-links figcaption,
    #main .mod_article.text-rechts figcaption,
    #header .content-image figcaption {
        font-size:14px;
        line-height:23px;
    }
    #main .mod_article.text-links figcaption strong,
    #main .mod_article.text-rechts figcaption strong,
    #header .content-image figcaption strong {
        font-size:17px;
    }
    #main .mod_article.referenzen .content-text p strong {
        font-size:28px;
        line-height:36px;
    }
    #main .mod_article .kreis {
        width:60px;
        height:52px;
        margin-top:-125px;
        margin-right:30px;
        margin-left:30px;
    }
    .ce_form p {
        font-size:15px;
        line-height:22px;
    }
    fieldset h3,
    fieldset label,
    fieldset fieldset legend {
        margin-bottom:25px;
        font-size:25px;
    }
    .ce_form .widget.menge input {
        font-size:40px;
    }
    .ce_form .widget-radio.dosengroesse span::before {
        width:92px;
        height:200px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(8)::before {
        width:68px;
        height:146px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(7)::before {
        width:63px;
        height:175px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(6)::before {
        width:58px;
        height:158px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(5)::before {
        width:53px;
        height:142px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(4)::before {
        width:53px;
        height:150px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(3)::before {
        width:48px;
        height:133px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(2)::before {
        width:42px;
        height:117px;
    }
    .ce_form .widget-radio label {
        font-size:14px;
        line-height:18px;
    }
    .ce_form .widget-textarea textarea,
    .ce_form .widget-upload input.upload {
        height:120px;
    }
    .ce_form .widget-explanation.verpackung {
        padding-bottom:0;
    }
    #main .mod_article .faq-button {
        height:150px;
        font-size:20px;
    }
    .faq .toggler {
        padding-top:20px;
        padding-bottom:15px;
        font-size:20px;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text {
        font-size:15px;
        line-height:23px;
    }
    .content-hyperlink a,
    .ce_hyperlink a,
    .content-hyperlink button,
    .ce_hyperlink button,
    .content-download p a {
        font-size:15px;
    }
    .ce_form .widget.upload-gestaltungsvorlagen {
        width:40%;
    }
    #team-button {
        width:150px;
        height:150px;
        bottom:45px;
        right:45px;
    }
    #team-button a {
        font-size:17px;
    }
    body.faq #main .mod_article:first-of-type,
    body.sorten #main .mod_article:first-of-type,
    body.verpackung #main .mod_article:first-of-type {
        padding-top:45px;
    }
    #main .mod_article .mod_newslist {
        width:90%;
        max-width:90%;
        padding-right:5%;
        padding-left:5%;
    }
    .mod_newslist .layout_latest h2 {
        font-size:32px;
        line-height:40px;
    }
    .mod_newslist .layout_latest h3 {
        margin-top:-20px;
        font-size:16px;
        line-height:24px;
    }
    .mod_newslist .layout_latest p {
        font-size:15px;
        line-height:23px;
    }
    .mod_newslist .layout_latest.bild-links figure,
    .mod_newslist .layout_latest.bild-rechts figure {
        width:45%;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text h2 {
        font-size:45px;
    }
    #main .mod_article .content-text.fuenfer.badge figure::after {
        left:120px;
    }
}

/* Desktop medium */
@media (max-width: 1440px) {
    #main .mod_article {
        padding-top:60px;
        padding-bottom:60px;
    }
    #header .content-text h1 {
        margin-bottom:30px;
        font-size:60px;
        line-height:60px;
        letter-spacing:-1px;
    }
    #main .mod_article.produkt-1er h2 {
        font-size:50px;
        line-height:50px;
    }
    h1 {
        font-size:50px;
        line-height:50px;
        letter-spacing:-1px;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider,
    body.verpackung #main .mod_article .mod_rocksolid_slider {
        margin-top:45px;
        padding-top:90px;
    }
    .rsts-skin-default .rsts-nav,
    .rsts-nav-tabs {
        top:35px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links {
        margin-left:120px;
        width:calc(50% - 120px)
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler::before {
        width:45px;
        height:45px;
        margin-top:30px;
        font-size:30px;
        line-height:55px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts {
        margin-right:120px;
        width:calc(50% - 120px)
    }
    .nachhaltigkeit #main .mod_article .ce_accordion figure {
        width:calc(50% + 60px)
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        padding:10px 30px;
        font-size:15px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text h3 {
        margin-bottom:30px;
        font-size:30px;
        line-height:35px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text {
        padding-top:75px;
        padding-bottom:60px;
    }
    #header .mod_article .content-text {
        max-width:480px;
        margin-top:150px;
        height:calc(70vh - 150px)
    }
    body.detail .mod_newsreader .layout_full figure {
        height:300px;
    }
    #instagram {
        margin-top:75px;
    }
    #eapps-instagram-feed-1 {
        margin-top:60px;
    }
    #main .mod_article .content-image.fresenius {
        width:25%;
        top:150px;
    }
    #header .inside {
        min-height:90px;
    }
    #main .mod_article.produkt-3er .content-hyperlink,
    #main .mod_article.produkt-3er .ce_hyperlink {
        margin-bottom:60px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table td em {
        font-size:12px;
    }
    #instagram h1 {
        font-size:45px;
        line-height:45px;
    }
    #main .mod_article .popup.arteser {
        margin-left:8.8%;
    }
    #main .mod_article .popup h3 {
        font-size:15px;
    }
    .classic-startseite figure {
        width:120px;
        right:-50%;
    }
    #main .mod_article#wasservergleichstool .content-text {
        padding-top:75px;
    }
    #main .mod_article#wasservergleichstool .content-table {
        padding-top:30px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius,
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) {
        font-size:15px;
    }
    #main .mod_article#wasservergleichstool .content-table thead th {
        font-size:16px;
    }
    #main .mod_article#wasservergleichstool .content-table table td {
        padding:5px 45px;
    }
    #main .mod_article#aktion h3,
    #main .mod_article#aktion h3 a {
        padding-top:20px;
        font-size:16px;
        line-height:26px;
    }
    #main .mod_article#aktion figure {
        width:50px;
        height:50px;
        margin-top:-45px;
        margin-left:-30px;
    }
    #main .mod_article#aktion {
        width:180px;
        height:180px;
    }
    #main .mod_article#aktion h3,
    #main .mod_article#aktion h3 a {
        padding-top:15px;
    }
    .mod_article#aktion p a::after {
        margin-top:12px;
    }
    #main .mod_article#aktion p a {
        font-size:12px;
        line-height:18px;
    }
    body.initiative #header .mod_article .content-text p {
        max-width:150px;
    }
    .mod_article.quote p strong {
        font-size:24px;
        line-height:32px;
    }
    #main .mod_article.quote {
        padding-top:60px;
        padding-bottom:30px;
    }
    #main .mod_article .content-text.vierer figure img {
        height:48px;
    }
    #main .mod_article .content-text.fuenfer {
        width:15%;
    }
    #header .mod_article:first-of-type p {
        font-size:16px;
        line-height:24px;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text {
        font-size:14px;
        line-height:22px;
    }
    #main .mod_article .kreis {
        margin-top:-100px;
    }
    .ce_form p {
        font-size:13px;
        line-height:20px;
    }
    .ce_form .widget-radio,
    .ce_form .widget-explanation,
    .ce_form .widget-text,
    .ce_form .widget-range,
    .ce_form .widget-upload {
        padding:30px 75px 50px 45px;
    }
    .ce_form .widget.menge input {
        font-size:30px;
    }
    .content-hyperlink a,
    .ce_hyperlink a,
    .content-hyperlink button,
    .ce_hyperlink button,
    .content-download p a {
        font-size:14px;
    }
    .ce_form .widget-radio.dosengroesse span::before {
        width:83px;
        height:180px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(8)::before {
        width:61px;
        height:131px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(7)::before {
        width:57px;
        height:158px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(6)::before {
        width:52px;
        height:142px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(5)::before {
        width:48px;
        height:128px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(4)::before {
        width:48px;
        height:135px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(3)::before {
        width:43px;
        height:120px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(2)::before {
        width:38px;
        height:105px;
    }
    .ce_form .widget-radio.getraenkeart span {
        margin-top:30px;
    }
    .ce_form .widget-radio.getraenkeart span::before {
        width:75px;
        height:75px;
        background-size:contain;
    }
    .ce_form .widget-radio.deckel span,
    .ce_form .widget-radio.lasche span {
        margin-top:15px;
    }
    .ce_form .widget-radio.deckel span::before,
    .ce_form .widget-radio.lasche span::before {
        width:100px;
        height:100px;
        background-size:contain;
    }
    .ce_form .widget-radio.drucktechnik span::before,
    .ce_form .widget-radio.ueberlackierung span::before {
        width:90px;
        height:90px;
        background-size:contain;
    }
    .ce_form .widget-radio.drucktechnik span,
    .ce_form .widget-radio.ueberlackierung span {
        margin-top:15px;
    }
    .ce_form .widget-textarea textarea,
    .ce_form .widget-upload input.upload {
        height:90px;
    }
    .ce_form .widget-radio.verpackung span {
        margin-top:-15px;
        margin-bottom:20px;
    }
    .ce_form .widget-radio.verpackung span::before {
        height:105px;
        background-size:contain;
    }
    .ce_form .widget-radio.verpackung span:nth-child(2)::before,
    .ce_form .widget-radio.verpackung span:nth-child(4)::before,
    .ce_form .widget-radio.verpackung span:nth-child(9)::before {
        height:114px;
    }
    .ce_form .widget-radio.verpackung span:nth-child(5)::before,
    .ce_form .widget-radio.verpackung span:nth-child(6)::before,
    .ce_form .widget-radio.verpackung span:nth-child(8)::before {
        height:96px;
    }
    .ce_form .widget-radio.verpackung span:nth-child(7)::before,
    .ce_form .widget-radio.verpackung span:nth-child(10)::before {
        height:118px;
    }
    .mod_article.faq h2 {
        font-size:32px;
        line-height:36px;
    }
    #main .mod_article .faq-button {
        height:125px;
        font-size:18px;
    }
    .faq-button img {
        height:32px;
        margin-top:24px;
    }
    #header h3 {
        font-size:20px;
    }
    #main .mod_article .content-text.fuenfer strong,
    #main .mod_article .content-text.vierer strong,
    #main .mod_article .content-text.dreier strong {
        font-size:18px;
    }
    #team-button {
        width:140px;
        height:140px;
        bottom:30px;
        right:30px;
    }
    #team-button a {
        font-size:16px;
        line-height:16px;
    }
    .mod_article.referenzen .content-text p strong::before,
    .mod_article.referenzen .content-text p strong::after {
        margin-left:-105px;
    }
    .mod_article.referenzen .content-text p strong::after {
        margin-right:-105px;
        margin-left:auto;
    }
    .mod_article.referenzen figure img {
        height:90px;
    }
    body.verpackung .umverpackung img {
        max-width:25%;
    }
    #header .content-text:lang(fr),
    #header .content-text:lang(es) {
        max-width:640px;
    }
    #header h1:lang(fr),
    #header h1:lang(es) {
        font-size:55px;
        line-height:55px;
    }
    .mod_newslist .layout_latest.bild-links figure,
    .mod_newslist .layout_latest.bild-rechts figure {
        width:40%;
    }
    .mod_newslist .layout_latest h2 {
        font-size:28px;
        line-height:36px;
    }
    .mod_newslist .layout_latest h3 {
        font-size:15px;
        line-height:23px;
    }
    .mod_newslist .layout_latest p {
        font-size:14px;
        line-height:21px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text h2 {
        font-size:40px;
    }
    #main .mod_article .content-text.fuenfer.badge figure::after {
        left:105px;
    }
    .ce_form .widget.bestellanfrage,
    .ce_form .widget.menge,
    .ce_form .widget.getraenkeart,
    .ce_form .widget.deckel,
    .ce_form .widget.drucktechnik,
    .ce_form .widget.ueberlackierung {
        flex:37.5%
    }
}

/* Desktop small */
@media (max-width: 1280px) {
    #main .mod_article {
        padding-top:45px;
        padding-bottom:45px;
    }
    h1 {
        font-size:50px;
        line-height:50px;
    }
    html,
    body {
        font-size:13px;
        line-height:20px;
    }
    h2 {
        font-size:30px;
        line-height:35px;
    }
    #main .mod_article.produkt-1er h2 {
        font-size:40px;
        line-height:40px;
    }
    .mod_navigation ul li a,
    .mod_navigation ul li.active strong,
    .mod_navigation ul li.trail strong {
        padding-right:10px;
        padding-left:10px;
    }
    div#branding a {
        width:40px;
        height:40px;
        background-position:center top;
        background-image:url("/files/images/logo-rhodius-picto-blue.svg");
    }

    body.dunkel div#branding a,
    .hell div#branding a {
        background-image:url("/files/images/logo-rhodius-picto-white.svg");
    }

    .mod_navigation {
        padding-top:40px;
        padding-left:135px;
    }
    .mod_customnav ul {
        top:40px;
    }
    #header .mod_article .content-text {
        max-width:500px;
        margin-left:145px;
    }
    .subnavi .inner {
        left:135px;
        top:72px;
    }
    .subnavi.produktion .inner,
    .subnavi.vielfalt .inner,
    .subnavi.nachhaltigkeit .inner {
        width:640px;
    }
    .subnavi.anfrage .inner {
        width:960px;
    }
    .subnavi .content-text,
    .subnavi .content-text a {
        font-size:13px;
        line-height:13px;
    }
    .subnavi .content-text strong,
    .produkt-6er strong {
        font-size:15px;
    }
    .subnavi .content-text {
        width:265px;
        padding:25px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        max-width:420px;
        padding-right:135px;
        padding-left:135px;
    }
    #header .mod_article:first-of-type p {
        font-size:14px;
        line-height:22px;
    }
    #main .mod_article .content-text.fuenfer,
    #main .mod_article .content-text.vierer,
    #main .mod_article .content-text.dreier {
        font-size:13px;
        line-height:20px;
    }
    #main .mod_article.text-links figcaption,
    #main .mod_article.text-rechts figcaption,
    #header .content-image figcaption {
        font-size:12px;
        line-height:18px;
    }
    #main .mod_article.text-links figcaption strong,
    #main .mod_article.text-rechts figcaption strong,
    #header .content-image figcaption strong {
        font-size:15px;
    }
    .subnavi.produkte .content-text {
        width:165px;
        height:70px;
    }
    .subnavi.premium .content-text,
    .subnavi.kontakt .content-text {
        width:270px;
    }
    .subnavi.premium .inner {
        width:640px;
    }
    .subnavi.kontakt .inner {
        width:960px;
    }
    .mod_customnav ul li a::before,
    .mod_customnav ul li.active strong::before {
        width:12px;
        height:19px;
    }
    .content-hyperlink a,
    .ce_hyperlink a,
    .content-hyperlink button,
    .ce_hyperlink button {
        padding-top:10px;
        padding-bottom:9px;
    }
    .subnavi.produkte .inner {
        width:645px;
    }
    .subnavi.produkte img {
        max-height:75px;
    }
    #header .inside {
        min-height:75px;
    }
    #main .mod_article.infos table {
        font-size:13px;
        line-height:20px;
    }
    #header h3 {
        font-size:20px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler h3 {
        margin-top:15px;
        font-size:15px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler p {
        font-size:13px;
        line-height:20px;
    }
    #instagram {
        margin-top:60px;
    }
    #eapps-instagram-feed-1 {
        margin-top:45px;
    }
    #main .mod_article.produkt-6er {
        font-size:13px;
        line-height:15px;
    }
    #header h1 {
        font-size:45px;
        line-height:45px;
    }
    #footer .content-text.produkte,
    #footer .content-text.service {
        margin-right:60px;
    }
    #footer .inside {
        margin-right:60px;
        margin-left:60px;
    }
    .toggle-navi {
        padding:45px;
    }
    #main .mod_article > * {
        width:75%;
        padding-right:12.5%;
        padding-left:12.5%;
    }
    #main .mod_article .content-image.fresenius {
        top:120px;
    }
    #main .mod_article:first-of-type {
        padding-top:60px;
    }
    #main .mod_article .content-text.vierer figure img,
    #main .mod_article .content-text.dreier figure img {
        height:36px;
    }
    #main .mod_article .content-text.fuenfer strong,
    #main .mod_article .content-text.vierer strong,
    #main .mod_article .content-text.dreier strong {
        font-size:16px;
    }
    #main .mod_article .gl {
        font-size:12px;
        line-height:20px;
    }
    #main .mod_article.produkt-3er .content-hyperlink,
    #main .mod_article.produkt-3er .ce_hyperlink {
        margin-bottom:30px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table,
    .rsts-slide table {
        margin-right:0;
        width:80% !important;
    }
    #main .mod_article .popup {
        padding-right:0;
        padding-left:5.5%;
    }
    .classic-startseite figure {
        width:105px;
        right:-65%;
    }
    #main .mod_article#wasservergleichstool .content-text {
        padding-left:5%;
    }
    #main .mod_article#wasservergleichstool .content-text h2:before {
        width:45px;
        height:75px;
        margin-top:-40px;
        margin-left:-45px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_first {
        font-size:13px;
    }
    #main .mod_article#wasservergleichstool .content-table table td,
    #main .mod_article#wasservergleichstool .content-table thead tr th {
        padding-right:30px;
        padding-left:30px;
    }
    #main .mod_article#aktion {
        width:190px;
        height:190px;
        bottom:30px;
        right:30px;
        padding:10px;
    }
    #main .mod_article#aktion h3,
    #main .mod_article#aktion h3 a {
        padding-top:15px;
        font-size:15px;
        line-height:25px;
    }
    #main .mod_article#aktion h3,
    #main .mod_article#aktion h3 a {
        margin-bottom:10px !important;
    }
    #main .mod_article#aktion p a::after {
        margin-top:15px;
    }
    #main .mod_article#aktion figure {
        width:40px;
        height:40px;
        margin-top:-40px;
        margin-left:-25px;
    }
    #main .mod_article#aktion p a {
        font-size:11px;
        line-height:15px;
    }
    body.initiative #header .mod_article .content-text p {
        max-width:120px;
    }
    #main .mod_article .content-text.fuenfer {
        width:16%;
    }
    #team-button {
        width:130px;
        height:130px;
    }
    .mod_changelanguage {
        left:770px;
        top:45px;
    }
    .mod_changelanguage::after {
        width:12px;
        height:13px;
        background-size:contain;
    }
    .mod_article.referenzen .content-text p strong::before,
    .mod_article.referenzen .content-text p strong::after {
        height:45px;
    }
    .mod_article.referenzen figure img {
        height:75px;
    }
    #main .mod_article.referenzen .content-text p strong {
        font-size:24px;
        line-height:28px;
    }
    .ce_form .widget-text input,
    .ce_form .widget-textarea textarea {
        width:290px;
    }
    #header .content-text:lang(fr),
    #header .content-text:lang(es) {
        max-width:640px;
    }
    .mod_newslist .layout_latest h2 {
        font-size:24px;
        line-height:32px;
    }
    .mod_newslist .layout_latest h3 {
        font-size:14px;
        line-height:21px;
    }
    .mod_newslist .layout_latest p {
        font-size:13px;
        line-height:18px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text h2 {
        font-size:35px;
    }
    #main .mod_article .content-text.fuenfer.badge figure::after {
        left:90px;
    }
    #main .mod_article .weiter,
    #main .mod_article .senden {
        padding-right:20%;
    }
    .ce_form .widget.getraenkeart {
        flex:50%;
    }
}
    


/* 44 new */

@media (max-width: 1100px) {

    /* MMenu */ 
    .mobile-menu {
        display: block;
    }

    #header .mod_article .content-image:not(.made-in-germany) figure img {
        min-width: 100%;
    }

    .mod_changelanguage {
        display: none;
    }

    .toggle-navi {
        display: none;
    }


    .subnavi,
    .mod_navigation,
    .mod_customnav:not(#navi-mobil) ul {
        display:none !important;
    }

    .show-navi #navi-mobil {
        display:block;
    }

    #navi-mobil li a,
    #navi-mobil li.active strong {
        display:block;
        /* margin-bottom:10px; */
        margin-bottom:5px;
        /* font:30px/40px Qualy; */
        font:20px/25px Qualy;
        text-decoration:none;
        color:#092c57;
        margin-left:15px; /**/
    }
    #navi-mobil li.produktion a,
    #navi-mobil li.vielfalt a,
    #navi-mobil li.nachhaltigkeit:not(.seite):not(.co2-neutral) a,
    #navi-mobil li.anfrage a,
    body.dunkel #navi-mobil li.produktion a,
    body.dunkel #navi-mobil li.vielfalt a,
    body.dunkel #navi-mobil li.nachhaltigkeit a,
    body.dunkel #navi-mobil li.anfrage a {
        margin-left:0;
        border-bottom:2px solid #ddd;
        font-size:20px;
        line-height:30px;
        color:#00ACE6;
    }
    #navi-mobil li.technologie,
    #navi-mobil li.qualitaet,
    #navi-mobil li.sorten,
    #navi-mobil li.verpackung,
    #navi-mobil li.nachhaltigkeit.seite,
    #navi-mobil li.co2-neutral,
    #navi-mobil li.konfigurator,
    #navi-mobil li.faq {
        margin-left:30px;
    }
    #navi-mobil li.leitungswasser,
    #navi-mobil li.reklamation {
        margin-bottom:45px;
    }

    #navi-mobil li.co2-neutral,
    #navi-mobil li.leitungswasser,
    #navi-mobil li.reklamation {
        margin-bottom:15px;
    }

    #navi-mobil li.premium a,
    #navi-mobil li.nachhaltigkeit-alt a,
    #navi-mobil li.kontakt a {
        font-size:15px;
        line-height:25px;
    }

    #navi-mobil li:not(.produktion):not(.vielfalt):not(.nachhaltigkeit):not(.anfrage) a::before {
        width:15px;
        height:13px;
        position:absolute;
        margin-top:6px;
        margin-left:-24px;
        background-image:url("/files/images/arrow-right-grey.svg");
        content:'';
    }

    #navi-mobil ul {
        /* right:90px; */
        left:45px;
        right:45px;
        top:90px;
    }

    body.dunkel #navi-mobil li a,
    body.dunkel #navi-mobil li.active strong {
        color:#fff;
    }

    /* .show-navi .close-navi {
        width:34px;
        height:25px;
        right:20px;
        top:30px;
        position:fixed;
        display:block;
        padding:0;
        background-image:url("/files/images/close-blue.svg");
        background-position:center center;
        background-repeat:no-repeat;
        text-indent:-9999px;
        transition:0.3s;
        cursor:pointer;
        z-index:6010;
        background-size:contain;
    } */

    /* body.dunkel .show-navi .close-navi {
        background-image:url("/files/images/close-white.svg");
    } */

    #main #team-mit-hintergrund.mod_article.text-rechts {
        flex-direction: column;

        .content-image {
            width: 100%;
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;

            &::after {
                background: none;
            }
        }

        figcaption {
            left: auto;
            right: 0;
            border-radius: 30px 0 0 30px;
        }
        
        .content-text {
            max-width: 85%;
            padding-right: 0;
            padding-left: 0;
            position: relative;
            margin-top: 30px;
            margin-bottom: 20px;
        }
    } 

    #main .mod_newslist.copacking-news {
        flex-wrap: wrap;
        
        .news-box {
            display: flex;
            flex-direction: row;
            width: 100%;

            figure {
                min-width: 30%;
                max-width: 40%;

                img {
                    object-fit: cover;
                    height: 100%;
                }
            }
        }
    }

}


/* iPad quer */
@media (max-width: 1024px) and (orientation: landscape) {
    body.detail .mod_newsreader .layout_full figure {
        height:240px;
        margin-top:30px;
        margin-bottom:30px;
    }
    .content-player figure audio {
        height:36px;
        margin-top:35px;
        margin-bottom:5px;
    }
    #footer .content-text.produkte,
    #footer .content-text.service {
        margin-right:45px;
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        margin-right:15px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-links {
        margin-left:60px;
        width:calc(50% - 60px)
    }
    #main .mod_article .ce_accordion figure {
        width:calc(50% + 30px)
    }
    #main .mod_article .ce_accordion .accordion .content-text {
        padding-top:60px;
        padding-bottom:45px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts {
        margin-right:60px;
        width:calc(50% - 60px)
    }
    #main .mod_article .ce_accordion .accordion .content-text h3 {
        margin-bottom:25px;
        font-size:25px;
        line-height:30px;
    }
    .mod_navigation {
        padding-left:100px;
    }
    #header .mod_article .content-text {
        margin-left:110px;
    }
    #footer {
        font-size:12px;
        line-height:18px;
    }
    #footer strong,
    #footer a.mail {
        font-size:13px;
    }
    #footer .content-image img {
        width:45px;
        height:45px;
    }
    .content-hyperlink a,
    .ce_hyperlink a,
    .content-hyperlink button,
    .ce_hyperlink button {
        margin-right:0;
        margin-left:0;
    }
    #main .mod_article .gl {
        margin-top:-90px;
        padding-right:5%;
    }
    #instagram h1 {
        font-size:40px;
        line-height:40px;
    }
    #main .mod_article .popup h3 {
        font-size:13px;
    }
    #main .mod_article .popup.arteser {
        padding-left:6.7%;
    }
    .classic-startseite figure {
        right:-45%;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius,
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) {
        font-size:13px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_first,
    #main .mod_article#wasservergleichstool .content-table.rhodius .row_8 td.col_first {
        padding-left:10%;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_first {
        font-size:12px;
    }
    #main .mod_article#wasservergleichstool .content-table thead th {
        font-size:15px;
    }
    #main .mod_article#wasservergleichstool .content-table table td,
    #main .mod_article#wasservergleichstool .content-table thead tr th {
        padding-right:15px;
        padding-left:15px;
    }
    #main .mod_article#aktion {
        width:160px;
        height:160px;
    }
    #main .mod_article#aktion figure {
        margin-top:-35px;
    }
    #main .mod_article#aktion h3,
    #main .mod_article#aktion h3 a {
        font-size:14px;
        line-height:20px;
    }
    #main .mod_article#aktion p a {
        font-size:10px;
        line-height:13px;
    }
    .mod_article.quote p strong {
        font-size:20px;
        line-height:28px;
    }
    #header .mod_article .content-image.made-in-germany,
    #header .mod_article .content-image.made-in-germany figure {
        width:90px;
        height:60px;
    }
    /* .mod_changelanguage {
        left:720px;
    }
    .mod_changelanguage::after {
        right:15px;
    } */
    body.startseite #header .mod_article:first-of-type p {
        max-width:330px;
    }
    #main .mod_article .content-text.fuenfer {
        width:17%;
    }
    #main .mod_article .content-text.fuenfer,
    #main .mod_article .content-text.vierer,
    #main .mod_article .content-text.dreier {
        font-size:12px;
        line-height:18px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        max-width:390px;
        padding-right:120px;
        padding-left:120px;
    }
    .rsts-skin-default .rsts-prev,
    .rsts-skin-default .rsts-next,
    .rsts-skin-default .rsts-video-play,
    .rsts-skin-default .rsts-video-stop,
    .rsts-skin-default .rsts-thumbs-prev,
    .rsts-skin-default .rsts-thumbs-next {
        left:9%;
    }
    .rsts-skin-default .rsts-next,
    .rsts-skin-default .rsts-thumbs-next {
        left:auto;
        right:9%;
    }
    #main .mod_article.referenzen .content-text p strong {
        max-width:540px;
    }
    #main .mod_article.welle {
        padding-top:105px;
        padding-bottom:75px;
    }
    #footer .service img {
        width:20px;
        height:20px;
    }
    .subnavi .inner {
        left:100px;
    }
    #main .mod_article .content-text.vierer {
        width:17%;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text h3 {
        font-size:15px;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text h2 {
        font-size:25px;
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        margin-right:5px;
        padding-right:15px;
        padding-left:15px;
    }
    .ce_form p {
        font-size:12px;
        line-height:16px;
    }
    fieldset h3,
    fieldset label,
    fieldset fieldset legend {
        margin-bottom:20px;
        font-size:20px;
    }
    .ce_form .widget.menge input {
        width:200px;
        font-size:20px;
    }
    .ce_form .content-hyperlink a,
    .ce_form .ce_hyperlink a,
    .ce_form .content-hyperlink button,
    .ce_form .ce_hyperlink button,
    .ce_form .content-download p a {
        margin-top:10px;
        padding-right:15px;
        padding-left:20px;
        font-size:13px;
    }
    body.konfigurator .ce_form .content-hyperlink a::after,
    body.konfigurator .ce_form .ce_hyperlink a::after {
        width:0;
        height:0;
        margin:0;
        content:''
    }
    .ce_form .widget-radio.verpackung span {
        margin-top:-20px;
        margin-bottom:0;
    }
    body.konfigurator #main .mod_article {
        padding-right:5%;
        padding-left:5%;
    }
    .ce_form .widget-radio.getraenkeart span::before {
        width:60px;
        height:60px;
    }
    .ce_form .widget-radio label {
        font-size:12px;
        line-height:16px;
    }
    .ce_form .widget-radio.deckel span::before,
    .ce_form .widget-radio.lasche span::before {
        width:75px;
        height:75px;
    }
    .ce_form .widget-radio.drucktechnik span::before,
    .ce_form .widget-radio.ueberlackierung span::before {
        width:75px;
        height:75px;
    }
    #main .mod_article .kreis {
        width:52px;
        height:44px;
        margin-top:-80px;
    }
    .mod_newslist .layout_latest.halb,
    .mod_newslist .layout_latest.schmal,
    .mod_newslist .layout_latest.breit {
        flex:1 100%
    }
    #main .mod_article .content-text.fuenfer.badge figure::after {
        left:60px;
    }
    .ce_form .widget-explanation.bestellanfrage {
        border-right:0px solid #eee;
        border-bottom:5px solid #eee;
    }
    .ce_form .widget.grundstoffe {
        border-right:0px solid #eee;
        border-bottom:5px solid #eee;
        border-left:5px solid #eee;
    }
    .ce_form .widget.dpg-pfandlogo {
        border-right:0px solid #eee;
        border-bottom:5px solid #eee;
        border-left:5px solid #eee;
    }
}

/* iPhone quer */
@media (max-width: 812px) and (orientation: landscape) {
    html,
    body {
        font-size:12px;
        line-height:18px;
    }
    #header .mod_article .content-image::after,
    #header .mod_article .content-player::after,
    #header .mod_article .content-image,
    #header .mod_article .content-image figure,
    #header .mod_article .content-player,
    #header .mod_article .content-player figure {
        height:100vh;
    }
    #header .mod_article .content-text {
        margin-top:60px;
        height:calc(100vh - 60px)
    }
    .classic-startseite figure {
        width:75px;
        right:-5%;
    }
    #main .mod_article:first-of-type {
        padding-top:60px;
    }
    #main .mod_article.produkt-1er h2 {
        font-size:30px;
        line-height:30px;
    }
    h2 {
        margin-bottom:15px;
        font-size:20px;
        line-height:25px;
        letter-spacing:0px;
    }
    h3 {
        margin-top:-15px;
        margin-bottom:30px;
        font-size:15px;
    }
    #main .mod_article .content-text.vierer {
        width:33%;
    }
    #main .mod_article.produkt-1er h3,
    #main .mod_article.infos h3 {
        font-size:18px;
        line-height:24px;
    }
    #main .mod_article.infos h3 {
        margin-bottom:15px;
    }
    #main .mod_article.infos table {
        width:93% !important;
    }
    .content-hyperlink a,
    .ce_hyperlink a,
    .content-hyperlink button,
    .ce_hyperlink button {
        margin-top:5px;
        padding-right:15px;
        padding-left:20px;
    }
    #footer .inside {
        margin-right:30px;
        margin-left:30px;
    }
    #footer .content-text.produkte,
    #footer .content-text.service {
        margin-right:30px;
    }
    h4 {
        font-size:15px;
    }
    .rsts-type-slide .rsts-view::before {
        width:48px;
        height:36px;
        left:50%;
        position:absolute;
        margin-top:-36px;
        margin-left:-24px;
        /* background-image:url("/files/images/icon-swipe-white.svg"); */
        content:''
    }
    .weiss.rsts-type-slide .rsts-view::before {
        /* background-image:url("/files/images/icon-swipe-grey.svg"); */
    }

    .weiss.mod_rocksolid_slider {
        padding-top:75px;
    }
    #main .mod_article.dunkelblau.welle {
        padding-top:15px;
        padding-bottom:30px;
    }
    #main .mod_article .content-image.fresenius {
        display:none;
    }
    #header h3 {
        margin-top:-15px;
        font-size:18px;
    }
    #drei .rsts-skin-default .rsts-nav {
        display:block;
    }
    .rsts-skin-default .rsts-prev,
    .rsts-skin-default .rsts-next {
        display:none;
    }
    .rsts-skin-default .rsts-nav-thumbs {
        left:20%;
    }
    
    #main .mod_article#wasservergleichstool .content-text h2:before {
        width:45px;
        height:60px;
        margin-top:-30px;
        margin-left:-45px;
        border-top:10px solid #fff;
        border-right:0px solid #fff;
        border-bottom:10px solid #fff;
        border-left:10px solid #fff;
    }
    #main .mod_article#wasservergleichstool .content-text {
        width:45%;
        padding-top:60px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius,
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius),
    #main .mod_article#wasservergleichstool .content-table thead th {
        font-size:12px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_first,
    #main .mod_article#wasservergleichstool .content-table.rhodius .row_8 td.col_first {
        padding-left:5%;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_first {
        font-size:11px;
    }
    #main .mod_article#wasservergleichstool .content-table table td,
    #main .mod_article#wasservergleichstool .content-table thead tr th {
        padding-right:10px;
        padding-left:10px;
    }
    #main .mod_article#wasservergleichstool .content-table table td {
        padding-top:3px;
        padding-bottom:3px;
    }
    #main .mod_article #wasservergleichskarte {
        border-right:10px solid #fff;
    }
    #main .mod_article#wasservergleichstool .content-table {
        padding-top:15px;
    }
    #main .mod_article#aktion {
        width:120px;
        height:120px;
        border:3px solid #fff;
    }
    #main .mod_article#aktion .content-text {
        width:100%;
        padding-right:0;
        padding-left:0;
    }
    #main .mod_article#aktion figure {
        margin-top:-32px;
        margin-left:-22px;
        border:3px solid #fff;
    }
    #main .mod_article#aktion h3 a::after {
        width:18px;
        height:16px;
        display:block;
        margin-top:7px;
        margin-right:auto;
        margin-left:auto;
        background-image:url("/files/images/arrow-right-white.svg");
        background-position:center center;
        background-repeat:no-repeat;
        content:'';
        background-size:contain;
    }
    #main .mod_article#aktion p {
        display:none;
    }
    .mod_article.quote p strong {
        font-size:16px;
        line-height:20px;
    }
    #main .mod_article.quote {
        padding-top:45px;
    }
    #header .mod_article .content-image:first-of-type::after,
    #header .mod_article .content-player:first-of-type::after {
        height:100vh;
    }
    #header .mod_article:first-of-type::after {
        top: calc(100vh - (100vw / 1920 * 400 / 2));
    }
    #main .mod_article .content-text.fuenfer {
        width:24%;
    }
    #team-button {
        width:120px;
        height:120px;
    }
    #team-button img {
        margin-top:20px;
    }
    h1 {
        font-size:40px;
        line-height:45px;
        letter-spacing:-0.5px;
    }
    #header .content-text h1 {
        font-size:50px;
        line-height:55px;
        letter-spacing:-0.5px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        max-width:360px;
        padding-right:100px;
        padding-left:100px;
    }
    #main .mod_article.text-rechts .content-image::after,
    #main .mod_article.text-rechts .content-player::after {
        background: linear-gradient(to left, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 80%);
    }
    #main .mod_article.text-links .content-image::after,
    #main .mod_article.text-links .content-player::after {
        background: linear-gradient(to right, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 80%);
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        margin-right:0;
        padding-right:10px;
        padding-left:10px;
    }
    body.dunkel #main .mod_article {
        padding-right:0;
        padding-left:0;
    }
    body.team #header .mod_article .content-text {
        height:91vh;
    }
    .ce_form .step {
        height:auto;
    }
    .ce_form fieldset fieldset {
        margin-bottom:0;
    }
    .ce_form .widget-text input,
    .ce_form .widget-textarea textarea {
        width:250px;
    }
    #main .mod_article .faq-button {
        height:100px;
        font-size:15px;
    }
    .faq-button img {
        margin-top:16px;
    }
    .mod_article.faq {
        width:100%;
        margin-right:0;
        margin-left:0;
    }
    #main .mod_article.faq .ce_accordionSingle {
        width:80%;
        max-width:80%;
    }
    #main .mod_article #automat {
        width:65vw;
    }
    body.faq #main .mod_article:first-of-type,
    body.sorten #main .mod_article:first-of-type,
    body.verpackung #main .mod_article:first-of-type {
        padding-top:0;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler {
        height:65vh;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion {
        margin-top:57vh;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts {
        width:100%;
            margin-left:0;
            padding-bottom:0;
            padding-left:0;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links h2,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links h3,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links p,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts h2,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts h3,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts p {
        width:70%;
            margin-right:15%;
            margin-left:15%;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion figure {
        width:100%;
            max-width:100%;
            position:relative;
            margin-top:60px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion figure img {
        width:100%;
            max-width:100%;
            display:block;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .text-links figure::after,
    .nachhaltigkeit #main .mod_article .ce_accordion .text-rechts figure::after {
        display:none;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .text-rechts figure img {
        position:relative;
    }
    #main .mod_article .content-text.fuenfer.badge figure::after {
        left:75px;
    }
}

@media (max-width: 812px) {
    #main .referenzen .mod_rocksolid_slider .rte p {
        max-width: 500px;
    }
}

/* iPad hoch */
@media (max-width: 768px) and (orientation: portrait) {

    #main .anfrage-container {
        flex-direction: column;
    }
    #main .anfrage-container .content-image.anfrage-kontakt {
        width: 60%;
        margin: 30px auto 15px auto;;
        order:1;
    }
    .anfrage-container .content-image.anfrage-kontakt h3 {
        margin-top: -52px;
    }
    #main .anfrage-container .content-text {
        width:90%;
        margin: auto;
        text-align:center !important;
    }
    #main .mod_article .content-text.zweier {
        margin: 30px auto;
    }

    #header .mod_article .content-image::after,
    #header .mod_article .content-player::after,
    #header .mod_article .content-image,
    #header .mod_article .content-image figure,
    #header .mod_article .content-player,
    #header .mod_article .content-player figure {
        height:40vh;
    }
    #header .mod_article .content-text {
        margin-top:120px;
        height:calc(40vh - 120px)
    }
    #main .mod_article .content-text.dreier {
        width:25%;
        padding-right:2%;
        padding-left:2%;
    }
    #main .mod_article.produkt-1er {
        height:auto;
        padding-top:60px;
        padding-bottom:60px;
    }
    #main .mod_article.infos {
        margin-top:0;
        margin-bottom:0;
    }
    #main .mod_article.produkt-1er h3,
    #main .mod_article.infos h3 {
        font-size:20px;
        line-height:25px;
    }
    #main .mod_article.produkt-3er {
        width:100%;
        min-height:1px;
        padding-top:60px;
        padding-bottom:45px;
    }
    #main .mod_article.produkt-6er {
        max-width:95%;
        padding-top:25px;
        padding-bottom:15px;
        font-size:11px;
        line-height:11px;
    }
    #main .mod_article.produkt-6er .content-text img {
        max-width:45%;
        max-height:90px;
    }
    .subnavi .content-text strong,
    .produkt-6er strong {
        font-size:14px;
        line-height:16px;
    }
    #main .mod_article.produkt-1er h2 {
        font-size:30px;
        line-height:30px;
    }
    #main .mod_article .content-image.bild-oben,
    #main .mod_article .content-image.bild-oben figure {
        height:auto;
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        margin-right:10px;
        padding-right:15px;
        padding-left:15px;
    }
    h2 {
        font-size:25px;
        line-height:30px;
        letter-spacing:0px;
    }
    h1 {
        font-size:40px;
        line-height:40px;
        letter-spacing:-1px;
    }
    #main .mod_article.dunkelblau.welle {
        padding-top:75px;
        padding-bottom:30px;
    }
    #header .mod_article .content-text {
        margin-left:30px;
    }
    .mod_rocksolid_slider .content-text {
        max-width:80%;
        margin:0 auto;
        padding:30px 0px !important;
    }
    #main .mod_article.breit .content-text.dreier {
        width:70%;
        margin-bottom:30px;
    }
    .ce_form .widget-text input,
    .ce_form .widget-textarea textarea {
        width:270px;
    }
    #footer .inside {
        margin-right:30px;
        margin-left:30px;        
    }
    #footer {
        font-size:11px;
        line-height:16px;
    }
    .mod_navigation ul li {
        display:block;
        padding:15px;
        font-size:20px;
        line-height:30px;
    }
    #footer .content-text.produkte,
    #footer .content-text.service {
        margin-right:30px;
    }
    #footer strong,
    #footer a.mail {
        font-size:12px;
    }
    .hell #header .mod_article .content-text,
    #header .mod_article .content-text {
        width:85%;
    }
    #main .mod_article .gl {
        margin-top:-75px;
        padding-right:5%;
        font-size:10px;
        line-height:16px;
    }
    #instagram h1 {
        font-size:30px;
        line-height:30px;
    }
    #main .mod_article .popup h3 {
        font-size:11px;
    }
    #main .mod_article .popup p {
        padding:10px 15px;
        font-size:13px;
        line-height:18px;
    }
    #main .mod_article .popup.arteser {
        top:83%;
        padding-left:8.5%;
    }
    #main .mod_article .popup.hydrogencarbonat {
        padding-left:7%;
    }
    #main .mod_article .popup {
        top:72%;
    }
    .classic-startseite figure {
        width:90px;
        right:-15%;
    }
    #main .mod_article #wasservergleichskarte {
        width:100%;
        height:40vh;
        min-height:1px;
        max-height:40vh;
        border-bottom:10px solid #fff;
    }
    #main .mod_article#wasservergleichstool .content-table {
        width:auto;
        margin-left:0;
        padding-left:0;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_first {
        padding-left:10%;
    }
    #main .mod_article#wasservergleichstool .content-text {
        width:90%;
        margin-top:37.5vh;
        margin-left:0;
    }
    #main .mod_article#wasservergleichstool .content-text h2:before {
        width:90px;
        height:60px;
        left:50%;
        margin-left:-55px;
        border-top:10px solid #fff;
        border-right:10px solid #fff;
        border-bottom:0px solid #fff;
        border-left:10px solid #fff;
        border-radius:120px 120px 0 0;
        background-size:60%;
        background-position:center bottom;
        margin-top:calc(-75px + 2.5vh - 60px);
    }
    #main .mod_article#wasservergleichstool .content-text h2 {
        max-width:100vw;
        text-align:center;
    }
    #main .mod_article#aktion {
        width:180px;
        height:180px;
    }
    body.initiative #header .mod_article .content-text p {
        margin-left:120px;
    }
    .mod_article.quote p strong {
        font-size:16px;
        line-height:20px;
    }
    #header .mod_article:first-of-type::after {
        top:calc(40vh - (100vw / 1920 * 400 / 2))
    }
    body.team #header .mod_article:first-of-type::after {
        top:calc(50vh - (100vw / 1920 * 400 / 2))
    }
    #main .mod_article .content-text.fuenfer {
        width:25%;
        margin-bottom:60px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        max-width:45%;
        padding-right:12.5%;
        padding-left:12.5%;
    }
    #main .mod_article.text-links .content-image img,
    #main .mod_article.text-rechts .content-image img {
        max-width:130%;
        margin-left:-15%;
    }
    body.dunkel #main .mod_article {
        padding-right:0;
        padding-left:0;
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        margin-right:0;
        padding-right:10px;
        padding-left:10px;
    }
    .mod_article.referenzen .mod_rocksolid_slider .content-text {
        max-width:50%;
    }
    #main .mod_article.welle {
        padding-top:105px;
        padding-bottom:75px;
    }
    #footer .service img {
        width:20px;
        height:20px;
    }
    #header .mod_article .content-image.made-in-germany {
        top:20vh;
    }
    #main .mod_article.text-rechts .content-image::after,
    #main .mod_article.text-rechts .content-player::after {
        background:linear-gradient(to left, rgba(255,255,255,0.9) 55%, rgba(255,255,255,0) 85%)
    }
    #main .mod_article.text-links .content-image::after,
    #main .mod_article.text-links .content-player::after {
        background:linear-gradient(to right, rgba(255,255,255,0.9) 55%, rgba(255,255,255,0) 85%)
    }
    #main .mod_article .content-text.vierer {
        width:33%;
        margin-bottom:60px;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text h3 {
        font-size:15px;
    }
    #main .mod_article #automat {
        width:65vw;
        margin-top:0;
    }
    /* body.dunkel #navi-mobil li a,
    body.dunkel #navi-mobil li.active strong {
        color:#fff;
    } */
    .ce_form .widget-radio.getraenkeart span::before {
        width:60px;
        height:60px;
    }
    .ce_form .widget-radio.deckel span::before,
    .ce_form .widget-radio.lasche span::before,
    .ce_form .widget-radio.drucktechnik span::before,
    .ce_form .widget-radio.ueberlackierung span::before {
        width:75px;
        height:75px;
    }
    .ce_form .widget-radio label {
        margin-top:20px;
        font-size:12px;
    }
    .ce_form .widget-radio.deckel span,
    .ce_form .widget-radio.lasche span {
        width:30%;
    }
    .ce_form .widget-radio span {
        width:12%;
    }
    .ce_form .widget.verpackung p {
        margin-right:6%;
    }
    .ce_form .widget-radio.verpackung span {
        width:22.5%;
    }
    .ce_form .widget-text input,
    .ce_form .widget-textarea textarea {
        width:230px;
    }
    #main .mod_article .kreis {
        width:48px;
        height:40px;
        margin-top:-80px;
    }
    .ce_form .widget-radio.dosengroesse span {
        width:10%;
        margin-right:1%;
        margin-left:1%;
    }
    .mod_article.faq {
        margin-right:0;
        margin-left:0;
    }
    #main .mod_article.faq .ce_accordionSingle {
        width:80%;
        max-width:80%;
    }
    #main .mod_article .faq-button {
        height:105px;
        font-size:14px;
    }
    .faq-button img {
        margin-top:16px;
    }
    body.team #header .mod_article .content-text {
        height:41vh;
    }
    .mod_newslist .layout_latest.halb,
    .mod_newslist .layout_latest.schmal,
    .mod_newslist .layout_latest.breit {
        flex:1 100%
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links {
        width:100%;
            margin-left:0;
            padding-bottom:0;
            padding-left:0;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links h2,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links h3,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links p,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts h2,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts h3,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts p {
        width:70%;
            margin-right:15%;
            margin-left:15%;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion figure {
        width:100%;
            max-width:100%;
            position:relative;
            margin-top:60px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion figure img {
        width:100%;
            max-width:100%;
            display:block;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .text-links figure::after,
    .nachhaltigkeit #main .mod_article .ce_accordion .text-rechts figure::after {
        display:none;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .text-rechts figure img {
        position:relative;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text h2 {
        font-size:30px;
    }
    #main .mod_article .content-text.fuenfer.badge figure::after {
        left:75px;
    }
    .ce_form .widget-explanation.bestellanfrage {
        border-right:0px solid #eee;
        border-bottom:5px solid #eee;
    }
    .ce_form .widget.grundstoffe {
        border-right:0px solid #eee;
        border-bottom:5px solid #eee;
        border-left:5px solid #eee;
    }
    .ce_form .widget.dpg-pfandlogo {
        border-right:0px solid #eee;
        border-bottom:5px solid #eee;
        border-left:5px solid #eee;
    }
}


@media (max-width: 768px) {
    #footer .content-image {
        margin-top: -120px;
    }

    #main .mod_newslist.copacking-news {        
        .news-box {
            display: flex;
            flex-direction: column;
            border-bottom-right-radius: 40px;
            border-top-left-radius: 40px;
    
            .news-content {
                padding: 15px 20px;
            }

            figure {
                min-width: none;
                max-width: none;
            }
        }
    }

}

/* iphone hoch */
@media (max-width: 414px) and (orientation: portrait) {
    #main .mod_article .content-image.bild-links,
    #main .mod_article .content-image.bild-rechts {
        top:45px;
        position:absolute;
    }
    #main .mod_article .content-image.bild-links,
    #main .mod_article .content-image.bild-rechts {
        width:100% !important;
        padding:0 !important;
    }
    #main .mod_article .content-image.bild-links img,
    #main .mod_article .content-image.bild-rechts img {
        max-height:40vh;
    }
    #main .mod_article.produkt-3er {
        padding-right:0;
        padding-left:0;
    }
    #main .mod_article > * {
        width:85%;
        padding-right:7.5%;
        padding-left:7.5%;
    }
    #main .mod_article .content-text {
        text-align:left;
    }
    #main .mod_article:first-of-type {
        padding-top:30px;
    }
    #main .mod_article.produkt-3er .content-text {
        text-align:center;
    }
    #main .mod_article.infos table {
        margin-bottom:30px;
        font-size:10px;
        line-height:18px;
        width:100% !important;
    }
    #main .mod_article.infos h3 {
        margin-bottom:30px;
        text-align:center;
    }
    h1,
    #header h1 {
        font-size:30px;
        line-height:30px;
    }
    #header h1 {
        margin-bottom:15px;
        color:#092c57;
    }
    #main .mod_article.produkt-6er {
        display:none;
    }
    #main .mod_article.produkt-1er {
        display:block;
    }
    #main .mod_article .content-image.bild-links,
    #main .mod_article .content-image.bild-rechts {
        width:auto;
    }
    #main .mod_article.produkt-1er .content-text,
    #main .mod_article.produkt-1er .content-text.text-links,
    #main .mod_article.produkt-1er .content-text.text-rechts {
        width:75%;
        padding-right:12.5%;
        padding-left:12.5%;
        text-align:center;
    }
    /* #navi-mobil li a,
    #navi-mobil li.active strong {
        margin-left:15px;
        font-size:20px;
        line-height:25px;
    }
    #navi-mobil li:not(.produktion):not(.vielfalt):not(.nachhaltigkeit):not(.anfrage) a::before {
        width:15px;
        height:13px;
        position:absolute;
        margin-top:6px;
        margin-left:-24px;
        background-image:url("/files/images/arrow-right-grey.svg");
        content:''
    } */
    div#branding a {
        left:20px;
        top:20px;
    }
    .toggle-navi {
        padding:30px 20px;
    }
    #header .inside {
        height:auto;
        min-height:65px;
        border-bottom:0;
    }
    #header .mod_article .content-image::after,
    #header .mod_article .content-player::after,
    #header .mod_article .content-image,
    #header .mod_article .content-image figure,
    #header .mod_article .content-player,
    #header .mod_article .content-player figure {
        height:40vh;
    }
    .hell #header .mod_article .content-text,
    #header .mod_article .content-text {
        height:auto;
        margin-top:45vh;
        color:#4a4a4a;
        padding-bottom: 30px;
    }
    /* #navi-mobil ul {
        left:45px;
        right:45px;
        top:90px;
    }
    #navi-mobil li a,
    #navi-mobil li.active strong {
        margin-bottom:5px;
    }
    #navi-mobil li.co2-neutral,
    #navi-mobil li.leitungswasser,
    #navi-mobil li.reklamation {
        margin-bottom:15px;
    } */
    #store_search input,
    #store_search select,
    #store_search button {
        width:100%;
        margin-right:0;
        margin-bottom:20px;
        margin-left:0;
        font-size:13px;
    }
    .content-hyperlink a,
    .ce_hyperlink a,
    .content-hyperlink button,
    .ce_hyperlink button {
        margin-right:0;
        margin-left:0;
        padding-right:20px;
        padding-left:25px;
    }
    .content-hyperlink a::after,
    .ce_hyperlink a::after,
    form button.submit::after {
        height:18px;
    }
    #store_search .widget-submit {
        float:none;
        margin-right:0;
    }
    #instagram {
        margin-top:45px;
    }
    #footer {
        background-position:0px;
    }
    #footer .content-text {
        width:100%;
        float:none;
        font-size:13px;
        line-height:20px;
        margin-bottom:10px !important;
    }
    #footer strong,
    #footer a.mail {
        font-size:16px;
    }
    #store_search input {
        width:calc(100% - 80px)
    }
    #store_search .widget {
        display:block;
    }
    h2 {
        font-size:24px;
        line-height:28px;
    }
    #main .mod_article .content-text.fuenfer,
    #main .mod_article .content-text.vierer {
        width:85%;
        padding-right:0;
        padding-left:0;
        text-align:center;
    }
    #main .mod_article.zentriert .content-text {
        text-align:center;
    }
    #main .mod_article .content-text.fuenfer {
        margin-bottom:30px;
    }
    #main .mod_article .content-text.fuenfer strong,
    #main .mod_article .content-text.vierer strong,
    #main .mod_article .content-text.dreier strong {
        margin-top:15px;
        margin-bottom:15px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        position:relative;
        margin-top:30px;
        margin-bottom:20px;
    }
    #main .mod_article.text-links,
    #main .mod_article.text-rechts {
        display:block;
    }
    #header h3,
    h3 {
        font-size:15px;
        line-height:20px;
    }
    #header h3 {
        margin-top:0;
        margin-bottom:0;
        color:#00ACE6;
    }
    #header .mod_article .content-image figure img {
        margin-left:-90%;
    }
    /* #navi-mobil li.premium a,
    #navi-mobil li.nachhaltigkeit-alt a,
    #navi-mobil li.kontakt a {
        font-size:15px;
        line-height:25px;
    } */
    .content-image.quelle figure img {
        max-width:200%;
        float:right;
    }
    .rsts-type-slide .rsts-view::before {
        width:48px;
        height:36px;
        left:50%;
        position:absolute;
        margin-top:-36px;
        margin-left:-24px;
        /* background-image:url("/files/images/icon-swipe-white.svg"); */
        content:''
    }
    .weiss.rsts-type-slide .rsts-view::before {
        /* background-image:url("/files/images/icon-swipe-grey.svg"); */
    }
    .weiss.mod_rocksolid_slider {
        padding-top:75px;
    }
    #main .mod_article.dunkelblau.welle {
        padding-top:0;
    }
    .welle::after {
        display:none;
    }
    #main .mod_article .gl {
        width:45%;
        margin-top:-45px;
        padding-right:15%;
        font-size:9px;
        line-height:11px;
    }
    #main .mod_article.history {
        background-attachment:scroll;
    }
    .cookiebar__text {
        width:90%;
        margin-top:5px;
        margin-bottom:10px;
    }
    #main .mod_article .content-image.fresenius {
        width:75%;
        top:15px;
        position:relative;
        margin-left:25%;
    }
    .cookiebar {
        font-size:11px;
        line-height:18px;
    }
    .ce_form .widget-radio span {
        width:95%;
        margin-bottom:60px;
    }
    .ce_form .widget-radio.gebinde span {
        width:28%;
    }
    .ce_form #reklamation .widget-textarea {
        width:90%;
    }
    .ce_form .widget-textarea textarea,
    .ce_form .widget-upload input.upload {
        margin-right:0;
        margin-left:0;
        padding:0;
    }
    .ce_form .widget-radio label {
        margin-top:15px;
        margin-bottom:15px;
    }
    #header.hide .mod_article,
    #header.hide ~ #container,
    #header.hide ~ .custom,
    #header.hide ~ #footer {
        opacity:0.05
    }
    #main .mod_article.breit .content-text.dreier {
        width:85%;
        text-align:left;
    }
    section.drei .mod_rocksolid_slider,
    section.drei .content-text.tabelle {
        display:none;
    }
    .mod_newslist .layout_latest figure {
        width:100%;
        height:300px;
        margin-bottom:30px;
    }
    #main .mod_article .popup {
        display:none;
    }
    #main .mod_article.infografik {
        overflow:hidden;
    }
    .content-download p a {
        margin-top:40px;
    }
    #main .mod_article .content-text.zweier {
        width:90%;
    }
    .classic-startseite figure {
        width:70px;
        bottom:110%;
        left:39%;
    }
    /* .show-navi .close-navi {
        width:34px;
        height:25px;
        right:20px;
        top:30px;
        position:fixed;
        display:block;
        padding:0;
        background-image:url("/files/images/close-blue.svg");
        background-position:center center;
        background-repeat:no-repeat;
        text-indent:-9999px;
        transition:0.3s;
        cursor:pointer;
        z-index:5000;
        background-size:contain;
    } */
    #main .mod_article#wasservergleichstool .content-text h2:before {
        width:75px;
        height:45px;
        margin-left:-47.5px;
        margin-top:calc(-75px + 5vh - 45px);
        background-size:50%;
    }
    #main .mod_article#wasservergleichstool .content-text {
        margin-top:35vh;
    }
    #main .mod_article#wasservergleichstool .content-text h2 {
        margin-bottom:15px;
    }
    #main .mod_article#wasservergleichstool .content-table {
        padding-top:15px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_first {
        position:absolute;
        padding-left:5%;
        font-size:10px;
        padding-top:3px;
    }
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_8 td {
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_25 a::after,
    #main .mod_article#wasservergleichstool .content-table.rhodius .row_25 a::after {
        display:none;
    }
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_25 a,
    #main .mod_article#wasservergleichstool .content-table.rhodius .row_25 a {
        padding-right:20px;
        padding-left:20px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius th.col_last,
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_last {
        border-left:0;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td.col_last,
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) td.col_last {
        padding-top:20px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius,
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) {
        font-size:14px;
    }
    #main .mod_article#wasservergleichstool .content-table table td,
    #main .mod_article#wasservergleichstool .content-table thead tr th {
        padding-right:15px;
        padding-left:15px;
    }
    #main .mod_article#wasservergleichstool .content-table thead tr th.col_first {
        padding-right:0;
        padding-left:0;
    }
    #main .mod_article#wasservergleichstool .content-table thead th {
        font-size:14px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius {
        width:50%;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius table {
        width:100%;
    }
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) table {
        width:50%;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius .row_8 td.col_first {
        padding-left:5%;
    }
    #main .mod_article#aktion {
        width:100px;
        height:100px;
        bottom:15px;
        right:15px;
        border:3px solid #fff;
    }
    #main .mod_article#aktion .content-text {
        width:100%;
        padding-right:0;
        padding-left:0;
    }
    #main .mod_article#aktion figure {
        width:30px;
        height:30px;
        margin-top:-26px;
        margin-left:-18px;
        border:3px solid #fff;
    }
    #main .mod_article#aktion h3,
    #main .mod_article#aktion h3 a {
        padding-top:11px;
        text-align:center;
        font-size:12px;
        line-height:18px;
    }
    #main .mod_article#aktion h3 a::after {
        width:18px;
        height:16px;
        display:block;
        margin-top:9px;
        margin-right:auto;
        margin-left:auto;
        background-image:url("/files/images/arrow-right-white.svg");
        background-position:center center;
        background-repeat:no-repeat;
        content:'';
        background-size:contain;
    }
    #main .mod_article#aktion p,
    #main .mod_article#aktion p ::after {
        display:none;
    }
    body.initiative #header .mod_article .content-text {
        margin-top:120px !important;
        margin-bottom:60px !important;
    }
    body.initiative #header .mod_article .content-text p {
        margin-left:30px;
    }
    body.initiative .classic-startseite figure {
        bottom:-60px;
    }
    .mod_article.quote p strong {
        font-size:19px;
        line-height:24px;
    }
    #main .mod_article.quote {
        padding-top:45px;
    }
    #main .mod_article.quote.photo {
        display:block;
    }
    #main .mod_article.quote.photo .content-image {
        width:100%;
    }
    #main .mod_article.quote.photo .content-text {
        width:85%;
        display:inline-block;
        padding:7.5%;
    }
    #header .mod_article .content-image.made-in-germany,
    #header .mod_article .content-image.made-in-germany figure {
        width:90px;
        height:60px;
    }
    #team-button {
        width:100px;
        height:100px;
    }
    #team-button img {
        margin-top:10px;
        transform:scale(0.7)
    }
    #team-button {
        line-height:10px;
    }
    #team-button a {
        font-size:14px;
    }
    #header .content-text h1 {
        font-size:36px;
        line-height:44px;
    }
    #main .mod_article.text-links .content-image img,
    #main .mod_article.text-rechts .content-image img {
        max-width:120%;
        margin-left:-10%;
    }
    .rsts-skin-default .rsts-prev,
    .rsts-skin-default .rsts-next,
    .rsts-skin-default .rsts-video-play,
    .rsts-skin-default .rsts-video-stop,
    .rsts-skin-default .rsts-thumbs-prev,
    .rsts-skin-default .rsts-thumbs-next {
        width:16px;
        height:29px;
        left:5%;
    }
    .mod_article.referenzen figure img {
        height:45px;
    }
    .rsts-skin-default .rsts-next,
    .rsts-skin-default .rsts-thumbs-next {
        left:auto;
        right:5%;
    }
    .mod_article.referenzen .mod_rocksolid_slider .content-text {
        max-width:70%;
    }
    #main .mod_article.referenzen .content-text p strong {
        font-size:20px;
        line-height:24px;
    }
    #main .mod_article.text-links .content-image::after,
    #main .mod_article.text-links .content-player::after,
    #main .mod_article.text-rechts .content-image::after,
    #main .mod_article.text-rechts .content-player::after {
        background:none;
    }
    #main .mod_article {
        padding-top:30px;
        padding-bottom:30px;
    }
    #main .mod_article.text-links .content-text,
    #main .mod_article.text-rechts .content-text {
        max-width:85%;
        padding-right:0;
        padding-left:0;
    }
    #main .mod_article.welle {
        margin-top:0;
        padding-top:60px;
        padding-bottom:45px;
    }
    #footer .content-image {
        margin-bottom:90px;
    }
    #footer .content-image img {
        width:45px;
        height:45px;
    }
    #footer {
        margin-top:100px;
    }
    #header .mod_article:first-of-type::after {
        width:150vw;
        height:calc(150vw / 1920 * 400)
    }
    #header .mod_article:first-of-type::after {
        top:calc(40vh - (150vw / 1920 * 400 / 2))
    }
    .mod_article.welle::before {
        width:150vw;
        margin-left:-50vw;
        height:calc(150vw / 1920 * 400);
        top:calc(-150vw / 1920 * 400 / 2)
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text {
        margin-right:10%;
        margin-left:10%;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr,
    body.verpackung #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr {
        margin-right:10%;
        margin-left:10%;
        margin-top:-90px
    }
    body.sorten #main .mod_article .mod_rocksolid_slider,
    body.verpackung #main .mod_article .mod_rocksolid_slider {
        margin-bottom:0;
        padding-bottom:0;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr {
        display:block;
    }
    .rsts-skin-default .rsts-nav-numbers a,
    .rsts-skin-default .rsts-nav-tabs a {
        padding-right:7px;
        padding-left:7px;
        font-size:14px;
    }
    #main .rsts-nav-tabs ul {
        width:90%;
        border-radius:23px;
    }
    body.verpackung #main .rsts-nav-tabs ul {
        width:auto;
    }
    .rsts-skin-default .rsts-nav,
    .rsts-nav-tabs {
        z-index:5000;
    }
    body.sorten .rsts-slide .plus,
    body.verpackung .rsts-slide .plus {
        display:none;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr,
    body.verpackung #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr {
        max-height:none;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-image {
        width:80%;
        right:0;
        position:relative;
        margin-top:60px;
        margin-bottom:0;
        margin-left:10%;
        margin-right:10%;
    }
    #main .mod_article #automat {
        display:none;
    }
    #main .mod_article .kreis {
        width:38px;
        height:30px;
        margin-top:-102px;
        margin-right:5px;
        margin-left:5px;
        font-size:20px;
        line-height:22px;
    }
    .ce_form .widget-radio.dosengroesse {
        border-top:0;
    }
    .ce_form .radio_container.dosengroesse span {
        margin-top:15px;
    }
    .ce_form .widget-radio.dosengroesse div.slim,
    .ce_form .widget-radio.dosengroesse div.sleek,
    .ce_form .widget-radio.dosengroesse div.classic {
        width:100%;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(10)::before {
        width:70px;
        height:150px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(8)::before {
        width:57px;
        height:158px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(7)::before {
        width:52px;
        height:142px;
    }
    .ce_form .widget-radio.dosengroesse span:nth-child(6)::before {
        width:48px;
        height:128px;
    }
    .ce_form .widget-explanation.bestellanfrage,
    .ce_form .widget.menge,
    .ce_form .widget-radio.getraenkeart,
    .ce_form .widget-radio.deckel,
    .ce_form .widget.grundstoffe,
    .ce_form .widget.rezeptur,
    .ce_form .widget.lasche,
    .ce_form .widget-radio.drucktechnik,
    .ce_form .widget-radio.ueberlackierung,
    .ce_form .widget.dpg-pfandlogo,
    .ce_form .widget.upload-gestaltungsvorlagen {
        width:80%;
        height:auto;
        border-right:0px solid #eee;
        border-bottom:5px solid #eee;
    }
    .ce_form .widget-radio span {
        width:28%;
    }
    .ce_form .widget.menge input {
        font-size:25px;
    }
    .ce_form .widget-text input,
    .ce_form .widget-textarea textarea {
        width:180px;
    }
    .ce_form .step {
        height:auto;
    }
    .ce_form fieldset {
        margin-bottom:0;
    }
    .ce_form .widget.verpackung p {
        width:100%;
        max-width:100%;
        margin-right:0;
    }
    .ce_form .verpackung span.disabled {
        display:none;
    }
    .ce_form .widget-radio.verpackung span {
        width:47%;
    }
    .ce_form .widget-radio,
    .ce_form .widget-explanation,
    .ce_form .widget-text,
    .ce_form .widget-range,
    .ce_form .widget-upload {
        padding-right:45px;
        padding-bottom:30px;
    }
    .ce_form .widget-radio.dosengroesse span {
        width:30%;
    }
    .ce_form .widget-radio span {
        margin-bottom:0;
    }
    .ce_form .widget-radio.getraenkeart span {
        margin-top:15;
    }
    .ce_form .widget-radio.deckel span,
    .ce_form .widget-radio.lasche span {
        width:30%;
    }
    #main .mod_article .weiter,
    #main .mod_article .zurueck {
        width:50%;
        bottom:0;
        right:0;
        padding:15px 0;
        background-color:#fff;
        -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.15);
        box-shadow:0 0 30px 0 rgba(0,0,0,.15);
        padding-left:50%;
    }
    #main .mod_article .konfigurator-navigation {
        background:none;
        height:1px;
    }
    body.konfigurator .ce_form {
        margin-bottom:60px;
    }
    #main .mod_article .zurueck {
        left:0;
        right:auto;
        padding-left:0;
        -webkit-box-shadow:0 0 0 0 #000;
        box-shadow:0 0 0 0 #000;
        z-index:1000;
    }
    body.konfigurator #footer {
        z-index:9000;
    }
    #main .mod_article .faq-button {
        width:40%;
        margin-right:4%;
        margin-bottom:4%;
        margin-left:4%;
        text-align:center;
    }
    #header .mod_article .content-image:not(.made-in-germany) figure img {
        width:120%;
        min-width:120%;
    }
    #header .mod_article .content-image:first-of-type::after,
    #header .mod_article .content-player:first-of-type::after {
        opacity:0.3;
    }
    #main .mod_article .content-text.dreier {
        width:85%;
        padding-right:5%;
        padding-left:5%;
    }
    #main .mod_article.text-links figcaption {
        left:0;
        right:auto;
        border-radius:0 30px 30px 0;
    }
    #main .mod_article.text-rechts figcaption,
    #header .content-image figcaption {
        left:auto;
        right:0;
        border-radius:30px 0 0 30px;
    }
    body.team #header .mod_article .content-text {
        height:69vh;
        margin-top:11vh;
    }
    body.team #header .mod_article:first-of-type .content-text {
        color:#fff;
    }
    body.team #header .mod_article:first-of-type::after {
        top:calc(71vh - (150vw / 1920 * 400 / 2))
    }
    body.team .rsts-skin-default .rsts-prev,
    body.team .rsts-skin-default .rsts-next,
    body.team .rsts-skin-default .rsts-thumbs-prev,
    body.team .rsts-skin-default .rsts-thumbs-next {
        left:0;
    }
    body.team .rsts-skin-default .rsts-next,
    body.team .rsts-skin-default .rsts-thumbs-next {
        left:auto;
        right:0;
    }
    #header {
        background-color:#F8F8F8;
        overflow-x:hidden;
        overflow-y:visible;
    }
    body.dunkel #header {
        background:transparent;
    }
    #main .mod_article.text-links,
    #main .mod_article.text-rechts {
        background-color:#f8f8f8;
    }
    .content-hyperlink a,
    .ce_hyperlink a,
    .content-hyperlink button,
    .ce_hyperlink button,
    .content-download p a {
        margin-top:0;
        padding-right:15px;
        padding-left:20px;
        font-size:13px;
    }
    body.verpackung #main .mod_article .mod_rocksolid_slider p {
        width:100%;
        max-width:100%;
    }
    body.dunkel .show-navi .inside {
        background:transparent;
    }
    /* body.dunkel .show-navi .close-navi {
        background-image:url("/files/images/close-white.svg");
    } */
    /* .mod_changelanguage {
        width:100%;
        left:0;
        top:33px;
    }
    .mod_changelanguage ul {
        max-height:none;
        text-align:center;
    }
    .mod_changelanguage > strong {
        display:none;
    }
    .mod_changelanguage li {
        display:inline;
        margin-right:15px;
        margin-left:15px;
        font-size:18px;
    }
    body.hell .mod_changelanguage ul li a {
        color:#17327F;
    }
    body.dunkel .mod_changelanguage ul li a {
        color:#fff;
    } */

    #main .mod_article.video,
    #main .mod_article.text-links,
    #main .mod_article.text-rechts {
        padding-top:0;
        padding-bottom:0;
    }
    fieldset.step.one,
    #step3 fieldset.step.two,
    #step4 fieldset.step.two,
    #step4 fieldset.step.three,
    #step5 fieldset.step.two,
    #step5 fieldset.step.three,
    #step5 fieldset.step.four {
        transform:translateX(-110vw)
    }
    .ce_form .widget.lasche,
    .ce_form .widget.upload-gestaltungsvorlagen {
        padding-bottom:0;
        border-bottom:0;
    }
    body.team #header .mod_article:first-of-type::after {
        display:none;
    }
    body.dunkel.team #main .mod_article:first-of-type {
        padding-top:30px;
    }
    #main .mod_article .content-text.fuenfer p.content-hyperlink,
    #main .mod_article .content-text.fuenfer p.ce_hyperlink,
    #main .mod_article .content-text.vierer p.content-hyperlink,
    #main .mod_article .content-text.vierer p.ce_hyperlink,
    #main .mod_article .content-text.dreier p.content-hyperlink,
    .subnavi .content-text .content-hyperlink,
    .subnavi .content-text .ce_hyperlink {
        bottom:auto;
        left:auto;
        right:auto;
        top:auto;
        position:relative;
    }
    #main .mod_article .content-text.fuenfer p.content-hyperlink a,
    #main .mod_article .content-text.fuenfer p.ce_hyperlink a,
    #main .mod_article .content-text.vierer p.content-hyperlink a,
    #main .mod_article .content-text.vierer p.ce_hyperlink a,
    #main .mod_article .content-text.dreier p.content-hyperlink a,
    #main .mod_article .content-text.dreier p.ce_hyperlink a,
    .subnavi .content-hyperlink a,
    .subnavi .ce_hyperlink a {
        left:auto;
    }
    body.verpackung .dosengroessen img {
        max-width:100%;
    }
    body.verpackung .dosengroessen img:last-child {
        margin-top:30px;
    }
    body.verpackung .umverpackung img {
        max-width:50%;
    }

    body .mod_article.angebot .content-text {
        display: grid;
    }

    #main .mod_article.angebot .content-text p {
        margin-left:0;
    }

    #main .mod_article.angebot:not(.welle) .content-text p {
        margin-left:0%;
    }

    body .mod_article.angebot figure {
        float:right;
        margin-right:0;
        margin-bottom:5%;
        margin-left:10%;

        order: 1;
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 5%;
    }
    .mod_newslist .layout_latest.bild-links figure,
    .mod_newslist .layout_latest.bild-rechts figure {
        width:100%;
        height:auto;
        float:none;
        display:block;
        margin-right:0;
        margin-left:0;
        text-align:center;
    }
    .mod_newslist .layout_latest.freigestellt figure {
        margin-top:20px;
        margin-bottom:20px;
    }
    .mod_newslist .layout_latest.bild-bg figure {
        display:none;
    }
    .mod_newslist .layout_latest.bild-bg.bild-rechts .ce_text,
    .mod_newslist .layout_latest.bild-bg.bild-links .ce_text {
        width:75%;
    }
    .mod_newslist .layout_latest.freigestellt figure img {
        max-width:80%;
        margin-right:auto;
        margin-left:auto;
    }
    body.faq #main .mod_article:first-of-type,
    body.sorten #main .mod_article:first-of-type,
    body.verpackung #main .mod_article:first-of-type {
        padding-top:15px;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-image {
        float:none;
    }
    body.sorten #main .mod_article .mod_rocksolid_slider .rsts-slide .content-text.mehr p {
        max-width:100%;
        max-height:none;
        padding-right:0;
        color:#999;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler p {
        display:none;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler h3 {
        margin-right:10%;
        margin-left:10%;
        text-align:center;
        max-width:80%;
        font-size:16px;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .toggler {
        height:12.5vh;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion {
        margin-top:12.5vh;
    }
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links h2,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links h3,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-links p,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts h2,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts h3,
    .nachhaltigkeit #main .mod_article .ce_accordion .accordion .content-text.text-rechts p {
        width:85%;
            max-width:85%;
            margin-right:7.5%;
            margin-left:7.5%;
    }
    .nachhaltigkeit #main .mod_article .content-text.fuenfer:not(:last-of-type)::after {
        display:none;
    }
    #main .mod_article .content-text.fuenfer.badge figure::after {
        left:160px;
        top:0;
    }
    #main .mod_article .senden {
        right:-33vw;
    }

    #main .mod_article.faq .ce_accordionSingle ul {
        width: auto;
        padding-left: 30px;
    }
}
    
@charset "UTF-8";
.ls .mod_newsreader.block {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 1280px) {
    .ls .mod_newsreader.block {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }
}

.ls .mod_newsreader.block h2.dunkelblau {
    display: none;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col-25 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.col-40 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.col-45 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.col-50 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
}

.col-55 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.col-60 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.col-75 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media screen and (min-width: 1281px) {
    .col-25 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
    .col-45 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
    .col-40 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    }
    .col-60 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    }
    .col-50 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .col-55 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    }
    .col-75 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }
}

.h2 {
    margin-bottom: 45px;
    font: 2.5em/1.5em Qualy, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

@media screen and (min-width: 800px) {
    .h2 {
        font: 50px/55px Qualy, Arial, Helvetica, sans-serif;
    }
}

.strong {
    font-weight: bold;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.light-blue {
    color: #00ace6;
}

.dark-blue {
    color: #17327f;
}

a.bluelink {
    color: #00ACE6;
    font-weight: 600;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a.bluelink:hover {
    color: #17327F;
}

.has-shaddow {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
}

.lom-list {
    margin-left: 50px;
    margin-bottom: 30px;
}

#main .header-bg::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
    z-index: 0;
}

.mod_article_dosenabfuellung::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}


/* START Bilder für unterschiedliche Header austauschen */

.mod_article_wertschoepfung::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_verpackungsvielfalt::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_near-water::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_wiederverschliessbar::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_hard-seltzer::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_recyeln::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_vorteile::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_co-neutral::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_kurzportrait::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_co-packing::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_mehrweganlage::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_ready-to-drink::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_ready-to-drink::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosenabfuellung/header_bg.jpg)
}

.mod_article_trendgetaenke-2024::before {
    background: url(https://www.rhodius-copacking.com/files/images/getaenketrends/header-01.png)
}

.mod_article_dosendesign::before {
    background: url(https://www.rhodius-copacking.com/files/images/dosendesign/header-dd.png);
    background-size: 750px !important;
    background-position-x: 80%;
}


/* END Bilder für unterschiedliche Header austauschen */

@media screen and (min-width: 1281px) {
    #main .header-bg::before {
        opacity: 0.7;
    }
}

#main .header-bg .first {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: left;
    margin-bottom: 40px;
}

#main .header-bg .first p {
    margin-left: 0;
}

@media screen and (min-width: 1281px) {
    #main .header-bg .first p {
        width: 50%;
    }
}

.mod_article > div:not(.rte):first-child {
    position: relative;
    z-index: 1;
    text-align: left;
}

.mod_article > div:not(.rte):first-child p {
    margin-left: 0;
}

@media screen and (min-width: 1281px) {
    .mod_article > div:not(.rte):first-child p {
        max-width: 50%;
    }
}

.mod_article .white-bg {
    margin-bottom: 40px !important;
    width: 90%;
    max-width: 1350px;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    margin-top: 60px;
    margin-bottom: 30px;
    padding-top: 50px;
    padding-bottom: 45px;
    background-color: #fff;
    border-radius: 30px;
    color: #4a4a4a;
}

.mod_article .white-bg p {
    margin-bottom: 40px !important;
}

@media screen and (min-width: 1281px) {
    .mod_article .white-bg {
        width: 100%;
    }
}

.mod_article .white-bg .white-bg-inner {
    text-align: left;
}

@media screen and (min-width: 1281px) {
    .mod_article .white-bg .white-bg-inner {
        padding: 0 40px;
    }
}

.flip-teaser {
    margin-bottom: 40px;
}

.flip-teaser h2 {
    margin-bottom: 20px;
}

.flip-teaser img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 1281px) {
    .flip-teaser .flip-teaser-content-left {
        padding-right: 40px;
    }
    .flip-teaser .flip-teaser-content-right {
        padding-left: 40px;
    }
    .flip-teaser p:last-child {
        margin-bottom: 0 !important;
    }
}

.infografik {
    text-align: center;
}

.infografik img {
    margin: 0 auto 40px;
    width: 90%;
}

ol.bluelist {
    list-style: none;
    counter-reset: my-awesome-counter 0;
}

@media screen and (min-width: 1281px) {
    ol.bluelist {
        width: 80%;
    }
}

ol.bluelist li {
    margin-bottom: 20px;
    counter-increment: my-awesome-counter;
}

ol.bluelist li:before {
    content: counter(my-awesome-counter) ". ";
    color: #00ACE6;
    font-weight: 600;
}

ol.bluelist strong {
    color: #00ACE6;
    font-weight: 600;
}

ul.checklist {
    list-style: none !important;
    text-indent: -25px;
    margin-left: -30px !important;
}

ul.checklist li {
    margin-bottom: 20px;
    list-style: none !important;
}

ul.checklist li:before {
    content: "✓";
    color: #00ACE6;
    font-weight: 600;
    padding-right: 10px;
}

.ansprechpartner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 1281px) {
    .ansprechpartner {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width: 1281px) {
    .ansprechpartner .caption {
        position: absolute;
        background: #fff;
        border-radius: 0 20px 20px 0;
        padding: 25px;
        width: 190px;
        left: 0;
        bottom: 20px;
    }
}

@media screen and (min-width: 1285px) {
    .ansprechpartner .caption {
        left: 11px;
    }
}

.ansprechpartner .caption p {
    margin: 0 !important;
}

@media screen and (min-width: 1281px) {
    .ansprechpartner .caption p {
        text-align: left;
    }
}

@media screen and (min-width: 1281px) {
    .ansprechpartner {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: -45px;
        margin-left: -66px;
    }
}

.ce_form .widget-checkbox {
    width: auto;
    margin: 15px;
    padding-top: 45px;
    padding-bottom: 35px;
    padding-left: 60px;
    text-align: center;
    border-top: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    border-left: 0px solid #ddd;
    font: 12px Ubuntu;
    font-weight: bold;
    color: #092c57;
}

.ce_form .widget-checkbox label {
    font: 12px Ubuntu;
    font-weight: bold;
}

body.konfigurator #main .mod_article .ce_form {
    overflow: unset!important;
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 1024px) {
    .ce_form .five .widget-text,
    .ce_form .five .privacy {
        padding: 10px 50px;
    }
}

@media only screen and (max-width: 414px) {}

@media only screen and (max-width: 812px) {}

.mod_article_trendgetaenke-2024 h1,
.mod_article_dosendesign h1 {
    font-family: "Quali", Arial, Helvetica, sans-serif;
}

.mod_article_trendgetaenke-2024 h2,
.mod_article_dosendesign h2 {
    color: #092C57;
    text-transform: none;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 20px;
    max-width: 100%;
    hyphens: auto;
    font-family: "Quali", Arial, Helvetica, sans-serif;
}

@media screen and (min-width: 601px) {
    .mod_article_trendgetaenke-2024 h2,
    .mod_article_dosendesign h2 {
        font-size: 40px;
    }
}

.mod_article_trendgetaenke-2024 h3,
.mod_article_dosendesign h3 {
    line-height: 1.3em;
    margin-top: 0;
}

.mod_article_trendgetaenke-2024 .teaser-33,
.mod_article_dosendesign .teaser-33 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (min-width: 900px) {
    .mod_article_trendgetaenke-2024 .teaser-33,
    .mod_article_dosendesign .teaser-33 {
        flex: 0 0 30%
    }
}

.mod_article_trendgetaenke-2024 .teaser-33 img,
.mod_article_dosendesign .teaser-33 img {
    height: 145px;
    width: auto;
}

.mod_article_trendgetaenke-2024 .round-button,
.mod_article_dosendesign .round-button {
    background-color: #092C57;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    transform: rotate(345deg);
    margin: 100px 0 0 0;
}

.mod_article_trendgetaenke-2024 .round-button-2 {
    width: 300px;
    height: 300px;
    margin: 50px auto 0;
    transform: rotate(0deg);
}

.mod_article_trendgetaenke-2024 .round-button p,
.mod_article_dosendesign .round-button p {
    font-size: 18px;
    color: #fff;
    max-width: 190px;
    padding: 50px 30px;
    text-align: center;
}

.mod_article_trendgetaenke-2024 .round-button-2 p {
    padding: 45px 50px 0 57px;
    line-height: 1.4em;
}