header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} @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} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /*************************************************************/ /* Design: OENOSERVICE.CH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.nuun.ch */ /* Datum: Februar 2015 */ /* Site: wwww.oenoservice.ch */ /*************************************************************/ /*Cookiebar*/ .contao-cookiebar {bottom: 0; left: initial; top: initial; right: 0;} .contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar h4 {font-size: 3rem; line-height: 3.5rem;} .contao-cookiebar .cc-inner label {line-height: 1.9rem;} .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-info > p {font-size: 1.2rem; line-height: 1.6rem;} .contao-cookiebar .cc-info > p a {color:#999999; text-decoration: none;} .contao-cookiebar a {color: #76361a;} #container .cc-module {text-align: center;} #container .cc-module a {color: #76361a; text-decoration: underline;} /*Profiltration*/ /* blau: #0E123A 0E123A */ body.profiltration .custom .header_background {background: #0E123A;} body.profiltration.home #container #main .ce_text_hover {width: 24.617%; margin-right: 0.5%;} body.profiltration.home #container #main .ce_text_hover:nth-of-type(4n) {margin-right: 0;} body.profiltration #main .ce_text_hover {float:left; position:relative; width:32.97297297297297%; height:22.52252252252252%; margin:0 0.5405405405405405% 3px 0; font-size:1.4rem; line-height:1.7rem;} body.profiltration #main .ce_text_hover:nth-of-type(3n+1) {margin:0 0 3px 0;} body.profiltration #container .ce_text_hover .hover-caption .text_hover {bottom: 0; background: rgba(0,0,0,0.7); font-family: 'maven_proregular';} body.profiltration #container .ce_text_hover bold, body.profiltration #container .ce_text_hover strong {font-size: 2rem; line-height: 3rem; font-family: 'maven_proregular';} body.profiltration #footer .inside {background: #0E123A;} body.profiltration #logo {top: 43px;} body.profiltration #right {float: right; position:relative; margin: 38px 0 38px 0; border-left:1px solid #0E123A; width: 27.02702702702703%;} body.profiltration #container h1 {font-size:3rem; line-height:3.1rem; margin:0; padding:12px 0 0 0; font-family:'maven_promedium'; color:#0E123A;} body.profiltration #container h2 {font-size:2.4rem; line-height:3.1rem; margin:0; padding:0 0 10px 0; font-family:'maven_promedium'; color:#0E123A;} body.profiltration #main h3 {font-size:1.6rem; line-height:2.1rem; margin:0; padding:14px 0 0 0; font-family:'maven_promedium'; color:#0E123A;} body.profiltration #right h3 {font-size:1.6rem; line-height:2.1rem; margin:0; padding:9px 0 0 0; font-family:'maven_promedium';f color:#0E123A;} body.profiltration #container .layout_latest {float:left; width:100%; clear:both; border-top:1px solid #0E123A; margin:0; padding:8px 0;} body.profiltration #container a, body.profiltration #container a:link, body.profiltration #container a:visited {color:#0E123A; padding:0; text-decoration:none;} body.profiltration #container .line {border-top: 1px solid #0E123A; margin-top: 15px; margin-bottom: 10px; padding-top: 35px; float:left; width:100%;} body.profiltration .ce_accordion .toggler {font-size:2.4rem; line-height:3.1rem; margin:0; padding:0 0 10px 0; font-family:'maven_promedium'; color:#0E123A; cursor:pointer;} body.profiltration #header .navigation li ul li:hover a {color: #0E123A; text-decoration:none; font-family:'open_sanssemibold';} body.profiltration #header .navigation li li a:hover {color: #0E123A; text-decoration: none;} body.profiltration #container .mod_nav_sub ul li a.active, body.profiltration #container .mod_nav_sub ul li a:hover, body.profiltration #container .mod_nav_sub ul li a:active, body.profiltration #container .mod_nav_sub ul li a.trail {color:#0E123A; text-decoration:none; font-family:'open_sanssemibold';} body.profiltration #main .formbody .submit {color:#fff; background:#0E123A; border:none; cursor:pointer; height:25px; margin:2px 0 8px 32.7%; padding:1px 0 5px 0; width:32%; font-weight:normal; float:left;} body.profiltration #container #mc_embed_signup .button {background-color: #0E123A; border-radius: 0px; width: 250px;} body.profiltration .mm-menu .mm-panel {background: #0E123A !important;} body.profiltration .mm-search input {background: #fff !important; color: #0E123A !important;} body.profiltration #container .ce_downloads a, body.profiltration #container .ce_downloads a:link, body.profiltration #container .ce_downloads a:visited, body.profiltration #container .ce_download a, body.profiltration #container .ce_download a:visited, body.profiltration #container .ce_download a:link, body.profiltration #container .enclosure a:link, body.profiltration #container .enclosure a:visited {padding:4px 0 0 22px;} body.profiltration #container .layout_latest .image_container {padding: 0 18px 0 0;} body.profiltration #container .mod_newsreader p.back a {background: #0E123A;} body.profiltration #main .mod_search input[type=submit] {height: 30px; width: 30px; margin: 0; border-radius: 0; float: left; -webkit-appearance: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; border-style: none; border: 1px solid gray; border-left: none; background: #fff url(../../files/data/graphics/icon-search.svg); background-position: center; background-repeat: no-repeat; background-size: 20px;} body.profiltration .mod_search span.highlight {background: #f1f0f7;} body.profiltration #header .navigation li ul {position:absolute; left:-10px; top:51px; width:225px; height: auto; margin:0; padding:4px 0 8px 0; font-size:1.4rem; line-height:1.9rem; list-style:none; background:#f1f0f7; border-top:5px solid #fff;} body.profiltration #container .mod_nav_sub {background:#f1f0f7; padding:4px 4% 0 4%; float:left; width:92%; margin-bottom: 30px;} body.profiltration {font-family: 'open_sanslight';} body.profiltration bold, body.profiltration strong {font-family: 'open_sansbold';} body.profiltration #container .mod_nav_sub ul {font-family: 'open_sansregular';} body.profiltration #header .navigation ul {font-family: 'open_sansregular';} body.profiltration #header .navigation li a:hover, body.profiltration #header .navigation li a.active, body.profiltration #header .navigation li a.trail, body.profiltration #header .navigation li:hover a {font-family: 'open_sansbold';} body.profiltration #header .navigation li:hover li a, body.profiltration #header .navigation li.active li a {font-family: 'open_sanslight';} body.profiltration #header .navigation ul li li a.active {color: #0E123A;} body.profiltration #header .mod_article {margin-top: 82px;} body.profiltration #header .navigation ul li a::after {display:block; content:attr(title); font-family:'ralewaybold'; height:1px; color:transparent; margin-right: 5px; overflow:hidden; visibility:hidden;} body.profiltration .mod_headerimages {margin-top: 94px;} #container .ce_text.portrait {margin-right: 30px;} .mod_changelanguage {text-align: right; opacity: 0;} .mod_changelanguage ul li {display: inline-block; padding-top: 10px;} .mod_changelanguage ul li.first:after {content: "|"; color: #fff; margin: 0 2px 0 6px;} .mod_changelanguage ul li a.active, .mod_changelanguage ul li a:hover {font-family: 'open_sanssemibold';} .cookiebar {z-index: 100;} /* GLOBAL LAYOUT */ /*************************************************************/ html, body {min-width:100%; min-height:100%; margin:0 auto; font: 62.5% 'ralewayregular', Arial, Verdana, Helvetica, sans-serif; color:#000000; letter-spacing:0.0em;} body {font-size:16px; font-size: 1.6rem;} body.oenoservice.home {background: url(../../files/data/graphics/body-bg.JPG) center no-repeat; background-size: cover;} body.oenoservice.home .custom .header_background {background: none;} body.oenoservice.home #footer .inside {background: none;} body.oenoservice.home #container h1 {color: #fff;} body.oenoservice.home #container .ce_text {color: #fff;} body.oenoservice.home #container a, body.home #container a:link, body.home #container a:visited {color: #fff;} /*Back to top*/ #backtotop {width: 80px; position: fixed; bottom: 45px; right: 50px; cursor: pointer; opacity: 0; z-index: 3000;} #backtotop img {width: 100%;} .custom .header_background {position:absolute; top:0; width:100%; height:120px; background:url(../../files/data/graphics/body-bg.JPG) center top repeat-x;} #header_print {display:none;} #wrapper {max-width:1110px; min-height:calc(100vh - 150px); margin:0 auto; padding:0 20px; position:relative; font-size:1.6rem; line-height:2.1rem;} #header {min-height:120px; width:100%; position:relative; float:left; z-index:1200;} * html #header {height:120px;} .mod_headerimages {position:relative; margin-top:125px; max-width:1110px; max-height:395px; z-index:1100;} .mod_headerimages .overlay {display:none;} .mod_headerimages img {width:100% !important; height:auto; left:0 !important; position:relative; display:block;} #header .mod_article {width:100%; padding:0; float:left; margin-top:125px; position:relative;} #header img {max-width: 100%; height: auto;} body.home #header .mod_article img {width: 100%;} #container {position:relative; z-index:1000;} body #main {float: left; padding: 25px 0 30px 0; width: 68.46846846846847%;} body.home #main {float: left; padding: 5px 0 30px 0; width: 100%;} #right {float: right; position:relative; margin: 38px 0 38px 0; border-left:1px solid #76361a; width: 27.02702702702703%;} #right .inside {float: right; width: 90%;} body.home #right {display:none;} #footer {width:100%; height:150px; margin-top: 0; padding:0; z-index:1500; position: relative; clear: both; display:block; margin-left:auto; margin-right:auto; font-size:1.6rem; line-height:2.3rem; display:block; z-index:600;} #footer .inside {width:100%; height:150px; display:block; margin:0 auto; padding:0; position:relative; background:url(../../files/data/graphics/body-bg.JPG) center top repeat-x; float:left;} #footer .inside .content {display:block; max-width:1110px; padding:0 20px; margin:0 auto; position:relative;} #footer .inside .mod_article {display:block; width:100%; padding:36px 0 0 0; margin:0; position:relative; float:left; color:#fff;} .endcontent {height:150px; width:100%; clear: both; display:none; position:relative;} #footer .inside .mod_article .col_1, #footer .inside .mod_article .col_2, #footer .inside .mod_article .col_3 {padding:0 0 0 0; width:27.92792792792793%; float:left;} #footer .inside .mod_article .col_4 {padding:0 0 0 0; width:16.21621621621622%; float:left;} #footer .inside .mod_article .mobileaddress {display:none;} #footer .inside .mod_article .desktopaddress {display:block;} .mobileaddress {display:none !important;} .desktopaddress {display:block !important;} #logo {position:absolute; top:48px; left:0; z-index:1100;} .cleaner {clear:both;} #container h1 {font-size:3rem; line-height:3.1rem; margin:0; padding:12px 0 0 0; font-family:'ralewaybold'; color:#76361a;} #container h2 {font-size:2.4rem; line-height:3.1rem; margin:0; padding:15px 0 10px 0; font-family:'ralewayregular'; color:#76361a;} #main h3 {font-size:1.6rem; line-height:2.1rem; margin:0; padding:14px 0 0 0; font-family:'ralewaybold'; color:#76361a;} #right h3 {font-size:1.6rem; line-height:2.1rem; margin:0; padding:9px 0 0 0; font-family:'ralewaybold';f color:#76361a;} body.home #container h2 {padding: 0 0 10px 0; color: #fff;} #container .ce_text {display:block; float:left;} #container .ce_text .image_container {display:block; padding:12px 18px 4px 0;} #container #main .ce_text .image_container {display:block; padding:12px 18px 4px 0; } #container #right .ce_text .image_container {display:block; padding:12px 0 4px 0; width:100%; height:auto;} #container #main .ce_text .image_container.float_above {display:block; padding:12px 0 4px 0; float:none; width:auto;} #container #main .ce_text .image_container.float_above img {width:auto;} #container .ce_text .image_container img {width:100%; height:auto;} #main .ce_text.buch .image_container {width: 106px; height: auto;} #main .ce_text_hover {float:left; position:relative; width:32.97297297297297%; height:22.52252252252252%; margin:0 0.5405405405405405% 16px 0; font-size:1.4rem; line-height:1.7rem;} #main .ce_text_hover:nth-child(2n+3) {margin:0 0 16px 0;} #right .ce_text_hover {float:left; position:relative; width:100%; height:auto; margin:0 0 16px 0; font-size:1.4rem; line-height:1.7rem;} #container .ce_text_hover .hover-caption {float:none; overflow:hidden; position:relative; text-align:center; color:#fff; width:100%; height:auto; margin: 0 0 1px 0;} #container .ce_text_hover .hover-caption .mask, #container .ce_text_hover .hover-caption .content {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; z-index:1200;} #container .ce_text_hover .hover-caption .mask {} #container .ce_text_hover .hover-caption .effect {/*background:url(../../files/data/graphics/caption.png) right bottom no-repeat; background-size:100% auto; opacity: 0.8;*/ transition: all 0.2s ease-in 0.0s;width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;} #container .ce_text_hover .hover-caption:hover .effect {opacity: 1; transition-delay: 0s;} #container #right .ce_text_hover .hover-caption .mask {background-size:110% auto;} #container .ce_text_hover .hover-caption .mask a {padding:0 0 0 0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; color:#fff; text-decoration:none; z-index:1200;} #container .ce_text_hover .hover-caption:hover .mask {opacity: 1; transition-delay: 0s;} #container .ce_text_hover .hover-caption img {display: block; transition: all 0.3s ease-in-out; width:100% !important; height:auto !important;} #container .ce_text_hover .hover-caption:hover img {transition-delay: 0s; transform: scale(1.1);} #container .ce_text_hover .hover-caption .text_hover {position:absolute; bottom:10px; right:0; text-align:center; width: 100%; float:right; opacity: 0.7; transform: scale(1); transition: all 0.3s ease-in-out 0.2s; z-index:800;} #container .ce_text_hover .hover-caption:hover .text_hover {opacity: 1; transform: scale(1); transition-delay: 0s; color:#fff;} #container #main .ce_text_hover .hover-caption .image_container {width:100%; margin:0; padding:0; float:left;} #container #right .ce_text_hover .hover-caption .image_container {width:100%; margin:0; padding:0; float:left;} #container .ce_image {display:block; clear:both; float:left; padding:9px 0 0 0; width:100%;} #container .ce_image img {width:100%; height:auto; max-width: 100%;} #container .imageauto .image_container img {width: auto !important;} /* #container .ce_image.fixebreite {display:block; clear:both; float:left; padding:9px 0 0 0; width:auto;} #container .ce_image.fixebreite img {width:100%; height:auto;} */ #container .layout_latest img {width:100%; height:auto;} #container .float_left {float:left;} #container .float_right {float:right;} body.home #container .float_left {float:left; width:33.33333333333333%;} body.home #container .float_right {float:right; width:66.66666666666667%; padding-top:14px;} bold, strong {font-weight:normal; font-family: 'ralewaybold';} #container .ce_text_hover bold, #container .ce_text_hover strong {font-size:1.6rem;} .mod_newscategories {float:left; width:100%; clear:both;} .mod_newscategories h4 {float:left; font-size:1.5rem; line-height:2.0rem; padding:0 16px 0 0; margin:10px 0 0 0;} .mod_newscategories ul.level_1 {float:left; width:auto; padding:10px 0 0 0;} .mod_newscategories ul.level_2 {float:left; width:auto; padding:0 0 0 16px;} .mod_newscategories ul li {float:left; padding:0 16px 0 0;} .mod_newscategories ul li a {float:left;} .mod_newscategories ul li span {float:left; color:#606060;} #container .layout_latest {float:left; width:100%; clear:both; border-top:1px solid #76361a; margin:0; padding:8px 0;} #container .layout_latest h2 {font-size:1.6rem; line-height:2.1rem; padding:12px 0 9px 0; font-family:'ralewaybold';} #container .layout_latest .image_container {width:28.94736842105263%; height:auto; float:left; padding:16px 18px 0 0;} #container .mod_newsreader p.back {width:100%; float:left; clear:both; display:block; margin:0; padding:13px 0 24px 0;} #container .mod_newsreader p.back a {background:#783727; color:#fff; float:left; clear:both; display:block; padding:6px 12px;} img {vertical-align:bottom; padding:0; margin:0;} .invisible {display:none !important;} #container p {padding:8px 0; margin:0;} .cookiebar {z-index: 10000;} /* CE DOWNLOADS */ .ce_download, ce_downloads {width:100%; float:left;} .ce_download ul, ce_downloads ul {width:100%; float:left;} .ce_download ul li, .ce_downloads ul li, .enclosure {position:relative; width:100%; line-height:1.35em;} .ce_download img, .ce_downloads img, .enclosure img {position:absolute; left:0; top:5px; z-index:100;} #container .ce_downloads a, #container .ce_downloads a:link, #container .ce_downloads a:visited, #container .ce_download a, #container .ce_download a:visited, #container .ce_download a:link, #container .enclosure a:link, #container .enclosure a:visited { position:relative; z-index:300; display:block; padding:4px 0 0 22px; margin:0 0 0 0; } /* LISTE - AUFZAEHLUNGSPUNKTE */ #main .ce_text ul {display:block; list-style-type:none; margin:0 0 8px 0; padding:0 0 14px 0;} #main .ce_text ul li {padding:0 0 0 18px; margin:0; display:block; background:url(../../files/data/graphics/icon_list.png) 8px 8px no-repeat;} #right .ce_text ul {display:block; list-style-type:none; margin:0 0 8px 0; padding:0 0 14px 0;} #right .ce_text ul li {padding:0 0 0 18px; margin:0; display:block; background:url(../../files/data/graphics/icon_list.png) 8px 8px no-repeat;} /* CE GALLERY */ .ce_gallery {width:100%; clear:both; float:left;} .ce_gallery ul {padding:12px 0 12px 0; clear:both; float:left; position:relative;} .ce_gallery ul li {padding:0 0.6578947368421053% 5px 0; width:32.89473684210526%; height:50%; position:relative; float:left;} .ce_gallery ul li .image_container {width: 100%; height:auto;} .ce_gallery ul li img {width:100%; height:auto;} .ce_gallery ul li.col_last {padding:0 0 5px 0;} #cboxTitle {display:none !important;} #header a, #header a:link, #header a:visited {color:#fff; padding:0; text-decoration:none;} #header a:hover, #header a:active {color:#fff; text-decoration:none;} #container a, #container a:link, #container a:visited {color:#76361a; padding:0; text-decoration:none;} #container a:hover, #container a:active {color:#606060; text-decoration:none;} #footer a, #footer a:link, #footer a:visited {color:#fff; padding:0; text-decoration:none;} #footer a:hover, #footer a:active {color:#fff; text-decoration:underline;} #home-header .ce_image {width: 100%; height: auto;} #home-header .ce_image img {width: 100%; height: auto;} .mod_rocksolid_slider .rsts-slide { max-height:472px !important; overflow:hidden;} .mod_rocksolid_slider img {float:left; width:100%; height:auto;} .mod_rocksolid_slider .ce_image {position:relative; top:0;} .mod_rocksolid_slider .sliderbuttons_wrapper {width:100%; position:absolute; margin:130px auto 0 auto; float:left; text-align:center; transition: all 0.3s ease-in-out 0.1s;} .mod_rocksolid_slider .sliderbuttons_wrapper div {width:auto; position:relative; margin:0 auto; text-align:center; display:inline-block;} .mod_rocksolid_slider .ce_text {width:180px; height:180px; float:left; padding:0 5px;} .mod_rocksolid_slider .ce_text div {} .mod_rocksolid_slider .ce_text p {} .mod_rocksolid_slider .ce_text p a {float:left; width:180px; height:180px; border-radius: 50%; border:1px solid #fff; transition: all 0.3s ease-in-out 0.1s; } .mod_rocksolid_slider .ce_text p a span.text {opacity:0; padding:35px 0 0 0; width:180px; height:180px; display:block; line-height:1.9rem; border-radius: 50%;} .mod_rocksolid_slider .ce_text p a.active span.text, .mod_rocksolid_slider .ce_text p a:hover span.text {opacity:1; transition: all 0.3s ease-in-out 0.1s; float:left; border-radius: 50%; background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #9f601d 0%, #602b0d 80%); background-image: -webkit-radial-gradient(45px 45px, circle cover, #9f601d, #602b0d); background-image: radial-gradient(45px 45px 45deg, circle cover, #9f601d 0%, #602b0d 80%); } .mod_rocksolid_slider .ce_text p a.active, .mod_rocksolid_slider .ce_text p a:hover { border:1px solid transparent; opacity: 0.9; transition: all 0.3s ease-in-out 0.1s; } span.footnote {font-size:1.3rem; padding:8px 0 0 0; display:block;} #container .line {border-top: 1px solid #76361a; margin-top: 15px; padding-top: 35px; float:left; width:100%;} .noheaderimage .mod_headerimages {display: none;} .ce_accordion {width:100%; float:left;} .ce_accordion .toggler {font-size:2.4rem; line-height:3.1rem; margin:0; padding:0 0 10px 0; font-family:'ralewayregular'; color:#76361a; cursor:pointer;} /*************************************************************/ /* MAIN - NAVIGATION */ /*************************************************************/ #header .navigation {position:absolute; top:69px; right:150px; z-index:1200; overflow:visible !important; width:auto; height:auto;} #header .navigation ul {float:right; font-size:2rem; line-height:2.8rem; font-weight:normal; font-family:'ralewayregular'; padding:0; margin:0; list-style: none; position:relative;} #header .navigation li {float:left; padding:0; margin:0 0 0 20px; position: relative; text-align:left; z-index: 1; transition: all 0.3s ease-in-out 0.1s;} #header .navigation li.first {margin:0;} #header .navigation li:hover {z-index:2;} #header .navigation ul li a {margin:0; padding:0; height:51px; display: block; float: left; text-decoration:none; overflow: hidden; color:#fff;} #header .navigation ul li a::after { display:block; content:attr(title); font-family:'ralewaybold'; height:1px; color:transparent; overflow:hidden; visibility:hidden; } #header .navigation ul li li {margin:0 0 0 10px; padding:0;} #header .navigation ul li li.first {margin:0 0 0 10px;} #header .navigation li a:hover, #header .navigation li a.active, #header .navigation li a.trail, #header .navigation li:hover a {color:#fff; text-decoration:none; font-family:'ralewaybold';} #header .navigation li ul {position:absolute; left:-10px; top:51px; width:225px; height: auto; margin:0; padding:4px 0 8px 0; font-size:1.4rem; line-height:1.9rem; list-style:none; background:#f2e9dc; border-top:5px solid #fff;} #header .navigation li:hover .level_2 {display:block;} #header .navigation li .level_2 {display: none;} #header .navigation li:hover li, #header .navigation li.active li {width: 215px; padding: 0;} #header .navigation ul li ul li a {margin:0; padding:0; height:auto; font-family:'ralewayregular';} #header .navigation li:hover li a, #header .navigation li.active li a {color: #58585a; width: 100%; padding: 5px 0 5px 0; text-indent: 0; font-weight:normal; background:none; text-align:left; font-family:'ralewayregular';} #header .navigation li:hover li a:hover, #header .navigation li.active li a:hover, #header .navigation li ul li a.active, #header .navigation li ul li:hover a {color: #76361a; text-decoration:none; font-family:'ralewaybold';} /*IE*/ #header .navigation li li a:hover, #header .navigation li li a:hover {color: #76361a; text-decoration: none;} /**/ body.ie6 #header .navigation {behavior: url("../../files/data/styles/csshover.htc");} body.ie6 #header .navigation li ul {background:#dadadc;} body.ie6 #header .navigation li .level_2 {background:#dadadc;} #container .mod_nav_sub {background:#f2e9dc; padding:4px 4% 0 4%; float:left; width:92%; margin-bottom: 30px;} #container .mod_nav_sub h2 {} #container .mod_nav_sub ul {clear:both; width:100%; font-family:'ralewayregular'; padding:0 0 4px 0; margin:0; float:left;} #container .mod_nav_sub ul li {padding:5px 0 5px 0; margin:0; border-bottom:1px solid #606060; float:left; width:100%; clear:both;} #container .mod_nav_sub ul li.last {border-bottom:none;} #container .mod_nav_sub ul li a, #container .mod_nav_sub ul li a:link, #container .mod_nav_sub ul li a:visited {color:#58585a; text-decoration:none; margin:0; padding:0; float:left; width:100%;} #container .mod_nav_sub ul li a.active, #container .mod_nav_sub ul li a:hover, #container .mod_nav_sub ul li a:active, #container .mod_nav_sub ul li a.trail {color:#76361a; text-decoration:none; font-family:'ralewaybold';} #container .mod_nav_sub ul li ul {clear:both; width:100%; font-family:'ralewayregular'; padding:0 0 5px 0;} #container .mod_nav_sub ul li ul li {padding:0 0 0 0; margin:0;} #container .mod_nav_sub ul li ul li a, #container .mod_nav_sub ul li ul li a:link, #container .mod_nav_sub ul li ul li a:visited {padding:0 0 0 16px;} #container .mod_nav_sub ul h2 {display:none;} .mobileslider {display:none;} .topslider {display:block;} #container .justmobile {display:none;} .ce_dlh_googlemaps {width:100% !important; height:395px !important;} .dlh_googlemap {width:auto !important;} /*************************************************************/ /* SUCHE */ /*************************************************************/ #header .mod_search {position: absolute; right: 0; top: 68px; z-index: 2000;} #header .mod_search input[type=search] {height: 30px; width: 90px; border-radius: 0; float: left; -webkit-appearance: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; padding: 0 5px; border: none; background: #fff; font-size: 1.8rem; outline: none; transition:width 0.3s ease;} #header .mod_search input[type=search]:focus {width: 320px;} #header .mod_search input[type=submit] {height: 30px; width: 30px; margin-top: 0; border-radius: 0; margin-right: 0; float: left; -webkit-appearance: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; border-style: none; background: #fff url("../../files/data/graphics/icon-search.svg"); background-position: center; background-repeat: no-repeat; background-size: 20px;} #main .mod_search input[type=search] {height: 30px; width: 300px; border-radius: 0; float: left; -webkit-appearance: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; padding: 0 5px; border: 1px solid gray; border-right: none; background: #fff; font-size: 2rem; outline: none; transition:width 0.3s ease;} #main .mod_search input[type=submit] {height: 30px; width: 30px; margin: 0; border-radius: 0; float: left; -webkit-appearance: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; border-style: none; border: 1px solid gray; border-left: none; background: #fff url("../../files/data/graphics/icon-search.svg"); background-position: center; background-repeat: no-repeat; background-size: 20px;} #main .mod_search .header {clear: both;} #main .mod_search p {word-break:break-all;} body.safari input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;} /* FORMULAR */ /*************************************************************/ /* FORMULARE (STANDARD/KOMMENTARE */ /*************************************************************/ .ce_form {width:100%; margin:0; padding:7px 0 40px 0; clear:both; float:left;} #main .formbody label {float:left; display:block; width:29%; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;} #main .formbody label.error {float:left; display:block; width:29%; padding:0 0 0 0; margin:2px 0 0 0; text-align:left;} #main .formbody input {float:right; width:65%; height:19px; border:1px solid #d1d1d1; color:#787878; margin:0 0 8px 0; padding:2px 1%; background:#f8f8f8;} #main .formbody input.error {margin:2px 0 8px 29%;} #main .formbody input.error {border: 1px solid #709bc8;} #main .formbody input:focus {border: 1px solid #709bc8; background:#fff;} #main textarea {float:right; width:65%; height: 100px; border: 1px solid #d1d1d1; margin:0 0 12px 0; color:#787878; padding:4px 1%; background:#f8f8f8s; font-family:'ralewayregular', Arial, Verdana, Helvetica, sans-serif;} #main textarea.error {margin:0 0 8px 29%;} #main .formbody textarea.error {border:1px solid #709bc8;} #main .formbody textarea:focus {border:1px solid #709bc8; background:#fff;} #main .formbody .submit {color:#fff; background:#76361a; border:none; cursor:pointer; height:25px; margin:2px 0 8px 32.7%; padding:1px 0 5px 0; width:32%; font-weight:normal; float:left;} #main .formbody p.error {color:#004d9e; float:right; width: 67%; font-size:13px; padding:5px 0 4px 0 !important; margin:0; line-height:2rem;} #main .formbody legend {float:left; display:block; width:29%; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;} #main .ce_form .captcha_text {float:right; display:block; width:29%; padding:0 0 0 0; margin:2px 0 8px 0; text-align:left;} #main select {float:right; width: 67.3%; height: 26px; border: 1px solid #d1d1d1; color:#787878; margin:0 0 8px 0; padding:2px 2px; background: #f8f8f8ss;} #main .formbody br, #main .formbody div {clear:both; margin:0; padding:0;} .checkbox { display:block; background:none !important; border:none !important; width:14px !important; float: left; margin:4px 5px 0 0 !important; padding:0; } .checkbox_container {width:100%; display:block; float:left; padding:0 0 12px 0;} .checkbox_container label {width:80% !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .checkbox_container span {width:67%; display:block; float:right;} #main .formbody .checkbox_container input {float:left;} .checkbox_container span.mandatory {width:10px; display:inline; float:none;} .radio { display:block; background:none !important; border:none !important; width:14px !important; float: left; margin:4px 5px 0 0 !important; padding:0; } .radio_container {width:100%; display:block; float:left; padding:0 0 12px 0;} .radio_container label {width:80% !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .radio_container span {width:67%; display:block; float:right;} #main .formbody .radio_container input {float:left;} .radio_container span.mandatory {width:10px; display:inline; float:none;} .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:440px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:440px !important;} .ce_youtube .mejs-shim {width:100% !important; height:440px !important;} .mobileimage {display:none;} .mobileslider {display:none;} #header #mod_nav_mobile {display:none;} #header a.mobilebtn {display:none;} .mm-page {height: auto !important; min-height: 100%; height: 100%; position:relative; z-index: 700; padding:0; margin:0 auto;} .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next {background-color:#a3724a !important; opacity:0.7 !important;} .rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover {background-color:#a3724a !important; opacity:1.0 !important;} #container #mc_embed_signup .button {background-color: #76361a; border-radius: 0px; width: 250px;} /* styles for mobile */ @media screen and (max-width:1082px) { #wrapper {border: none; margin: 0; max-width: 100%;} #header .navigation li {float: left; padding:0; margin:0 0 0 10px; position: relative; text-align:left; z-index: 1;} .mod_rocksolid_slider .sliderbuttons_wrapper {margin:11% auto 0 auto; transition: all 0.3s ease-in-out 0.1s;} } @media screen and (max-width:1040px) { /* #container .ce_image img {width:auto; height:auto !important;}*/ #header .navigation ul {font-size:1.9rem; line-height:2.8rem; font-weight:normal; font-family:'ralewayregular'; padding:0; margin:0; list-style: none; position:relative;} #container .ce_text_hover .hover-caption .effect {background-image:none; /*background-color:#b7671c;*/ background-size:100% auto; opacity: 0.5; transition: all 0.2s ease-in 0.0s;} #container .ce_text_hover .hover-caption:hover .effect {background-image:none; background-color:#b7671c; background-size:100% auto; opacity: 0.8; transition: all 0.2s ease-in 0.0s;} .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:400px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:400px !important;} .ce_youtube .mejs-shim {width:100% !important; height:400px !important;} #header .mod_search input[type=search]:focus {width: 200px;} } @media screen and (max-width:980px) { #header #mod_nav_mobile {display:block;} .mm-page {height: auto !important; min-height: 100%; height: 100%; position:relative; padding:0; margin:0;} #header .mobilebtn_ct {padding:0 5% 0 0;} #header a.mobilebtn {float:left; display:block; text-decoration:none; width:40px; height:40px; color:#5b5b59; padding:0 0 0 0; font-size:1em; line-height:1em; text-transform:uppercase; background:url(../../files/data/graphics/ico-responsive-nav.png) right top no-repeat; background-size:40px 40px; position:absolute; top:38px; right:0; z-index:1500;} #header .navigation {display:none;} #header {min-height: 150px;} #header .mod_search {top: 97px;} .custom .header_background {height: 150px;} #header .mod_article {margin-top: 165px;} .mod_headerimages {margin-top: 165px;} .mm-menu {z-index: 2000 !important;} .mm-menu .mm-panel {background: #76361a !important;} .mm-search input {background: #fff !important; color: #76361a !important;} .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {color: #fff !important;} .mm-list > li:after {border-color: #fff !important;} .mm-menu .mm-list > li:after {border-color: #fff !important;} .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {border-color: #fff !important;} .mm-menu .mm-list > li > a.mm-subopen:before {border-color: #fff !important;} .mm-btn_next:after, .mm-btn_prev:before {border-color: #fff !important;} .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border-color: #fff !important;} .mm-counter {color: #fff !important;} .level_2, .level_3 {padding-top:0 !important;} .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {border:none !important;} .mm-navbar__title {display: none;} .mm-listitem__btn:not(.mm-listitem__text) {border-color: #fff;} .mm-listitem:after {border-color: #fff;} .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:380px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:380px !important;} .ce_youtube .mejs-shim {width:100% !important; height:380px !important;} .mod_rocksolid_slider .sliderbuttons_wrapper {margin:9% auto 0 auto;} body.profiltration #main .ce_text_hover {width: 48%; margin-right: 4%;} body.profiltration #main .ce_text_hover:nth-of-type(2n+1) {margin-right: 0 !important;} body.profiltration #main .ce_text_hover:nth-of-type(3n+1) {margin-right: 4%;} body.profiltration #container .ce_text_hover bold, body.profiltration #container .ce_text_hover strong {font-size: 1.5rem; line-height: 2rem;} body.profiltration #header .mod_article {margin-top: 112px;} body.profiltration .mod_headerimages {margin-top: 125px;} body.profiltration.home #container #main .ce_text_hover {margin-right: 0.5% !important;} body.profiltration.home #container #main .ce_text_hover:nth-of-type(4n) {margin-right: 0 !important;} } @media screen and (max-width:880px) { .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:340px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:340px !important;} .ce_youtube .mejs-shim {width:100% !important; height:340px !important;} } @media (max-width:768px){ #header a.mobilebtn {top:15px;} #backtotop {width: 60px;} body.profiltration #wrapper {width: 100%;} #wrapper {width:90%; margin:0 auto; padding:0 5%;} #header {min-height:110px;} * html #header {height:110px;} .custom .header_background {position:absolute; top:0; width:100%; height:110px; background:url(../../files/data/graphics/body-bg.JPG) center top repeat-x;} .mod_headerimages {margin-top:115px;} #header .mod_article {margin-top:115px;} #header .mod_search {top: 65px;} .mod_changelanguage {text-align: left; position: absolute; left: 0; top: 62px; width: auto;} #right {float:left; padding: 20px 0 0 0; width: 100%; border-left:0;} #right .inside {float:left; width: 100%;} body.profiltration #right {float:left; padding: 20px 0 0 0; width: 100%; border-left:0;} body.home #container .float_left {float:left; width:100%;} body.home #container .float_right {float:left; width:100%; padding:0 0 30px 0;} #footer {width:100%; height:90px; margin-top: -91px; padding:0; z-index:600; display:block; margin-left:auto; margin-right:auto; font-size:1.6rem; line-height:2.3rem; display:block;} #footer .inside {width:100%; height:90px; display:block; margin:0 auto; padding:0; position:relative; background:url(../../files/data/graphics/body-bg.JPG) center top repeat-x; float:left;} #footer .inside .content {display:block; max-width:auto; width:90%; padding:0 5%; margin:0 auto; position:relative;} #footer .inside .mod_article {display:block; width:100%; padding:10px 0 0 0; margin:0; position:relative; float:left; color:#fff;} .endcontent {height:90px; width:100%; display:none; position:relative;} #container .layout_latest .image_container {width:100%; height:auto; float:left; padding:16px 0 0 0;} .mod_rocksolid_slider .ce_text {display:none;} .mod_nav_sub {display:none;} #main {width:100% !important; padding: 6px 0 0 0 !important;} #logo {position:absolute; top:18px; left:0; z-index:1100;} #logo img {width:200px; height:auto;} #container .justmobile {display: block;} .ce_gallery ul {width:100%;} .ce_gallery ul li {padding:0 0 5px 0; float:none; width:100%;} #footer .inside .mod_article .desktopaddress {display:none;} #footer .inside .mod_article .mobileaddress {display:block;} .desktopaddress {display:none !important;} .mobileaddress {display:block !important;} .endcontent {display:none;} #container .ce_text img, #container .ce_image img, #container .ce_gallery img, #container .ce_gallery .image_container, #container .ce_text .image_container {width:100% !important; height:auto !important;} #main .formbody .submit {width:67.3%;} .layout_full {float:left; padding: 0; width: 100%;} .mod_newsreader .layout_full .ce_gallery ul li {width: 100%; height: 100%; margin-bottom:1%;} .mod_newsreader .layout_full .ce_gallery ul li img {margin-bottom:1%;} .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:400px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:400px !important;} .ce_youtube .mejs-shim {width:100% !important; height:400px !important;} .mod_rocksolid_slider .sliderbuttons_wrapper {margin:8% auto 0 auto;} } @media screen and (max-width:650px) { .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:340px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:340px !important;} .ce_youtube .mejs-shim {width:100% !important; height:340px !important;} .mobileimage {display:block;} .desktopimage {display:none;} .mobileslider {display:block;} .desktopslider {display:none;} .sliderbuttons_wrapper {display:none;} .mod_rocksolid_slider .rsts-slide { max-height:1000px !important; overflow:hidden;} #container .ce_text_hover .hover-caption .text_hover {bottom:6px; opacity: 1.0;} body.profiltration #container .ce_text_hover bold, body.profiltration #container .ce_text_hover strong {font-size: 1.4rem; line-height: 1.7rem;} } @media screen and (max-width:520px) { .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:280px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:280px !important;} .ce_youtube .mejs-shim {width:100% !important; height:280px !important;} #main .mod_search input[type=search] {width: 80%;} } @media screen and (max-width:450px) { .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:240px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:240px !important;} .ce_youtube .mejs-shim {width:100% !important; height:240px !important;} #footer {font-size:1.5rem; line-height:2.2rem;} #container .ce_text_hover .hover-caption .text_hover {bottom:2px; /*right:6px;*/ opacity: 1.0;} #main .ce_text_hover {margin:0 0.5405405405405405% 6px 0;} #main .ce_text_hover:nth-child(2n+3) {margin:0 0 6px 0;} #container .ce_text_hover .hover-caption {margin:0 0 2px 0;} } @media screen and (max-width:380px) { .ce_youtube {width:100% !important; float:left; padding-bottom:16px;} .ce_youtube .mejs-layer {width:100% !important;} .ce_youtube .mejs-container {width:100% !important; height:200px !important;} .ce_youtube .mejs-mediaelement {} .ce_youtube .me-plugin {width:100% !important; height:200px !important;} .ce_youtube .mejs-shim {width:100% !important; height:200px !important;} #container .ce_text_hover bold, #container .ce_text_hover strong {font-size:1.4rem;} #main .ce_text_hover {font-size:1.2rem; line-height:1.5rem;} #right .ce_text_hover {font-size:1.2rem; line-height:1.5rem;} #container .ce_text_hover .hover-caption .text_hover {bottom:0; /*right:6px;*/ opacity: 1.0;} } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 6, 2015 */ @font-face { font-family: 'ralewayregular'; src: url('../../files/data/styles/raleway-regular-webfont.eot'); src: url('../../files/data/styles/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/raleway-regular-webfont.woff2') format('woff2'), url('../../files/data/styles/raleway-regular-webfont.woff') format('woff'), url('../../files/data/styles/raleway-regular-webfont.ttf') format('truetype'), url('../../files/data/styles/raleway-regular-webfont.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; src: url('../../files/data/styles/raleway-bold-webfont.eot'); src: url('../../files/data/styles/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/raleway-bold-webfont.woff2') format('woff2'), url('../../files/data/styles/raleway-bold-webfont.woff') format('woff'), url('../../files/data/styles/raleway-bold-webfont.ttf') format('truetype'), url('../../files/data/styles/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } /*Profiltration*/ @font-face { font-family: 'maven_problack'; src: url('../../files/data/styles/Fonts/mavenpro-black-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/mavenpro-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'maven_probold'; src: url('../../files/data/styles/Fonts/mavenpro-bold-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/mavenpro-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'maven_promedium'; src: url('../../files/data/styles/Fonts/mavenpro-medium-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/mavenpro-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'maven_proregular'; src: url('../../files/data/styles/Fonts/mavenpro-regular-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/mavenpro-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../../files/data/styles/Fonts/opensans-bold-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/opensans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url('../../files/data/styles/Fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/opensans-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('../../files/data/styles/Fonts/opensans-italic-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/opensans-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../../files/data/styles/Fonts/opensans-light-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/opensans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../../files/data/styles/Fonts/opensans-regular-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/opensans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../../files/data/styles/Fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../../files/data/styles/Fonts/opensans-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }