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}
@font-face {
    font-family: 'Heavitas';
    src: url('../../files/fonts/Heavitas.eot');
    src: url('../../files/fonts/Heavitas.eot?#iefix') format('embedded-opentype'),
        url('../../files/fonts/Heavitas.woff2') format('woff2'),
        url('../../files/fonts/Heavitas.woff') format('woff'),
        url('../../files/fonts/Heavitas.ttf') format('truetype'),
        url('../../files/fonts/Heavitas.svg#Heavitas') format('svg');
}
@font-face {
    font-family: 'PermanentMarker';
    src: url('../../files/fonts/PermanentMarker.eot');
    src: url('../../files/fonts/PermanentMarker.eot?#iefix') format('embedded-opentype'),
        url('../../files/fonts/PermanentMarker.woff2') format('woff2'),
        url('../../files/fonts/PermanentMarker.woff') format('woff'),
        url('../../files/fonts/PermanentMarker.ttf') format('truetype'),
        url('../../files/fonts/PermanentMarker.svg#PermanentMarker') format('svg');
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/
@font-face{
    font-family:'Sofia W01';
    src: url("../../files/fonts/6080392/1fc28cb8-2c23-4db3-9bae-3e8489ae6bd4.woff2") format("woff2"),
         url("../../files/fonts/6080392/a15cc54b-11a7-4628-bd1f-f0c9ccc1fcd7.woff") format("woff");
    font-display: swap;
    font-weight: 300;
}
@font-face{
    font-family:'Sofia W01';
    src: url("../../files/fonts/6080398/4a6cb1fb-207c-45f0-b957-12530e1c9444.woff2") format("woff2"),
         url("../../files/fonts/6080398/9cf72f98-dafd-4b8a-ae89-de91ad1e9c63.woff") format("woff");
    font-display: swap;
    font-weight: normal;
}
@font-face{
    font-family:'Sofia W01';
    src: url("../../files/fonts/6080420/671fbd35-afa7-4696-93cc-b69417939fde.woff2") format("woff2"),
         url("../../files/fonts/6080420/bc60477f-2742-4fb5-b9a2-80af70a3840a.woff") format("woff");
    font-display: swap;
    font-weight: 500;
}


*:focus {
    outline: none;
}
* {
    margin:0;
    padding:0;
}

html {
    scroll-behavior: smooth;
}


html,
body {
    font:18px/28px 'Sofia W01',Arial,Helvetica,sans-serif;
    color:#4A4A4A;
    font-weight:300;
    background-color: #ffffff;
}
#header .inside {
    height:90px;
    border-bottom:2px solid #eee;
    z-index:3000;
    padding-bottom: 30px;
}
#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;
    overflow: hidden;
}
#header .mod_article .content-player {
    position:relative;
}

#header .mod_article .content-image figure img {
    min-width:100%;
    min-height:100%;
    max-width:1000%;
    object-fit: cover;
}
#header .mod_article .content-player figure video {
    width:auto;
    height:auto;
    min-width:100%;
    min-height:100%;
    object-fit:cover;
}

.startseite #header .inside {
    border-color: transparent;
}


.sound {
    width:48px;
    height:48px;
    right:60px;
    position:absolute;
    margin-top:-180px;
    background:#fff url("/files/images/icon-sound-on.svg") center center no-repeat;
    border-radius:32px;
    content:'';
    cursor:pointer;
    transition:0.3s;
    background-size:24px 24px;
    z-index:5000;
    opacity:0.5;
}
.sound:hover {
    opacity:1;
}
#header .mod_article .content-text {
    max-width:960px;
    position:relative;
    overflow:visible;
    display:inline-block;
    margin-top:195px;
    margin-left:240px;
    height:calc(70vh - 195px)
}
.hell #header .mod_article .content-text {
    color:#fff;
}
#header .mod_article .content-image::after,
#header .mod_article .content-player::after,
.welle::after {
    /* width:100%;
    height:70vh;
    left:0;
    position:absolute;
    background-image:url("/files/images/bg-welle.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:contain;
    content:'' */
}
.welle::after {
    height:100%;
    bottom:0;
    left:0;
}
.welle {
    position:relative;
}

table,
td, 
th {
    border: none;
}


#header ul li {
    list-style-type:none;
}
/* #header h1,
#header .h1 {
    margin-bottom:30px;
} */

#header h2,
#header .h2 {
    margin-bottom:20px;
}

#header h3,
#header .h3 {
    margin-top:-30px;
    font-size:30px;
    color:#009fe3;
}
/* .leitungswasser #header h2,
.sponsoring #header h1,
.nachhaltigkeit #header h2,
.nachhaltigkeit #header h1 {
    color:#092c57;
}
.nachhaltigkeit #header h1,
.nachhaltigkeit #header .h1 {
    margin-bottom:30px;
} */
#header p {
    max-width:720px;
}
.leitungswasser #header p,
.sponsoring #header p {
    color:#333;
}
#branding {
    /* margin-bottom: 30px; */
}
#branding a {
    width:60px;
    height:60px;
    left:60px;
    top:30px;
    position:fixed;
    display:block;
    background-image:url("/files/images/logo-rhodius-footer.svg");
    text-indent:-99999px;
    cursor:pointer;
    transition:0.3s;
    z-index:6000;
    background-size:cover;
}
.hell #branding a {
    background-image:url("/files/images/logo-rhodius.svg");
}
.hell .show-navi #branding a {
    /* background-image:url("/files/images/logo-rhodius-footer.svg"); */
}
#navi-mobil {
    display:none;
}
.toggle-navi {
    width:34px;
    height:21px;
    right:-120px;
    top:0;
    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;
}
.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:40px;
    padding-left:225px;
    z-index:4000;
    transition:0.9s;
}
.show-navi .inside {
    background-color:rgba(255,255,255,.85);
}

/* 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;
}

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

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

.hell.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;
}
/**/



#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:15px 20px;
    border-radius:10px 10px 0 0;
    text-decoration:none;
    color:#999;
    text-transform:uppercase;
    font-weight:bold;
    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:10px;
    border-bottom-left-radius:10px;
    color:#092c57;
}
.subnavi.produkte:hover ~ .mod_navigation ul li a.produkte,
.subnavi.premium:hover ~ .mod_navigation ul li a.premium,
.subnavi.nachhaltigkeit:hover ~ .mod_navigation ul li a.nachhaltigkeit,
.subnavi.kontakt:hover ~ .mod_navigation ul li a.kontakt {
    background-color:#fff;
    color:#092c57;
}
.mod_navigation ul.level_1 > li.news a,
.mod_navigation ul.level_1 > li.news.active strong {
    display:block;
    margin-left:15px;
    padding:10px 25px;
    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;
}
.hell .mod_navigation ul.level_1 > li.news a {
    border-color:#fff;
}
.mod_navigation ul.level_1 > li.news a:hover,
.mod_navigation ul.level_1 > li.news.active strong {
    border:2px solid #092c57;
    border-radius:30px;
    color:#fff;
    background-position: left bottom;
}
.mod_navigation ul li {
    display:inline-block;
}
.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:225px;
    top:90px;
    position:fixed;
    background-color:#fff;
    border-radius:10px;
}
.subnavi.produkte .inner {
    width:780px;
    overflow:hidden;
    border-top-left-radius:0;
}
.subnavi.premium .inner {
    width:780px;
    text-align:center;
}
.subnavi.nachhaltigkeit .inner {
    width:780px;
    text-align:center;
}
.subnavi.kontakt .inner {
    width:1170px;
    text-align:center;
}
.subnavi.premium strong,
.subnavi.nachhaltigkeit strong,
.subnavi.kontakt strong {
    display:block;
    margin-top:15px;
    margin-bottom:15px;
}
.subnavi.produkte .content-text {
    display:flex;
    align-items:center
}
.subnavi .content-text a {
    display:block;
}
.subnavi .content-text {
    float:left;
    padding:30px;
    transition:0.3s;
}
.subnavi.produkte .content-text:hover {
    background-color:#f8f8f8;
}
.subnavi .content-text,
.subnavi .content-text a {
    font-size:15px;
    line-height:15px;
    text-decoration:none;
    color:#999;
}
.subnavi.premium .content-text a,
.subnavi.nachhaltigkeit .content-text a,
.subnavi.kontakt .content-text a {
    color:#fff;
}
.subnavi.produkte .content-text:nth-child(-n+3) {
    border-bottom:1px solid #eee;
}
.subnavi.produkte .content-text {
    width:200px;
    height:100px;
}
.subnavi.premium .content-text,
.subnavi.nachhaltigkeit .content-text,
.subnavi.kontakt .content-text {
    width:330px;
    line-height:20px;
}
.subnavi .content-text strong,
.produkt-6er strong {
    font-size:20px;
    line-height:25px;
    text-transform:uppercase;
    font-weight:bold;
}
.subnavi.produkte img {
    width:auto;
    max-width:25px;
    max-height:95px;
    margin-right:30px;
}
.subnavi.show {
    opacity:1;
    visibility:visible;
}
.mod_customnav {
    float:right;
}
.mod_customnav ul {
    right:60px;
    top:40px;
    position:fixed;
    display:block;
    z-index:6000;
    transition:0.45s;
}
.hide-navi .mod_customnav ul {
    right:-300px;
}
.mod_customnav:not(#navi-mobil) ul li a,
.mod_customnav:not(#navi-mobil) ul li.active strong {
    display:block;
    padding:10px 25px;
    border-radius:30px;
    text-decoration:none;
    color:#009fe3;
    text-transform:uppercase;
    background-image: linear-gradient(to right, #009fe3 33%, #fff 67%);
    background-size: 300% 100%;
    background-position: right bottom;
    transition:0.3s;
    font-weight:bold;
}
.mod_customnav:not(#navi-mobil) ul li a::before,
.mod_customnav:not(#navi-mobil) ul li.active strong::before {
    width:16px;
    height:26px;
    display:inline-block;
    margin-right:15px;
    background-image:url("/files/images/drop-lightblue.svg");
    content:'';
    vertical-align:top;
    transition:0.3s;
    background-size:cover;
}
.mod_customnav:not(#navi-mobil) ul li a:hover::before {
    background-image:url("/files/images/drop-white.svg");
}
.mod_customnav:not(#navi-mobil) ul li a:hover {
    color:#fff;
    background-position: left bottom;
}

#main {
    clear: both;
}
#main .mod_article {
    position:relative;
    padding-top:90px;
    padding-bottom:90px;
}
#main .mod_article.tabs {
    min-height:30vh;
    padding-top:0;
    padding-bottom:0;
}
#main .mod_article > * {
    width:90%;
    max-width:1200px;
    overflow:visible;
    margin:0 auto;
    padding-right:5%;
    padding-left:5%;
    text-align:center;
}
#main .mod_article.infos {
    max-height:0;
    margin-top:-10vh;
    margin-bottom:10vh;
    padding-top:0;
    padding-bottom:0;
    transition:0.6s;
}
#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-nav-numbers a,
.rsts-skin-default .rsts-nav-tabs a {
    margin-right:0;
    padding-right:20px;
    padding-left:20px;
}
#main .mod_article.infos .content-text:first-of-type table {
    max-width:960px;
}
#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.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%); */
    background: #ffffff;
}
#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%); */
    background: #ffffff;
}
#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 .content-image.bild-links {
    width:35%;
    float:left;
    display:inline-block;
    padding-right:5%;
    padding-left:10%;
}
#main .mod_article .content-image.bild-links img,
#main .mod_article .content-image.bild-rechts img {
    width:auto;
    max-width:65%;
    max-height:65vh;
    margin:0 auto;
}
#main .mod_article .content-image.bild-rechts {
    width:35%;
    float:right;
    display:inline-block;
    padding-right:10%;
    padding-left:5%;
}
#main .mod_article .content-image.fresenius {
    width:20%;
    right:0;
    top:33%;
    position:absolute;
    padding-right:0;
    padding-left:0;
    text-align:right;
    max-width:none;
}
#main .mod_article.produkt-1er {
    height:100vh;
    padding-top:0;
    padding-bottom:0;
    display:flex;
    align-items:center;
}
#main .mod_article.produkt-1er .content-text {
    width:35%;
    max-width:720px;
    display:inline-block;
    padding-right:15%;
    padding-left:0;
    text-align:left;
}
#main .mod_article.produkt-1er .content-text.text-links {
    width:35%;
    max-width:720px;
    display:inline-block;
    padding-right:0;
    padding-left:15%;
    text-align:left;
}
#main .mod_article.produkt-1er .content-hyperlink a {
    margin-left:0;
}
#main .mod_article.produkt-1er h2 {
    font-size:60px;
    line-height:60px;
}
#main .mod_article.produkt-1er h3,
#main .mod_article.infos h3 {
    margin-top:0;
    margin-bottom:10px;
    font-size:30px;
    line-height:35px;
}
#main .mod_article.produkt-6er {
    max-width:90%;
    margin:0 auto;
    padding-top:45px;
    padding-bottom:30px;
    font-size:15px;
    line-height:22px;
    padding-left:5%;
    padding-right:5%;
}
#main .mod_article.produkt-6er .content-text {
    width:16%;
    position:relative;
    display:inline-block;
    padding-right:0;
    padding-left:0;
    color:#999;
}
#main .mod_article.produkt-6er .content-text a {
    text-decoration:none;
    color:#999;
}
#main .mod_article.produkt-6er .content-text img {
    width:auto;
    max-width:50%;
    max-height:180px;
    margin-bottom:15px;
}
#main .mod_article.infos h3 {
    margin-bottom:60px;
}
#main .mod_article.verlauf-dunkelblau h2,
#main .mod_article.verlauf-dunkelblau h3,
.dunkelblau h2,
.subnavi .classic strong,
.subnavi .quelle strong,
.subnavi .dose strong,
.produkt-6er .dose strong,
.produkt-6er .classic strong,
.subnavi .sponsoring strong {
    color:#092c57;
}
#main .mod_article.verlauf-pink h2,
#main .mod_article.verlauf-pink h3,
.pink h2,
.subnavi .naturelle strong,
.produkt-6er .naturelle strong {
    color:#CF0B80;
}
#main .mod_article.verlauf-dunkelgruen h2,
#main .mod_article.verlauf-dunkelgruen h3,
.dunkelgruen h2,
.subnavi .medium strong,
.produkt-6er .medium strong {
    color:#3D6F4F;
}
#main .mod_article.verlauf-hellgruen h2,
#main .mod_article.verlauf-hellgruen h3,
.hellgruen h2,
h3.hellgruen {
    color:#7DB347;
}
#main .mod_article.verlauf-gelb h2,
#main .mod_article.verlauf-gelb h3,
.gelb h2,
.subnavi .apfelschorle strong,
.produkt-6er .apfelschorle strong {
    color:#fec600;
}
#main .mod_article.verlauf-hellblau h2,
#main .mod_article.verlauf-hellblau h3,
.hellblau h2,
.subnavi .sport strong,
.subnavi .lewa strong,
.produkt-6er .sport strong,
.subnavi .kundenservice strong,
.subnavi .co2-neutral strong {
    color:#009fe3;
}
.subnavi .nachhaltigkeit strong {
    color:#092c57;
}
.subnavi .reklamation strong {
    color:#999;
}
#main .mod_article.produkt-3er {
    width:27.3333%;
    min-height:100vh;
    float:left;
    display:inline-block;
    padding:0 3%;
}
#main .mod_article.produkt-3er .content-hyperlink {
    margin-bottom:90px;
}
#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 {
    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:#009fe3;
}
#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 {
    list-style-type:disc;
}
#main .content-text ul {
    padding-left:40px;
}
.content-hyperlink {
    display:inline-block;
}
.content-hyperlink a,
.content-hyperlink button,
.content-download p a {
    display:inline-block;
    margin-top:30px;
    margin-right:15px;
    margin-left:15px;
    padding:15px 25px 13px 30px;
    border-radius:30px;
    line-height:18px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    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,
.content-hyperlink button:hover,
.content-download p a:hover {
    background-position:left bottom;
}
.content-hyperlink a::after,
form button.submit::after,
.content-download p a::after {
    display:inline-block;
    margin-left:20px;
    content:url(/files/images/arrow-right-white.svg);
    transition:0.3s;
    vertical-align:middle;
}
.content-hyperlink a:hover::after,
form button.submit:hover::after,
.content-download p a:hover::after {
    margin-right:-5px;
    margin-left:25px;
}
.back.content-hyperlink {
    margin-top:30px;
}
.liste .content-hyperlink a,
.back.content-hyperlink a {
    margin-right:0;
    margin-left:0;
    padding-right:30px;
    padding-left:25px;
}
.back.content-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 {
    margin-right:25px;
    margin-left:-5px;
}
.back.content-hyperlink a::after {
    display:none;
}
.produkte #main .content-hyperlink.mehr a {
    border:2px solid #000;
    background:none !important;
    cursor:pointer;
}
.produkte #main .content-hyperlink.dunkelblau.mehr a {
    border-color:#092c57;
    color:#092c57;
}
.produkte #main .content-hyperlink.dunkelgruen.mehr a {
    border-color:#3D6F4F;
    color:#3D6F4F;
}
.produkte #main .content-hyperlink.hellpink.mehr a {
    border-color:#CF0B80;
    color:#CF0B80;
}
.produkte #main .content-hyperlink.hellgruen.mehr a {
    border-color:#7DB347;
    color:#7DB347;
}
.produkte #main .content-hyperlink.gelb.mehr a {
    border-color:#fec600;
    color:#fec600;
}
.produkte #main .content-hyperlink.hellblau.mehr a {
    border-color:#009fe3;
    color:#009fe3;
}
.produkte #main .content-hyperlink.mehr a::after {
}
.produkte #main .content-hyperlink.dunkelblau.mehr a::after {
    content:url(/files/images/plus-darkblue.svg)
}
.produkte #main .content-hyperlink.hellblau.mehr a::after {
    content:url(/files/images/plus-lightblue.svg)
}
.produkte #main .content-hyperlink.hellgruen.mehr a::after {
    content:url(/files/images/plus-lightgreen.svg)
}
.produkte #main .content-hyperlink.dunkelgruen.mehr a::after {
    content:url(/files/images/plus-darkgreen.svg)
}
.produkte #main .content-hyperlink.hellpink.mehr a::after {
    content:url(/files/images/plus-pink.svg)
}
.produkte #main .content-hyperlink.gelb.mehr a::after {
    content:url(/files/images/plus-yellow.svg)
}
.produkte #main .content-hyperlink.mehr a:hover::after,
.produkte #main .content-hyperlink.mehr a.close::after {
    margin-right:0;
    margin-left:20px;
    transform: rotate(45deg);
}
.produkte #main .content-hyperlink.mehr a.close:hover::after {
    transform: rotate(0deg);
}
.content-hyperlink.dunkelblau a,
.mod_newslist .content-hyperlink a,
.verlauf-dunkelblau #store_search button.submit {
    background-image: linear-gradient(to right, #009fe3 33%, #092c57 67%);
}
.content-hyperlink.dunkelgruen a,
.verlauf-dunkelgruen #store_search button.submit {
    background-image: linear-gradient(to right, #7DB347 33%, #3D6F4F 67%);
}
.content-hyperlink.hellblau a,
.content-download p a {
    background-image: linear-gradient(to right, #092c57 33%, #009fe3 67%);
}
.content-hyperlink.hellgruen a,
.content-hyperlink.hellgruen button,
.verlauf-hellgruen #store_search button.submit {
    background-image: linear-gradient(to right, #3D6F4F 33%, #7DB347 67%);
}
.content-hyperlink.gelb a,
.verlauf-gelb #store_search button.submit {
    background-image: linear-gradient(to right, #80590D 33%, #fec600 67%);
}
.content-hyperlink.hellpink a,
.verlauf-pink #store_search button.submit {
    background-image: linear-gradient(to right, #80004C 33%, #CF0B80 67%);
}
.content-hyperlink.hellgrau a,
.content-hyperlink.hellgrau button {
    background-image: linear-gradient(to right, #333333 33%, #999999 67%);
}
#main p {
    margin-bottom:18px;
}
#main ul {
    width:auto;
    display:inline-block;
    margin-bottom:18px;
    text-align:left;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5,
h6,
strong {
    font-weight:500;
}
h1, .h1 {
    margin-bottom:20px;
    /* font:90px/90px 'Sofia W01'; */
    text-transform:uppercase;
    /* letter-spacing:-2px; */
    font-family: 'Sofia W01';
    font-size: 65px;
    line-height: 1.1;
}
h1.hellpink {
    color:#CF0B80;
}
h2, .h2,
/* #header h1.h2, */
#main .mod_article .ce_accordion .accordion .content-text h3.h2 {
    margin-bottom:45px;
    font:45px/55px 'Sofia W01';
    text-transform:uppercase;
    /* letter-spacing:-1px; */
}

/* #header h1.h2{
    margin-bottom:35px;
} */

h3, .h3 {
    margin-top:-50px;
    margin-top:-40px;
    margin-bottom:40px;
    font-size:20px;
    text-transform:uppercase;
    /* font-weight:bold; */
}

.layout_full {
    h3, .h3 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

h4, .h4 {
    padding-top:45px;
    font-size:20px;
    text-transform:uppercase;
    /* font-weight:bold; */
}


/* h1.hellblau,
.h1.hellblau, */
h2.hellblau,
.h2.hellblau,
h3.hellblau,
.h3.hellblau,
h4.hellblau,
.h4.hellblau {
    color:#009fe3;
}
/* h1.dunkelblau,
.h1.dunkelblau, */
h2.dunkelblau,
.h2.dunkelblau,
h3.dunkelblau,
.h3.dunkelblau,
h4.dunkelblau,
.h4.dunkelblau {
    color:#092c57;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p {
    &.hellblau {
        color: #009fe3;
    }

    &.dunkelblau {
        color: #092c57;
    }
}

#instagram {
    width:100%;
    margin-top:90px;
    text-align:center;
}
#eapps-instagram-feed-1 {
    margin-top:75px;
}
#instagram h1,
#instagram .h1 {
    font-size:60px;
    line-height:60px;
}
#footer {
    width:100%;
    position:relative;
    margin-top:60px;
    background-image:url("/files/images/bg-footer.png");
    background-position:center top;
    background-repeat:no-repeat;
    font-size:15px;
    color:#fff;
    background-size:cover;
    background-position:0px 75px;
    z-index:15000;
}
#footer strong,
#footer a.mail {
    font-size:18px;
    font-weight:500;
}
#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-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;
}
.killfloat {
    float:none;
    clear:both;
}
#store_search {
    max-width:720px;
    margin:0 auto;
}
#store_search .widget {
    display:inline-block;
}
#store_search input,
#store_search select,
#store_search button {
    width:280px;
    display:inline-block;
    margin-right:15px;
    margin-bottom:30px;
    margin-left:15px;
    padding:10px 20px;
    background-color:#fff;
    border:0px;
    border-radius:30px;
    font:15px 'Sofia W01';
    color:#999;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    font-weight:500;
}
#store_search select {
    background-image:url("/files/images/arrow-down-grey.svg");
    background-repeat:no-repeat;
    background-position:right 20px center;
    cursor:pointer;
}
#store_search select.distance {
    width:140px;
}
#store_search input {
    width:340px;
    padding-left:60px;
    text-align:left;
    background-image:url("/files/images/form-arrow.svg");
    background-position:left center;
    background-repeat:no-repeat;
    color:#009fe3;
    background-size:contain;
}
#store_search input::placeholder,
#store_search select::placeholder {
    color:#999;
}
#store_search button.submit {
    width:auto;
    margin-bottom:0;
    padding:12px 25px;
    text-align:left;
    color:#fff;
    text-transform:uppercase;
    background-image: linear-gradient(to right, #092c57 33%, #009fe3 67%);
    background-position: right bottom;
    background-size: 300% 100%;
    transition: all 0.3s ease-out !important;
    font-weight:bold;
    cursor:pointer;
}
#store_search button.submit:hover {
    background-position:left bottom;
}
#store_search .widget-submit {
    float:right;
    margin-right:45px;
}
.ce_form #reklamation h2,
.ce_form #sponsoring h2,
.ce_form #reklamation .widget-explanation,
.ce_form #sponsoring .widget-explanation,
.ce_form #reklamation .widget-textarea label,
.ce_form #sponsoring .widget-textarea label,
.ce_form #reklamation .widget-upload label,
.ce_form #sponsoring .widget-upload label {
    float:none;
    clear:both;
    font:24px/36px 'Sofia W01';
    letter-spacing:0;
}
.ce_form #reklamation .widget-explanation.info {
    position:absolute;
    overflow:hidden;
    cursor:pointer;
}
.ce_form #reklamation .widget-explanation.info.mhd {
    left:390px;
}
.ce_form #reklamation .widget-explanation.info.charge {
    left:780px;
}
.ce_form #reklamation .widget-explanation.info p {
    width:360px;
    max-height:0px;
    margin-top:30px;
    padding:0 30px;
    background-color:#009fe3;
    border-radius:10px;
    font:15px/25px 'Sofia W01';
    color:#fff;
    transition:0.3s;
}
.ce_form #reklamation .widget-explanation.info::before {
    width:30px;
    height:30px;
    position:absolute;
    margin-left:-15px;
    background-image:url("/files/images/info-grey.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    transition:0.3s;
}
.ce_form #reklamation .widget-explanation.info:hover::before {
    background-image:url("/files/images/info-blue.svg");
}
.ce_form #reklamation .widget-explanation.info:hover p {
    max-height:150px;
    margin-top:45px;
    padding-top:15px;
    padding-bottom:15px;
}
.ce_form #sponsoring .widget-explanation.abstand {
    margin-top:60px;
}
.ce_form #reklamation,
.ce_form #reklamation .widget-checkbox.datenschutz a {
    color:#999;
}
.ce_form #reklamation .widget-checkbox.datenschutz a:hover {
    color:#000;
}
.ce_form #sponsoring,
.ce_form #sponsoring .widget-checkbox.datenschutz a {
    color:#092c57;
}
.ce_form #sponsoring .widget-checkbox.datenschutz a:hover {
    color:#009fe3;
}
.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:'Sofia W01';
    color:#092c57;
    font-weight:500;
}
.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:150px;
    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-style:dashed;
    color:#fff;
    cursor:pointer;
}
.ce_form .widget-textarea,
.ce_form .widget-upload {
    margin-top:60px;
    margin-bottom:60px;
}
.ce_form #reklamation .widget-textarea {
    width: 100%;
    max-width:750px;
    float:left;
    margin-right:15px;
    margin-left:15px;

    label {
        display: block;
    }
}
.ce_form #sponsoring .widget-textarea {
    margin:15px;
}
.ce_form #sponsoring .widget-textarea textarea {
    margin:0;
}
.ce_form #reklamation .widget-upload {
    width:330px;
    margin-right:15px;
    margin-left:15px;
}
.ce_form fieldset {
    margin-bottom:60px;
    border:0px;
}
.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 span::before {
    width:100%;
    height:180px;
    max-width:100px;
    display:block;
    margin:0 auto;
    background-image:url("/files/images/produkt-classic.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    content:'';
    background-size:contain;
}
.ce_form .widget-radio.produkt span:nth-child(2)::before {
    background-image:url("/files/images/produkt-medium.png");
}
.ce_form .widget-radio.produkt span:nth-child(3)::before {
    background-image:url("/files/images/produkt-naturelle.png");
}
.ce_form .widget-radio.produkt span:nth-child(4)::before {
    background-image:url("/files/images/produkt-apfelschorle.png");
}
.ce_form .widget-radio.produkt span:nth-child(5)::before {
    background-image:url("/files/images/produkt-sport-grapefruit.png");
}
.ce_form .widget-radio.classic span:nth-child(1)::before {
    height:140px;
    background-image:url("/files/images/produkt-classic-05.png");
}
.ce_form .widget-radio.classic span:nth-child(2)::before {
    background-image:url("/files/images/produkt-classic-07.png");
}
.ce_form .widget-radio.classic span:nth-child(3)::before {
    height:160px;
    background-image:url("/files/images/produkt-classic-10.png");
}
.ce_form .widget-radio.medium span:nth-child(1)::before {
    height:140px;
    background-image:url("/files/images/produkt-medium-05.png");
}
.ce_form .widget-radio.medium span:nth-child(2)::before {
    background-image:url("/files/images/produkt-medium-075.png");
}
.ce_form .widget-radio.medium span:nth-child(3)::before {
    height:160px;
    background-image:url("/files/images/produkt-medium-10.png");
}
.ce_form .widget-radio.naturelle span:nth-child(1)::before {
    height:140px;
    background-image:url("/files/images/produkt-naturelle-05.png");
}
.ce_form .widget-radio.naturelle span:nth-child(2)::before {
    background-image:url("/files/images/produkt-naturelle-075.png");
}
.ce_form .widget-radio.naturelle span:nth-child(3)::before {
    height:160px;
    background-image:url("/files/images/produkt-naturelle-10.png");
}
.ce_form .widget-radio.dose span::before {
    height:120px;
    background-image:url("/files/images/produkt-dose.png");
}
.ce_form .widget-radio.apfelschorle span:nth-child(1)::before {
    height:160px;
    background-image:url("/files/images/produkt-apfelschorle-05.png");
}
.ce_form .widget-radio.apfelschorle span:nth-child(2)::before {
    background-image:url("/files/images/produkt-apfelschorle-10.png");
}
.ce_form .widget-radio.sport span::before {
    background-image:url("/files/images/produkt-sport.png");
}
.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;
    text-align:center;
    font-size:15px;
    line-height:20px;
    font-weight:500;
}
.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;
    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 input + .control_indicator.checked::after,
.ce_form .widget-radio input:focus + .control_indicator::after,
.ce_form .widget-radio.naturelle span:nth-child(n) input + .control_indicator.checked::after,
.ce_form .widget-radio.naturelle span:nth-child(n) input:focus + .control_indicator::after {
    background-color:#cf0b80;
}
.ce_form .widget-radio span:nth-child(1) input + .control_indicator.checked::after,
.ce_form .widget-radio span:nth-child(1) input:focus + .control_indicator::after,
.ce_form .widget-radio.classic span:nth-child(n) input + .control_indicator.checked::after,
.ce_form .widget-radio.classic span:nth-child(n) input:focus + .control_indicator::after {
    background-color:#092c57;
}
.ce_form .widget-radio span:nth-child(2) input + .control_indicator.checked::after,
.ce_form .widget-radio span:nth-child(2) input:focus + .control_indicator::after,
.ce_form .widget-radio.medium span:nth-child(n) input + .control_indicator.checked::after,
.ce_form .widget-radio.medium span:nth-child(n) input:focus + .control_indicator::after {
    background-color:#3D6F4F;
}
.ce_form .widget-radio span:nth-child(4) input + .control_indicator.checked::after,
.ce_form .widget-radio span:nth-child(4) input:focus + .control_indicator::after,
.ce_form .widget-radio.apfelschorle span:nth-child(n) input + .control_indicator.checked::after,
.ce_form .widget-radio.apfelschorle span:nth-child(n) input:focus + .control_indicator::after {
    background-color:#fec600;
}
.ce_form .widget-radio span:nth-child(5) input + .control_indicator.checked::after,
.ce_form .widget-radio span:nth-child(5) input:focus + .control_indicator::after,
.ce_form .widget-radio.sport span:nth-child(n) input + .control_indicator.checked::after,
.ce_form .widget-radio.sport span:nth-child(n) input:focus + .control_indicator::after {
    background-color:#009fe3;
}
.ce_form .formbody {
    position:relative;
}
.ce_form .widget-submit {
    float:none;
    clear:both;
    display:block;
}
.ce_form button.submit {
    border:0px;
    font:18px 'Sofia W01';
    cursor:pointer;
    font-weight:bold;
}
.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:500;
    transition:0.3s;
}
.cookiebar {
    text-align:left;
    background-color:#009fe3;
    font-size:15px;
    line-height:23px;
    font-weight:500;
    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 'Sofia W01';
    color:#092c57;
    text-transform:uppercase;
    font-weight:bold;
    transition:0.3s;
}
.cookiebar__button:hover {
    background-color:#092c57;
    color:#fff;
}
#main .mod_article .ce_accordion {
    width:100%;
    max-width:100%;
    padding-right:0;
    padding-left:0;
}
#main .mod_article .ce_accordion .toggler {
    width:33.3333%;
    height:30vh;
    left:0;
    top:0;
    position:absolute;
    background-color:#fff;
    cursor:pointer;
    transition:0.3s;
}
#main .mod_article .ce_accordion .toggler h3,
#main .mod_article .ce_accordion .toggler h2 {
    margin-top:30px;
    margin-bottom:30px;
    font-size:24px;
    color:#999;
    transition:0.3s;
    line-height: 1.2;
}
#main .mod_article .ce_accordion .toggler p {
    max-width:80%;
    margin:0 auto;
    font-size:15px;
    line-height:25px;
}
#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/52px 'Sofia W01';
    color:#fff;
    transition:0.3s;
}
#main .mod_article .ce_accordion .accordion {
    margin-top:30vh;
}
#main .mod_article .ce_accordion .accordion .content-text {
    position:relative;
    padding-top:90px;
    padding-bottom:90px;
}
#main .mod_article .ce_accordion .accordion .content-text.text-links {
    margin-left:240px;
    text-align:left;
    padding-right:50%;
    width:calc(50% - 240px)
}
#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 h3 {
    margin-top:0;
    margin-bottom:60px;
    font:30px/40px 'Sofia W01';
}

#main .mod_article .ce_accordion figure {
    height:100%;
    right:0;
    top:0;
    position:absolute;
    width:calc(50% + 120px)
}
#main .mod_article .ce_accordion figure img {
    width:auto;
    height:100%;
    min-width:100%;
    max-width:1000%;
    object-fit:cover;
}
#main .mod_article .ce_accordion .text-rechts figure {
    left:0;
    text-align:right;
}
#main .mod_article .ce_accordion .text-links figure::after {
    width:60%;
    height:100%;
    top:0;
    position:absolute;
    display:block;
    background:linear-gradient( to right, rgba(245,252,255,1), rgba(245,252,255,0));
    content:''
}
#main .mod_article .ce_accordion.zwei .text-rechts figure::after {
    background:linear-gradient( to left, rgba(240,250,254,1), rgba(240,250,254,0));
}
#main .mod_article .ce_accordion.zwei .text-links figure::after {
    background:linear-gradient( to right, rgba(240,250,254,1), rgba(240,250,254,0));
}
#main .mod_article .ce_accordion.drei .text-rechts figure::after {
    background:linear-gradient( to left, rgba(252,243,248,1), rgba(252,243,248,0));
}
#main .mod_article .ce_accordion.drei .text-links figure::after {
    background:linear-gradient( to right, rgba(252,243,248,1), rgba(252,243,248,0));
}
#main .mod_article .ce_accordion .text-rechts figure::after,
body.co2-neutral #main .mod_article .ce_accordion.zwei .text-rechts figure::after,
body.co2-neutral #main .mod_article .ce_accordion.zwei .text-links figure::after,
body.co2-neutral #main .mod_article .ce_accordion.drei .text-rechts figure::after,
body.co2-neutral #main .mod_article .ce_accordion.drei .text-links figure::after {
    width:60%;
    height:100%;
    right:0;
    top:0;
    position:absolute;
    display:block;
    background:linear-gradient( to left, rgba(245,252,255,1), rgba(245,252,255,0));
    content:''
}
#main .mod_article .ce_accordion .text-rechts figure img {
    right:0;
    position:absolute;
}
#main .mod_article .weiss {
    background-color:#fff;
}
#main .mod_article .content-hyperlink.weiss {
    width:90%;
    display:block;
    margin-top:-15px;
    padding-bottom:30px;
    padding:0 10%;
}
#main .mod_article .ce_accordion.eins .active.toggler,
#main .mod_article .ce_accordion.eins .toggler:hover,
#main .mod_article .ce_accordion.eins .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:#f5fcff;
}
#main .mod_article .ce_accordion.eins .active.toggler,
#main .mod_article .ce_accordion.eins .toggler:hover,
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.drei .active.toggler,
body.co2-neutral #main .mod_article .ce_accordion.drei .toggler:hover {
    background:-moz-linear-gradient(bottom,#f5fcff 60%,#fff 100%);
    background:-webkit-linear-gradient(bottom,#f5fcff 60%,#fff 100%);
    background:-o-linear-gradient(bottom,#f5fcff 60%,#fff 100%);
    background:-ms-linear-gradient(bottom,#f5fcff 60%,#fff 100%);
    background:linear-gradient(to top,#f5fcff 60%,#fff 100%);
    -pie-background:linear-gradient(bottom,#f5fcff 60%,#fff 100%);
}
#main .mod_article .ce_accordion.zwei .active.toggler,
#main .mod_article .ce_accordion.zwei .toggler:hover {
    background:-moz-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:-webkit-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:-o-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:-ms-linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
    background:linear-gradient(to top,#F0FAFE 60%,#fff 100%);
    -pie-background:linear-gradient(bottom,#F0FAFE 60%,#fff 100%);
}
#main .mod_article .ce_accordion.drei .active.toggler,
#main .mod_article .ce_accordion.drei .toggler:hover {
    background:-moz-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:-webkit-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:-o-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:-ms-linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
    background:linear-gradient(to top,#FCF3F8 60%,#fff 100%);
    -pie-background:linear-gradient(bottom,#FCF3F8 60%,#fff 100%);
}
#main .mod_article .ce_accordion.eins .active.toggler h3,
#main .mod_article .ce_accordion.eins .active.toggler .h3,
#main .mod_article .ce_accordion.eins .toggler:hover h3,
#main .mod_article .ce_accordion.eins .toggler:hover .h3,
body.co2-neutral #main .mod_article .ce_accordion.zwei .active.toggler h3,
body.co2-neutral #main .mod_article .ce_accordion.zwei .toggler:hover h3,
body.co2-neutral #main .mod_article .ce_accordion.drei .active.toggler h3,
body.co2-neutral #main .mod_article .ce_accordion.drei .toggler:hover h3 {
    color:#009fe3;
}
#main .mod_article .ce_accordion.eins .toggler::before {
    content:'1'
}
#main .mod_article .ce_accordion.eins .active.toggler::before,
#main .mod_article .ce_accordion.eins .toggler:hover::before,
body.co2-neutral #main .mod_article .ce_accordion.zwei .active.toggler::before,
body.co2-neutral #main .mod_article .ce_accordion.zwei .toggler:hover::before,
body.co2-neutral #main .mod_article .ce_accordion.drei .active.toggler::before,
body.co2-neutral #main .mod_article .ce_accordion.drei .toggler:hover::before {
    background-color:#009fe3;
}
#main .mod_article .ce_accordion.eins .content-text h2,
#main .mod_article .ce_accordion.eins .content-text h3,
body.co2-neutral #main .mod_article .ce_accordion.zwei .content-text h2,
body.co2-neutral #main .mod_article .ce_accordion.zwei .content-text h3,
body.co2-neutral #main .mod_article .ce_accordion.drei .content-text h2,
body.co2-neutral #main .mod_article .ce_accordion.drei .content-text h3 {
    color:#009fe3;
}
#main .mod_article .ce_accordion.zwei .toggler {
    left:33.3333%;
}
#main .mod_article .ce_accordion.zwei .active.toggler,
#main .mod_article .ce_accordion.zwei .toggler:hover,
#main .mod_article .ce_accordion.zwei .accordion {
    background-color:#F0FAFE;
}
#main .mod_article .ce_accordion.zwei .active.toggler h3,
#main .mod_article .ce_accordion.zwei .active.toggler .h3,
#main .mod_article .ce_accordion.zwei .toggler:hover h3,
#main .mod_article .ce_accordion.zwei .toggler:hover .h3 {
    color:#092c57;
}
#main .mod_article .ce_accordion.zwei .toggler::before {
    content:'2'
}
#main .mod_article .ce_accordion.zwei .active.toggler::before,
#main .mod_article .ce_accordion.zwei .toggler:hover::before {
    background-color:#009fe3;
}
#main .mod_article .ce_accordion.zwei .content-text h2,
#main .mod_article .ce_accordion.zwei .content-text h3 {
    color:#009fe3;
}
#main .mod_article .ce_accordion.drei .toggler {
    left:66.6666%;
}
#main .mod_article .ce_accordion.drei .active.toggler,
#main .mod_article .ce_accordion.drei .toggler:hover,
#main .mod_article .ce_accordion.drei .accordion {
    background-color:#FCF3F8;
}
#main .mod_article .ce_accordion.drei .active.toggler h3,
#main .mod_article .ce_accordion.drei .active.toggler .h3,
#main .mod_article .ce_accordion.drei .toggler:hover h3,
#main .mod_article .ce_accordion.drei .toggler:hover .h3 {
    color:#80004C;
}
#main .mod_article .ce_accordion.drei .toggler::before {
    content:'3'
}
#main .mod_article .ce_accordion.drei .active.toggler::before,
#main .mod_article .ce_accordion.drei .toggler:hover::before {
    background-color:#CF0B80;
}
#main .mod_article .ce_accordion.drei .content-text h2,
#main .mod_article .ce_accordion.drei .content-text h3 {
    color:#CF0B80;
}
#main .mod_article .ce_accordion .content-hyperlink a {
    margin-bottom:40px;
    margin-left:0;
}
.mod_rocksolid_slider {
    padding-top:120px;
}
.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 #ddd;
    border-radius:30px;
}
.dunkelblau .rsts-nav-tabs ul {
    border:2px solid #009fe3;
}
.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:#009fe3;
    color:#fff;
}
.rsts-skin-default .rsts-nav-numbers a,
.rsts-skin-default .rsts-nav-tabs a {
    height:auto;
    margin:0 30px 0 0;
    padding:15px 45px;
    background-color:#fff;
    border-radius:30px;
    font-size:18px;
    color:#999;
    opacity:1;
    font-weight:500;
    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;
}
.mod_rocksolid_slider .content-text {
    padding:60px 0px !important;
}
.mod_rocksolid_slider .content-text h2 {
    margin-bottom:0;
}
.rsts-skin-default .rsts-nav-numbers a:hover,
.rsts-skin-default .rsts-nav-tabs a:hover {
    background-color:#ddd;
}
.ce_accordion.eins .rsts-skin-default .rsts-nav-numbers a.active,
.ce_accordion.eins .rsts-skin-default .rsts-nav-tabs a.active {
    background-color:#009fe3;
    color:#fff;
}

.ce_accordion.eins .rsts-skin-default .h2 {
    color: #009fe3;
}

.ce_accordion.zwei .rsts-skin-default .rsts-nav-numbers a.active,
.ce_accordion.zwei .rsts-skin-default .rsts-nav-tabs a.active {
    background-color:#009fe3;
    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:500;
    margin-bottom:20px !important;
    transition:0.3s;
}
.ohne .rsts-thumbs-slide p.titel {
    font-size:18px;
    line-height:28px;
    color:#CF0B80;
    font-weight:bold;
}
.rsts-thumbs-slide p.text {
    font-size:45px;
    color:#CF0B80;
    font-weight:bold;
}
.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:500;
}
.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-skin-default .rsts-prev,
.rsts-skin-default .rsts-next {
    left:20%;
    top:0;
    margin-left:-124px;
    border:none;
    box-shadow:none;
    border-radius:0;
    z-index:150;
    opacity:0.5;
    transition:0.3s;
}
.rsts-thumbs-prev,
.rsts-thumbs-next {
    display:none;
}
.rsts-skin-default .rsts-prev:hover,
.rsts-skin-default .rsts-next:hover {
    background-color:#fff;
    opacity:1;
}
.rsts-skin-default .rsts-prev {
    width:33px;
    height:35px;
    margin-top:-60px;
    background-image:url("/files/images/arrow-up-grey.svg");
}
.rsts-skin-default .rsts-next {
    width:33px;
    height:35px;
    margin-top:185px;
    background-image:url("/files/images/arrow-down-grey.svg");
    background-size:cover;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle {
    width:100%;
    position:absolute;
    padding-top:120px;
    padding-bottom:0;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle table {
    position:relative;
    float:right;
    margin-right:10%;
    width:70% !important;
    z-index:3000;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle table td {
    padding-top:15px;
    padding-bottom:15px;
    border-right:2px solid #ddd;
    border-bottom:2px solid #ddd;
    font-weight:500;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle table td em {
    font-size:15px;
    font-weight:normal;
    font-style:normal;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle table td:first-child {
    color:#092c57;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle table td:last-child {
    border-right:0;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle table tr:last-child td {
    padding-bottom:30px;
    border-bottom:0;
}
#main .mod_article .ce_accordion .accordion .content-text.tabelle p {
    position:relative;
    float:right;
    margin-right:10%;
    text-align:right;
    color:#ccc;
    z-index:6000;
    margin-top:30px;
}
.rsts-type-slide .rsts-view {
    z-index:300
}
.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:#009fe3;
}
body.detail .mod_newsreader .layout_full .content-player figure {
    margin-top: 0;
    margin-bottom: 0;
}

.content-player figure audio {
    width:90%;
    height:48px;
    max-width:640px;
    margin-top:45px;
    margin-bottom:15px;
    padding-right:5%;
    padding-left:5%;
}
body.detail #main .mod_article:first-of-type,
#main .mod_article.liste,
#main .mod_article.verlauf-hellgrau {
    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);
}
body.initiative .mod_newslist .layout_latest figure {
    width:35%;
    float:right;
    margin-right:0;
    margin-left:90px;
}
body.initiative .mod_newslist .layout_latest {
    margin-bottom:60px;
    padding-bottom:60px;
    border-bottom:1px solid #ccc;
}
body.initiative .mod_newslist .layout_latest:last-of-type {
    padding-bottom:0;
    border-bottom:0;
}
body.initiative .mod_newslist .layout_latest h2 {
    margin-top:30px;
}
body.initiative .mod_newslist .layout_latest {
    text-align:left;
}
body.initiative .mod_newslist .layout_latest:nth-child(even) figure {
    float:left;
    margin-right:90px;
    margin-left:0;
}
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) a {
    color:#009fe3;
    font-weight:500;
    transition:0.3s;
}
#main p:not(.content-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:500;
}
.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); }
}
#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,
.popup .h3 {
    position:relative;
    display:inline-block;
    font:18px 'Sofia W01';
    color:#009fe3;
    text-transform:none;
    font-weight:500;
    cursor:pointer;
    z-index:3000;
}
.popup h3::after,
.popup .h3::after {
    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:32px/30px 'Sofia W01';
    color:#009fe3;
    content:'+';
    font-weight:300;
    cursor:pointer;
    animation: puls 2s ease-out infinite;
    transition:0.3s;
    line-height: 0.7;
}
.popup h3:hover::after,
.popup .h3:hover::after {
    background-color:#009fe3;
    color:#fff;
}
/* .popup p {  test */

.popup .rte {
    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 { test */
.popup .rte::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 { test */
.popup h3:hover + .rte,
.popup .h3:hover + .rte {
    margin-top:-15px;
    opacity:1;
    z-index:9000;
}
.classic-startseite figure {
    width:280px;
    bottom:0;
    right:-25%;
    position:absolute;
}
.classic-startseite figure img {
    width:auto;
    max-height:60vh;
}
.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:500;
}
#main .mod_article#wasservergleichstool .content-table.rhodius td:first-of-type {
    padding-left:0;
    text-align:right;
    font-size:15px;
    color:#4A4A4A;
}
#main .mod_article#wasservergleichstool .content-table.rhodius tr:nth-child(9) td:first-of-type {
    padding-left:20%;
}
#main .mod_article#wasservergleichstool .content-table.rhodius th:last-of-type,
#main .mod_article#wasservergleichstool .content-table.rhodius td:last-of-type {
    border-right:1px solid #bbb;
    border-left:1px solid #bbb;
}
#main .mod_article#wasservergleichstool .content-table.rhodius tr:nth-child(9) td:last-of-type {
    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 tr:nth-child(9) td:first-of-type {
    color:#fff;
}
#main .mod_article#wasservergleichstool .content-table tr:nth-child(9) {
    background-color:#009fe3;
    color:#fff;
}
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) tr:nth-child(9) 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:#009fe3;
    font-weight:500;
}
#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:nth-child(16) td {
    color:#009fe3;
}
#main .mod_article#wasservergleichstool .content-table thead th {
    font-size:20px;
    text-transform:uppercase;
}
#main .mod_article#wasservergleichstool .content-text h1 {
}
#main .mod_article#wasservergleichstool .content-text h1: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 tr:nth-child(3),
#wasservergleichstool .content-table tr:nth-child(4),
#wasservergleichstool .content-table tr:nth-child(5),
#wasservergleichstool .content-table tr:nth-child(6),
#wasservergleichstool .content-table tr:nth-child(7),
#wasservergleichstool .content-table tr:nth-child(10),
#wasservergleichstool .content-table tr:nth-child(12),
#wasservergleichstool .content-table tr:nth-child(13),
#wasservergleichstool .content-table tr:nth-child(14),
#wasservergleichstool .content-table tr:nth-child(16),
#wasservergleichstool .content-table tr:nth-child(17),
#wasservergleichstool .content-table tr:nth-child(18),
#wasservergleichstool .content-table tr:nth-child(19),
#wasservergleichstool .content-table tr:nth-child(21),
#wasservergleichstool .content-table tr:nth-child(22) {
    display:none;
}
#wasservergleichstool.more .content-table tr:nth-child(3),
#wasservergleichstool.more .content-table tr:nth-child(4),
#wasservergleichstool.more .content-table tr:nth-child(5),
#wasservergleichstool.more .content-table tr:nth-child(6),
#wasservergleichstool.more .content-table tr:nth-child(7),
#wasservergleichstool.more .content-table tr:nth-child(10),
#wasservergleichstool.more .content-table tr:nth-child(12),
#wasservergleichstool.more .content-table tr:nth-child(13),
#wasservergleichstool.more .content-table tr:nth-child(14),
#wasservergleichstool.more .content-table tr:nth-child(16),
#wasservergleichstool.more .content-table tr:nth-child(17),
#wasservergleichstool.more .content-table tr:nth-child(18),
#wasservergleichstool.more .content-table tr:nth-child(19),
#wasservergleichstool.more .content-table tr:nth-child(21),
#wasservergleichstool.more .content-table tr:nth-child(22) {
    display:table-row;
}
/* #main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_22 a { */
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) tbody tr:nth-child(23) a {
    display:inline-block;
    margin-top:45px;
    margin-bottom:60px;
    padding:7px 25px 6px 30px;
    background-color:#009fe3;
    border-radius:30px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
}
/* #main .mod_article#wasservergleichstool .content-table:not(.rhodius) .row_22 a::after { */
#main .mod_article#wasservergleichstool .content-table:not(.rhodius) tbody tr:nth-child(23) 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 tr:nth-child(23) td {
    padding:0;
}
#main .mod_article#wasservergleichstool .content-table.rhodius table tr:nth-child(23) td {
    border-right:0;
    border-left:0;
}

/* #main .mod_article#wasservergleichstool .content-table.rhodius .row_22 a { */
#main .mod_article#wasservergleichstool .content-table.rhodius tbody tr:nth-child(23) a {
    display:inline-block;
    margin-top:45px;
    margin-bottom:60px;
    padding:5px 25px 4px 30px;
    border:2px solid #009fe3;
    border-radius:30px;
    text-decoration:none;
    color:#009fe3;
    text-transform:uppercase;
    font-weight:bold;
}
/* #main .mod_article#wasservergleichstool .content-table.rhodius .row_22 a::after { */
#main .mod_article#wasservergleichstool .content-table.rhodius tbody tr:nth-child(23) 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 { */
#main .mod_article#wasservergleichstool.more .content-table.rhodius tbody tr:nth-child(23) 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 'Sofia W01';
    color:#009fe3;
    font-weight:500;
    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;

    background:-moz-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:-webkit-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:-o-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:-ms-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:linear-gradient(to bottom,#CF0B80 0%,#990f62 100%);
    -pie-background:linear-gradient(top,#CF0B80 0%,#990f62 100%);
    
}
.mod_article#aktion.pink {
    background:-moz-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:-webkit-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:-o-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:-ms-linear-gradient(top,#CF0B80 0%,#990f62 100%);
    background:linear-gradient(to bottom,#CF0B80 0%,#990f62 100%);
    -pie-background:linear-gradient(top,#CF0B80 0%,#990f62 100%);
}
body.leitungswasser .mod_article#aktion {
    bottom:30%;
}
.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;
}
.mod_cms_accept_tags {
    z-index:100000 !important;
    background:rgba(0,0,0,0.6) !important;
}
.mod_cms_accept_tags form {
    padding:20px 30px;
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.3) !important;
}
.mod_cms_accept_tags h2 {
    margin-bottom:15px;
    font-size:30px;
    color:#009fe3;
    letter-spacing:0;
}
.mod_cms_accept_tags p {
    font:15px/25px 'Sofia W01';
    color:#4A4A4A;
}
.mod_cms_accept_tags form > .tags > div .head span {
    font:15px/25px 'Sofia W01';
    color:#4A4A4A;
    font-weight:500;
}
.mod_cms_accept_tags form > .tags > div p {
    font-size:12px;
    line-height:18px;
}
.mod_cms_accept_tags form > .tags > div .head label {
    background:#ddd !important;
    transition:0.3s;
}
.mod_cms_accept_tags button[value="accept"],
.mod_cms_cookie_bar button[value="accept"] {
    display:inline;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:30px;
    padding-right:15px;
    padding-left:15px;
    background-color:#ddd;
    border-radius:30px;
    font:18px 'Sofia W01';
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    background:#ddd !important;
    padding-left:25px !important;
    padding-right:20px !important;
    cursor:pointer;
    transition:0.3s;
}
.mod_cms_accept_tags button[value="accept"].submit.all,
.mod_cms_cookie_bar button[value="accept"].submit.all {
    background:#009fe3 !important;
}
.mod_cms_accept_tags button[value="accept"].submit.all:hover,
.mod_cms_cookie_bar button[value="accept"].submit.all:hover {
    background:#092c57 !important;
}
.mod_cms_accept_tags button[value="accept"]:hover,
.mod_cms_cookie_bar button[value="accept"]:hover {
    background:#999 !important;
}
.mod_cms_accept_tags form > .tags {
    clear:both;
}
.mod_cms_accept_tags form > .tags > div .head label:after {
    background:#4A4A4A !important;
}
.mod_cms_accept_tags form > .tags > div .head input:checked + label {
    background:#009fe3 !important;
}
.mod_cms_accept_tags p a {
    text-decoration:none;
    color:#009fe3;
    font-weight:bold;
}
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:#009fe3;
}
p.small {
    font-size:13px;
}
#main .mod_article.quote p.small {
    margin-bottom:0;
}
#main .mod_article#stoerer {
    width:100vw;
    height:100vh;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:fixed;
    padding-top:0;
    padding-bottom:0;
    background-color:rgba(255,255,255,.85);
    z-index:15000;
    display:flex;
    align-items:center;
}
#main .mod_article#stoerer .content-text {
    overflow:visible;
}
#main .mod_article#stoerer .inner {
    position:relative;
    padding-top:10vh;
    padding-bottom:10vh;
    background-color:#fff;
    -webkit-box-shadow:0 0 90px rgba(0,0,0,.15);
    box-shadow:0 0 90px rgba(0,0,0,.15);
}
#main .mod_article#stoerer .close {
    width:30px;
    height:30px;
    right:45px;
    top:45px;
    position:absolute;
    display:block;
    cursor:pointer;
}
.mod_cms_accept_tags .einstellungen {
    float:right;
    margin-top:-20px;
    font-family:'Sofia W01';
    font-weight:bold;
    color:#009fe3;
    cursor:pointer;
    transition:0.3s;
}
.mod_cms_accept_tags .einstellungen:hover {
    color:#666;
}
.mod_cms_accept_tags .einstellungen::after {
    width:16px;
    height:18px;
    float:right;
    display:block;
    margin-left:10px;
    background-image:url("/files/images/arrow-down-grey.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:'';
    background-size:contain;
}
.mod_cms_accept_tags .tags {
    max-height:0px;
    overflow:hidden;
    transition:0.6s;
}
.mod_cms_accept_tags.versteckt .tags {
    max-height:500px;
}
.mod_cms_accept_tags.versteckt .einstellungen {
    opacity:0;
}
body.news .mod_newslist .layout_latest {
    position:relative;
        display:inline-block;
        margin:20px;
        padding:0;
        text-align:left;
        border:1px solid #d9d9d9;
        vertical-align:top;
}
body.news .mod_newslist .layout_latest .content-text {
    margin:30px 40px;
}
body.news .mod_newslist .layout_latest h2 {
    font-size:35px;
    line-height:45px;
    color:#092c57;
}
body.news .mod_newslist .layout_latest h3 {
    margin-top:-40px;
        margin-bottom:20px;
        font-size:18px;
        line-height:26px;
        color:#009fe3;
}
body.news .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%
}
body.news .mod_newslist .layout_latest.voll {
    flex:1 100%
}
body.news .mod_newslist .layout_latest.dunkelblau {
    background-color:#092c57;
        border-color:#092c57;
        color:#fff;
}
body.news .mod_newslist .layout_latest.hellgrau {
    background-color:#f5f5f5;
}
body.news .mod_newslist .layout_latest.hellgruen {
    background-color:#7DB347;
        border-color:#7DB347;
        color:#fff;
}
body.news .mod_newslist .layout_latest.dunkelgruen {
    background-color:#3D6F4F;
        border-color:#3D6F4F;
        color:#fff;
}
body.news .mod_newslist .layout_latest.hellblau {
    background-color:#009fe3;
        border-color:#009fe3;
        color:#fff;
}
body.news .mod_newslist .layout_latest.pink {
    background-color:#CF0B80;
        border-color:#CF0B80;
        color:#fff;
}
body.news .mod_newslist .layout_latest.orange {
    background-color:#fec600;
        border-color:#fec600;
        color:#fff;
}
body.news .mod_newslist .layout_latest.dunkelgrau {
    background-color:#444;
        border-color:#444;
        color:#fff;
}
body.news .mod_newslist .layout_latest.dunkelblau h2,
body.news .mod_newslist .layout_latest.dunkelgrau h2,
body.news .mod_newslist .layout_latest.hellblau h2,
body.news .mod_newslist .layout_latest.hellblau h3,
body.news .mod_newslist .layout_latest.hellgruen h2,
body.news .mod_newslist .layout_latest.hellgruen h3,
body.news .mod_newslist .layout_latest.dunkelgruen h2,
body.news .mod_newslist .layout_latest.dunkelgruen h3,
body.news .mod_newslist .layout_latest.pink h2,
body.news .mod_newslist .layout_latest.pink h3,
body.news .mod_newslist .layout_latest.orange h3 {
    color:#fff;
}
body.news .mod_newslist .content-hyperlink a {
    margin-top:10px;
        margin-left:0;
}
body.news .mod_newslist .dunkelblau .content-hyperlink a,
body.news .mod_newslist .dunkelgrau .content-hyperlink a,
body.news .mod_newslist .dunkelgruen .content-hyperlink a,
body.news .mod_newslist .pink .content-hyperlink a {
    color:#092c57;
        background-image: linear-gradient(to right, #009fe3 33%, #fff 67%);
}
body.news .mod_newslist .hellblau .content-hyperlink a {
    background-image: linear-gradient(to right, #fff 33%, #092c57 67%);
}
body.news .mod_newslist .hellblau .content-hyperlink a:hover {
    color:#092c57;
}
body.news .mod_newslist .hellblau .content-hyperlink a:hover::after {
    content: url(/files/images/arrow-right-blue.svg);
}
body.news .mod_newslist .dunkelblau .content-hyperlink a::after,
body.news .mod_newslist .dunkelgrau .content-hyperlink a::after,
body.news .mod_newslist .dunkelgruen .content-hyperlink a::after,
body.news .mod_newslist .pink .content-hyperlink a::after {
    content: url(/files/images/arrow-right-blue.svg);
}
body.news .mod_newslist .dunkelblau .content-hyperlink a:hover,
body.news .mod_newslist .dunkelgrau .content-hyperlink a:hover,
body.news .mod_newslist .dunkelgruen .content-hyperlink a:hover,
body.news .mod_newslist .pink .content-hyperlink a:hover {
    color:#fff;
}
body.news .mod_newslist .dunkelblau .content-hyperlink a:hover::after,
body.news .mod_newslist .dunkelgrau .content-hyperlink a:hover::after,
body.news .mod_newslist .dunkelgruen .content-hyperlink a:hover::after,
body.news .mod_newslist .pink .content-hyperlink a:hover::after {
    content: url(/files/images/arrow-right-white.svg);
}
body.news #main .mod_newslist p.content-hyperlink {
    margin-bottom:0;
}
body.news #main .mod_article .mod_newslist .content-text p {
    max-width:none;
}
body.news .mod_newslist .layout_latest.bild-rechts figure {
    width:50%;
        height:100%;
        float:right;
        margin-left:40px;
        display:inline-flex;
}
body.news .mod_newslist .layout_latest.bild-links figure {
    width:50%;
        height:100%;
        float:left;
        margin-right:40px;
        display:inline-flex;
}
body.news .mod_newslist .layout_latest figure img {
    object-fit:cover;
}
body.news .mod_newslist .layout_latest.freigestellt figure {
    margin:40px;
        width:calc(50% - 80px);
        height:calc(100% - 80px);
}
body.news .mod_newslist .layout_latest.freigestellt figure img {
    object-fit:contain;
}
body.news .mod_newslist .layout_latest figure,
body.news .mod_newslist .layout_latest.bild-bg figure {
    display:none;
}
body.news .mod_newslist .layout_latest.bild-bg.bild-rechts .content-text {
    width:60%;
        float:left;
}
body.news .mod_newslist .layout_latest.bild-bg.bild-links .content-text {
    width:60%;
        float:right;
}
body.news .mod_newslist .layout_latest.bild-bg {
    background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
}
body.news #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%
}
body.news .mod_newslist .layout_latest {
    position:relative;
        display:inline-block;
        margin:20px;
        padding:0;
        text-align:left;
        border:1px solid #d9d9d9;
        vertical-align:top;
}

/* Slider */
#keyvisual-slider {
    padding-top: 150px;
}
#keyvisual-slider .mod_rocksolid_slider {
    padding-top: 0;
    width:100%;
    height:73vh;
    left:0;
    position:absolute;
    display:flex;
    justify-content:center;
    max-width: 1000px !important;
    left: 50%;
    transform: translateX(-50%);
}
#header .mod_article .keyvisual-space {
    height: calc(73vh - 195px);
}
#keyvisual-slider .mod_rocksolid_slider div[data-rsts-type="image"],
#keyvisual-slider .mod_rocksolid_slider .rsts-crop,
#keyvisual-slider .mod_rocksolid_slider .rsts-slides {
    height: 100% !important;
}
#keyvisual-slider .mod_rocksolid_slider .rsts-nav-bullets {
    top: unset;
    bottom: 10px;
}
#keyvisual-slider .mod_rocksolid_slider .rsts-nav-bullets a {
    box-shadow: none;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #092c57;  
}

#keyvisual-slider .mod_rocksolid_slider .rsts-nav-bullets a.active,
#keyvisual-slider .mod_rocksolid_slider .rsts-nav-bullets a:hover {
    background-color: #009fe3;
}
#keyvisual-slider .mod_rocksolid_slider .rsts-slide img {
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    object-fit: cover;
    margin-top: 0 !important;
}


@media (min-width: 990px) {

    #main .mod_article#wasservergleichstool .content-table {
        padding-left: 5%;
        margin-left: 42.5%;
    }

    #main .content-text ul {
        padding-left:60px;
    }

}


/* desktop large */
@media (max-width: 1680px) {
    html,
    body {
        font-size:15px;
        line-height:25px;
    }
    .subnavi .inner {
        left:135px;
        top:85px;
    }
    #header .mod_article .content-text {
        max-width:640px;
        margin-left:155px;
    }
    .mod_navigation {
        padding-left:135px;
    }
    #main .mod_article .ce_accordion .toggler h3,
    #main .mod_article .ce_accordion .toggler h2 {
        margin-bottom:15px;
        font-size:20px;
    }
    #header h1,
    #header .h1 {
        /* margin-bottom:60px;
        font-size:60px;
        line-height:60px; */
    }

    #footer .inside {
        margin-right:90px;
        margin-left:90px;
    }
    #footer .content-text.produkte,
    #footer .content-text.service {
        margin-right:90px;
    }
    h1, .h1 {
        /* font-size:75px;
        line-height:75px; */
    }
    h2, .h2,
    /* #header h1.h2, */
    #main .mod_article .ce_accordion .accordion .content-text h3.h2 {
        margin-bottom:30px;
        font-size:35px;
        line-height:40px;
    }
    h3, .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:60px;
    }
    #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;
    }
    #branding a {
        left:30px;
    }
    .mod_customnav ul {
        right:30px;
    }
    #instagram h1,
    #instagram .h1 {
        font-size:50px;
        line-height:50px;
    }
    #main .mod_article .popup.arteser {
        margin-left:8%;
    }
    .classic-startseite figure {
        width:240px;
        right:-70%;
    }
    #main .mod_article#wasservergleichstool .content-text h1: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 .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%;
    }
    body.initiative #main .mod_article .layout_latest .content-text p {
        max-width:none;
    }
    body.initiative #main .mod_article .mod_newslist {
        max-width:1200px;
    }

    #keyvisual-slider .mod_rocksolid_slider {
        height: 80vh;
    }
    #header .mod_article .keyvisual-space {
        height: calc(80vh - 150px);
    }
}

/* desktop medium */
@media (max-width: 1440px) {
    #main .mod_article {
        padding-top:60px;
        padding-bottom:60px;
    }
    #header h1,
    #header .h1 {
        /* margin-bottom:30px; */
    }
    #main .mod_article.produkt-1er h2 {
        font-size:50px;
        line-height:50px;
    }
    h1,
    .h1 {
        /* font-size:60px;
        line-height:60px; */
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-links {
        margin-left:120px;
        width:calc(50% - 120px)
    }
    #main .mod_article .ce_accordion .toggler::before {
        width:45px;
        height:45px;
        margin-top:30px;
        font-size:30px;
        line-height:41px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts {
        margin-right:120px;
        width:calc(50% - 120px)
    }
    #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;
    }
    #main .mod_article .ce_accordion .accordion .content-text h3 {
        margin-bottom:30px;
        font-size:30px;
        line-height:35px;
    }

    #main .mod_article .ce_accordion .accordion .content-text {
        padding-top:75px;
        padding-bottom:60px;
    }
    #header .mod_article .content-text {
        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 {
        height:90px;
    }
    #main .mod_article.produkt-3er .content-hyperlink {
        margin-bottom:60px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table td em {
        font-size:12px;
    }
    #instagram h1,
    #instagram .h1 {
        font-size:45px;
        line-height:45px;
    }
    #main .mod_article .popup.arteser {
        margin-left:8.8%;
    }
    #main .mod_article .popup h3,
    #main .mod_article .popup .h3 {
        font-size:15px;
    }
    .classic-startseite figure {
        width:180px;
        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;
    }
    .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;
    }
    body.initiative #main .mod_article .mod_newslist {
        max-width:960px;
    }

    /* #keyvisual-slider .mod_rocksolid_slider {
        height: 60vh;
    }
    #header .mod_article .keyvisual-space {
        height: calc(60vh - 150px);
    } */

    #keyvisual-slider .mod_rocksolid_slider {
        height: 80vh;
    }
    #header .mod_article .keyvisual-space {
        height: calc(80vh - 150px);
    }
}


/* desktop small */
@media (max-width: 1280px) {
    #main .mod_article {
        padding-top:45px;
        padding-bottom:45px;
    }
    h1,
    .h1 {
        /* font-size:50px;
        line-height:50px; */
        font-size: 50px;
    }
    html,
    body {
        font-size:13px;
        line-height:20px;
    }
    h2, .h2,
    /* #header h1.h2, */
    #main .mod_article .ce_accordion .accordion .content-text h3.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;
    }
    #branding a {
        width:45px;
        height:45px;
    }
    .mod_navigation {
        padding-top:40px;
    }
    .mod_customnav ul {
        top:40px;
    }
    #header .mod_article .content-text {
        max-width:500px;
        margin-left:145px;
    }
    .ce_form .widget-text input,
    .ce_form .widget-textarea textarea {
        width:330px;
    }
    .subnavi .inner {
        top:72px;
    }
    .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 {
        padding:25px;
    }
    .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,
    .content-hyperlink button {
        padding-top:10px;
        padding-bottom:9px;
    }
    .subnavi.produkte .inner {
        width:645px;
    }
    .subnavi.produkte img {
        max-height:75px;
    }
    #header .inside {
        height:75px;
    }
    #main .mod_article.infos table {
        font-size:13px;
        line-height:20px;
    }
    #header h3,
    #header .h3 {
        font-size:20px;
    }
    #main .mod_article .ce_accordion .toggler h3,
    #main .mod_article .ce_accordion .toggler h2 {
        margin-top:15px;
        font-size:15px;
    }
    #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,
    #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 {  /* 44 checken */
        /* padding-top:0; */
    }
    #main .mod_article .gl {
        font-size:12px;
        line-height:20px;
    }
    #main .mod_article.produkt-3er .content-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:150px;
        right:-65%;
    }
    #main .mod_article#wasservergleichstool .content-text {
        padding-left:5%;
    }
    #main .mod_article#wasservergleichstool .content-text h1:before {
        width:45px;
        height:75px;
        margin-top:-40px;
        margin-left:-45px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td:first-of-type {
        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;
    }
    body.leitungswasser #main .mod_article#aktion {
        bottom:30%;
    }
    #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;
    }
    .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;
    }
    body.initiative .mod_newslist .layout_latest figure {
        margin-left:60px;
    }
    body.initiative .mod_newslist .layout_latest:nth-child(even) figure {
        margin-right:60px;
    }
    body.initiative .mod_newslist .layout_latest {
        margin-bottom:45px;
        padding-bottom:30px;
    }
    body.initiative .mod_newslist .layout_latest h2 {
        margin-top:15px;
    }
    body.news .mod_newslist .layout_latest.bild-links figure,
    body.news .mod_newslist .layout_latest.bild-rechts figure {
        width:100%;
        height:25vw;
        float:none;
        display:block;
        overflow:hidden;
    }
    body.news .mod_newslist .layout_latest.bild-links.freigestellt figure,
    body.news .mod_newslist .layout_latest.bild-rechts.freigestellt figure {
        width:80%;
    }
    .mod_newslist .layout_latest.breit {
        flex: 1 100%;
    }

    #keyvisual-slider {
        padding-top: 100px;
    }

    #main .mod_article .reklamation {
        margin-top: 50px;
    }
}



@media (max-width: 1100px) {

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

    .toggle-navi {
        display: none;
    }

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

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

}

/* 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;
    }
    #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:60vh;
    }
    #keyvisual-slider .mod_rocksolid_slider {
        /* height: 60vh; */
    }
    #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,
    .content-hyperlink button {
        margin-right:0;
        margin-left:0;
    }
    #main .mod_article .gl {
        margin-top:-90px;
        padding-right:5%;
    }
    #instagram h1,
    #instagram .h1 {
        font-size:40px;
        line-height:40px;
    }
    #main .mod_article .popup h3,
    #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:first-of-type,
    #main .mod_article#wasservergleichstool .content-table.rhodius tr:nth-child(9) td:first-of-type {
        padding-left:10%;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td:first-of-type {
        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_cms_accept_tags p {
        font-size:13px;
        line-height:20px;
    }
    .mod_cms_accept_tags button[value="accept"],
    .mod_cms_cookie_bar button[value="accept"] {
        font-size:15px;
    }
    .mod_article.quote p strong {
        font-size:20px;
        line-height:28px;
    }
    .mod_newslist .layout_latest.halb,
    .mod_newslist .layout_latest.schmal,
    .mod_newslist .layout_latest.breit {
        flex:1 100%
    }
    body.initiative #main .mod_article .mod_newslist {
        max-width:80%;
    }
    body.news .mod_newslist .layout_latest.bild-links figure,
    body.news .mod_newslist .layout_latest.bild-rechts figure {
        height:33vw;
    }
    body.news .mod_newslist .layout_latest.bild-links.freigestellt figure,
    body.news .mod_newslist .layout_latest.bild-rechts.freigestellt figure {
        width:50%;
        margin-right:auto;
        margin-left:auto;
    }
    body.news .mod_newslist .layout_latest figure img {
        width:100%;
    }
}



@media (max-width: 990px) {

    h1, .h1 {
        font-size: 45px;
    }

    #main .mod_article #wasservergleichskarte {
        width:100%;
        height:40vh;
        min-height:1px;
        max-height:40vh;
        border-bottom:10px solid #fff;
    }

    #main .mod_article#wasservergleichstool .ce_text {

    }

    #main .mod_article#wasservergleichstool .content-table {
        width:auto;
        margin-left:0;
        padding-left:0;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td:first-of-type {
        padding-left:10%;
    }
    #main .mod_article#wasservergleichstool .content-text {
        width:90%;
        margin-top:37.5vh;
        margin-left:0;
    }
    #main .mod_article#wasservergleichstool .content-text h1: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 h1 {
        max-width:100vw;
        text-align:center;
    }

    #main .mod_article#wasservergleichstool .content-table.rhodius {
        padding-left: 5%;
    }

}

/* iphone quer */
@media (max-width: 812px) and (orientation: landscape) {
    #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:90vh;
    }
    #keyvisual-slider .mod_rocksolid_slider {
        height: 90vh;
    }
    #header .mod_article .content-text {
        margin-top:120px;
        height:calc(90vh - 120px)
    }
    .classic-startseite figure {
        width:120px;
        right:-5%;
    }
    #main .mod_article:first-of-type { /* 44 checken */
        padding-top:60px;
    }
    #main .mod_article.produkt-1er h2 {
        font-size:30px;
        line-height:30px;
    }
    h2, .h2,
    /* #header h1.h2, */
    #main .mod_article .ce_accordion .accordion .content-text h3.h2 {
        margin-bottom:15px;
        font-size:20px;
        line-height:25px;
        letter-spacing:0px;
    }
    h3, .h3 {
        margin-top:-15px;
        margin-bottom:30px;
        font-size:18px;
    }


    #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,
    .content-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, .h4 {
        font-size:15px;
    }
    #main .mod_article:first-of-type { /* 44 checken */
        padding-top:30px;
    }

    .rsts-thumbs-slide {
        width: 170px !important;
    }

    .ohne .rsts-thumbs-slide p.titel {
        font-size: 14px;
        line-height: 1.5;
    }

    #main .mod_article .ce_accordion .accordion .content-text.tabelle table, 
    .rsts-slide table {
        width: 73% !important;
    }

    .rsts-skin-default .rsts-nav,
    .rsts-nav-tabs {
        display:none;
    }
    .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,
    #header .h3 {
        margin-top:-15px;
        font-size:18px;
    }
    #main .mod_article .ce_accordion .toggler {
        height:65vh;
    }
    #main .mod_article .ce_accordion .accordion {
        margin-top:57vh;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-links,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts {
        width:100%;
        margin-left:0;
        padding-bottom:0;
        padding-left:0;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-links h2,
    #main .mod_article .ce_accordion .accordion .content-text.text-links h3,
    #main .mod_article .ce_accordion .accordion .content-text.text-links p,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts h2,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts h3,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts p {
        width:70%;
        margin-right:15%;
        margin-left:15%;
    }
    #main .mod_article .ce_accordion figure {
        width:100%;
        max-width:100%;
        position:relative;
        margin-top:60px;
    }
    #main .mod_article .ce_accordion figure img {
        width:100%;
        max-width:100%;
        display:block;
    }
    #main .mod_article .ce_accordion .text-links figure::after,
    #main .mod_article .ce_accordion .text-rechts figure::after {
        display:none;
    }
    #main .mod_article .ce_accordion .text-rechts figure img {
        position:relative;
    }
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table td:nth-child(2),
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table td:nth-child(3),
    .rsts-slide table td:nth-child(2),
    .rsts-slide table td:nth-child(3) {
        display:none;
    }
    #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%; */
        left:7%;
    }
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table,
    .rsts-slide table {
        width: 73% !important;
    }

    .mod_rocksolid_slider.inhaltsstoffe {
        padding-top: 108px;
    }


    /* #main .mod_article#wasservergleichstool .content-text h1: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:first-of-type,
    #main .mod_article#wasservergleichstool .content-table.rhodius tr:nth-child(9) td:first-of-type {
        padding-left:5%;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td:first-of-type {
        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;
    }
    body.leitungswasser #main .mod_article#aktion {
        bottom:30px;
    }
    #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_cms_accept_tags p {
        font-size:11px;
        line-height:15px;
    }
    .mod_cms_accept_tags form > .tags > div p {
        font-size:10px !important;
        line-height:13px !important;
    }
    .mod_cms_accept_tags button[value="accept"],
    .mod_cms_cookie_bar button[value="accept"] {
        margin-top:15px;
        margin-bottom:0;
        font-size:13px;
    }
    .mod_cms_accept_tags form > .tags > div .head span {
        font-size:13px;
        line-height:20px;
    }
    .mod_cms_accept_tags form {
        margin:20px;
        padding:10px 20px;
    }
    .mod_article.quote p strong {
        font-size:16px;
        line-height:20px;
    }
    #main .mod_article.quote {
        padding-top:45px;
    }
    body.initiative #main .mod_article .mod_newslist {
        max-width:75%;
    }
    body.news .mod_newslist .layout_latest h3 {
        margin-top:-15px;
        margin-bottom:0;
    }
    body.news .mod_newslist .layout_latest h2 {
        font-size:25px;
        line-height:35px;
    }
}
    

@media (max-width: 768px) {  
    
    h1, .h1 {
        font-size: 35px;
    }

    #footer {
        display: flex;

        .inside {
            display: flex;
            flex-wrap: wrap;
            gap: 0 30px;
        }
    }
}


/* ipad hoch*/
@media (max-width: 768px) and (orientation: portrait) {
    .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:20px;
        font:30px/40px 'Sofia W01';
        text-decoration:none;
        color:#092c57;
    }
    #navi-mobil li.premium a,
    #navi-mobil li.nachhaltigkeit-alt a,
    #navi-mobil li.kontakt a {
        border-bottom:2px solid #ddd;
        font-size:20px;
        line-height:30px;
        color:#009fe3;
    }
    #navi-mobil li.quelle,
    #navi-mobil li.leitungswasser,
    #navi-mobil li.nachhaltigkeit,
    #navi-mobil li.co2-neutral,
    #navi-mobil li.sponsoring,
    #navi-mobil li.reklamation {
        margin-left:30px;
    }
    #navi-mobil li.leitungswasser,
    #navi-mobil li.reklamation {
        margin-bottom:45px;
    }
    #navi-mobil ul {
        right:90px;
    }
    #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;
    }
    #keyvisual-slider .mod_rocksolid_slider {
        height: 40vh;
    }
    #header .mod_article .content-text {
        margin-top:135px;
        height:calc(40vh - 135px)
    }
    #main .mod_article .ce_accordion .toggler h3,
    #main .mod_article .ce_accordion .toggler h2 {
        max-width:80%;
        margin-right:auto;
        margin-left:auto;
    }
    #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, .h2,
    /* #header h1.h2, */
    #main .mod_article .ce_accordion .accordion .content-text h3.h2 {
        font-size:25px;
        line-height:30px;
        letter-spacing:0px;
    }
    h1, .h1 {
        /* font-size:40px;
        line-height:40px; */
    }
    #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 .ce_accordion .accordion .content-text.text-links,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts {
        width:100%;
        margin-left:0;
        padding-bottom:0;
        padding-left:0;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-links h2,
    #main .mod_article .ce_accordion .accordion .content-text.text-links h3,
    #main .mod_article .ce_accordion .accordion .content-text.text-links p,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts h2,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts h3,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts p {
        width:70%;
        margin-right:15%;
        margin-left:15%;
    }
    #main .mod_article.breit .content-text.dreier {
        width:70%;
        margin-bottom:30px;
    }
    .ce_form .widget-text input,
    .ce_form .widget-textarea textarea {
        width:270px;
    }
    #main .mod_article .ce_accordion figure {
        width:100%;
        max-width:100%;
        position:relative;
        margin-top:60px;
    }
    #main .mod_article .ce_accordion figure img {
        width:100%;
        max-width:100%;
        display:block;
    }
    #main .mod_article .ce_accordion .text-links figure::after,
    #main .mod_article .ce_accordion .text-rechts figure::after {
        display:none;
    }
    #main .mod_article .ce_accordion .text-rechts figure img {
        position:relative;
    }
    #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:first-of-type { /* 44 checken */
        padding-top:30px;
    }
    #main .mod_article .gl {
        margin-top:-75px;
        padding-right:5%;
        font-size:10px;
        line-height:16px;
    }
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table td:nth-child(2),
    #main .mod_article .ce_accordion .accordion .content-text.tabelle table td:nth-child(3),
    .rsts-slide table td:nth-child(2),
    .rsts-slide table td:nth-child(3) {
        display:none;
    }
    #main .mod_article .ce_accordion .accordion {
        margin-top:27vh;
    }
    #instagram h1,
    #instagram .h1 {
        font-size:30px;
        line-height:30px;
    }
    #main .mod_article .popup h3,
    #main .mod_article .popup .h3 {
        font-size:11px;
    }
    /* #main .mod_article .popup p { test */
    #main .mod_article .popup .rte {
        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:135px;
        right:-15%;
    }
    .classic-startseite figure,
    .classic-startseite figure img {
        max-height:35vh;
    }

    #main .mod_article#wasservergleichstool .content-table.rhodius {
        padding-left: 0;
    }


    /* #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:first-of-type {
        padding-left:10%;
    }
    #main .mod_article#wasservergleichstool .content-text {
        width:90%;
        margin-top:37.5vh;
        margin-left:0;
    }
    #main .mod_article#wasservergleichstool .content-text h1: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 h1 {
        max-width:100vw;
        text-align:center;
    } */
    #main .mod_article#aktion {
        width:180px;
        height:180px;
    }
    body.leitungswasser #main .mod_article#aktion {
        bottom:30px;
    }
    .mod_cms_accept_tags button[value="accept"],
    .mod_cms_cookie_bar button[value="accept"] {
        font-size:15px;
    }
    .mod_cms_accept_tags p,
    .mod_cms_accept_tags form > .tags > div .head span {
        font-size:13px;
        line-height:20px;
    }
    .mod_cms_accept_tags form > .tags > div p {
        font-size:11px !important;
        line-height:15px !important;
    }
    body.initiative #header .mod_article .content-text p {
        margin-left:120px;
    }
    .mod_article.quote p strong {
        font-size:16px;
        line-height:20px;
    }
    .mod_newslist .layout_latest.halb,
    .mod_newslist .layout_latest.schmal,
    .mod_newslist .layout_latest.breit {
        flex:1 100%
    }
    body.news .mod_newslist .layout_latest.bild-links figure,
    body.news .mod_newslist .layout_latest.bild-rechts figure {
        height:50vw;
    }
    body.news .mod_newslist .layout_latest h2 {
        font-size:25px;
        line-height:35px;
    }
    body.news .mod_newslist .layout_latest h3 {
        margin-top:-30px;
        margin-bottom:0;
        font-size:15px;
        line-height:25px;
    }
    #keyvisual-slider .mod_rocksolid_slider {
        height: 50vh;
    }
    #header .mod_article .keyvisual-space {
        height: calc(50vh - 150px);
    }
}
    

/* 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-rechts {
        display: block;
    }

    #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.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;
    }
    #main .mod_article.produkt-1er .content-text {
        margin-top:45vh;
    }
    #main .mod_article.infos .content-text:first-of-type table td {
        vertical-align:top;
        display:table-row;
        float:left;
        width:50% !important;
    }
    #main .mod_article.infos .content-text:first-of-type table tr:first-child td:nth-child(2),
    #main .mod_article.infos .content-text:first-of-type table tr:first-child td:nth-child(4) {
        display:none;
    }
    #apfelschorle + .infos .content-text:first-of-type table td:first-child,
    #sport + .infos .content-text:first-of-type table td:first-child {
        width:100% !important;
    }
    #apfelschorle + .infos .content-text:first-of-type table td:nth-child(2),
    #sport + .infos .content-text:first-of-type table td:nth-child(2) {
        display:none;
    }
    h1, .h1,
    #header h1 #header .h1 {
        /* font-size:30px;
        line-height:30px; */
    }
    #header h1, #header .h1 {
        /* margin-bottom:15px;
        color:#009fe3; */
    }
    #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(.premium):not(.nachhaltigkeit-alt):not(.kontakt) a::before {
        width:15px;
        height:13px;
        position:absolute;
        margin-top:6px;
        margin-left:-24px;
        background-image:url("/files/images/arrow-right-grey.svg");
        content:''
    }
    #branding a {
        width:40px;
        height:40px;
        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;
    }
    #keyvisual-slider .mod_rocksolid_slider {
        height: 40vh;
    }
    .hell #header .mod_article .content-text,
    #header .mod_article .content-text {
        height:auto;
        margin-top:45vh;
        color:#4a4a4a;
    }
    #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,
    .content-hyperlink button {
        margin-right:0;
        margin-left:0;
        padding-right:20px;
        padding-left:25px;
    }
    .content-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;
    }
    #main .mod_article .ce_accordion .toggler p {
        display:none;
    }
    #footer strong,
    #footer a.mail {
        font-size:16px;
    }
    #store_search input {
        width:calc(100% - 80px)
    }
    #store_search .widget {
        display:block;
    }
    h2, .h2,
    /* #header h1.h2, */
    #main .mod_article .ce_accordion .accordion .content-text h3.h2 {
        font-size:20px;
        line-height:25px;
    }
    #header h3,
    #header h3,
    h3,
    .h3 {
        font-size:15px;
        line-height:20px;
    }
    #main .mod_article .ce_accordion .toggler h3,
    #main .mod_article .ce_accordion .toggler h2 {
        max-width:90%;
        font-size:12px;
    }
    #main .mod_article .ce_accordion .toggler {
        height:25vh;
    }
    #main .mod_article .ce_accordion .accordion {
        margin-top:20vh;
    }
    #main .mod_article .ce_accordion .accordion .content-text.text-links h2,
    #main .mod_article .ce_accordion .accordion .content-text.text-links h3,
    #main .mod_article .ce_accordion .accordion .content-text.text-links p,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts h2,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts h3,
    #main .mod_article .ce_accordion .accordion .content-text.text-rechts p,
    #main .mod_article .weiss.content-text p {
        width:85%;
        max-width:85%;
        margin-right:7.5%;
        margin-left:7.5%;
    }
    #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-skin-default .rsts-nav,
    .rsts-nav-tabs {
        display:none;
    }
    .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,
    .classic-startseite figure img {
        height:auto;
        max-width:120px;
        max-height:40vh;
        bottom:110%;
        left:32.5%;
    }
    .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;

        display: none; /* 44 test */
    }
    #main .mod_article#wasservergleichstool .content-text h1: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 h1 {
        margin-bottom:15px;
    }
    #main .mod_article#wasservergleichstool .content-table {
        padding-top:15px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td:first-of-type {
        position:absolute;
        padding-left:5%;
        font-size:10px;
        padding-top:3px;
    }
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) tr:nth-child(9) td {
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) tr:nth-child(26) a::after,
    #main .mod_article#wasservergleichstool .content-table.rhodius tr:nth-child(26) a::after {
        display:none;
    }
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) tr:nth-child(26) a,
    #main .mod_article#wasservergleichstool .content-table.rhodius tr:nth-child(26) a {
        padding-right:20px;
        padding-left:20px;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius th:last-of-type,
    #main .mod_article#wasservergleichstool .content-table.rhodius td:last-of-type {
        border-left:0;
    }
    #main .mod_article#wasservergleichstool .content-table.rhodius td:last-of-type,
    #main .mod_article#wasservergleichstool .content-table:not(.rhodius) td:last-of-type {
        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:first-of-type {
        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 tr:nth-child(9) td:first-of-type {
        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;
    }
    .mod_cms_accept_tags form {
        padding:5px;
        margin:15px !important;
    }
    .mod_cms_accept_tags p,
    .mod_cms_accept_tags form > .tags > div .head span {
        font-size:11px;
        line-height:15px;
    }
    .mod_cms_accept_tags form > .tags > div {
        flex-basis:auto !important;
    }
    .mod_cms_accept_tags button[value="accept"],
    .mod_cms_cookie_bar button[value="accept"] {
        margin-top:10px;
        margin-bottom:0;
        font-size:13px;
    }
    .mod_cms_accept_tags h2 {
        margin-bottom:10px;
        font-size:20px;
    }
    .mod_cms_accept_tags form > .tags > div .head {
        margin-bottom:5px !important;
    }
    .mod_cms_accept_tags form > .tags > div p {
        font-size:10px !important;
    }
    .mod_cms_accept_tags button,
    .mod_cms_cookie_bar button {
        padding:8px !important;
    }
    .mod_cms_accept_tags form > .formbody,
    .mod_cms_accept_tags form > .tags > div {
        padding:10px !important;
    }
    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%;
    }
    .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 .content-text,
    .mod_newslist .layout_latest.bild-bg.bild-links .content-text {
        width:75%;
    }
    .mod_newslist .layout_latest.freigestellt figure img {
        max-width:80%;
            margin-right:auto;
            margin-left:auto;
    }
    body.initiative .mod_newslist .layout_latest figure {
        width:100%;
        height:auto;
        float:none;
        margin-right:0;
        margin-left:0;
    }
    body.initiative .mod_newslist .layout_latest {
        margin-bottom:30px;
        padding-bottom:15px;
    }
    body.news #main .mod_article .mod_newslist {
        width:90%;
    }
    body.news .mod_newslist .layout_latest {
        margin:10px;
    }
    body.news .mod_newslist .layout_latest.bild-links figure,
    body.news .mod_newslist .layout_latest.bild-rechts figure {
        height:60vw;
    }
    body.news .mod_newslist .layout_latest h2 {
        font-size:20px;
        line-height:30px;
    }
    body.news .mod_newslist .layout_latest p {
        font-size:14px;
        line-height:22px;
    }
    body.news .mod_newslist .layout_latest.bild-bg.bild-rechts .content-text {
        width:80%;
    }

    #keyvisual-slider {
        padding-top: 75px;
    }

    #header .mod_article .keyvisual-space {
        margin-top: 37vh;
    }

}   


@media (max-width: 414px) {

    h1, .h1 {
        font-size: 26px;
    }

}