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} @charset "UTF-8"; .contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; letter-spacing: 0; text-align: center; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: hidden; } .contao-cookiebar * { box-sizing: border-box; } .contao-cookiebar:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .contao-cookiebar .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; } .contao-cookiebar.cc-top .cc-inner { vertical-align: top; } .contao-cookiebar.cc-top.cc-active .cc-inner { animation: cookiebar-top-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-top.cc-saved .cc-inner { animation: cookiebar-top-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom .cc-inner { vertical-align: bottom; } .contao-cookiebar.cc-bottom.cc-active .cc-inner { animation: cookiebar-bottom-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom.cc-saved .cc-inner { animation: cookiebar-bottom-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle .cc-inner { vertical-align: middle; } .contao-cookiebar.cc-middle.cc-active .cc-inner { animation: cookiebar-middle-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle.cc-saved .cc-inner { animation: cookiebar-middle-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-left { text-align: left; } .contao-cookiebar.cc-right { text-align: right; } .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child { margin-top: 0; } .contao-cookiebar .cc-head p { margin-bottom: 15px; } .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 #cfcfcf; border-radius: 4px; color: #444; background: #f5f5f5; } .contao-cookiebar .cc-btn:hover { background: #ececec; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0; } .contao-cookiebar .grayscale .cc-btn { background: #f1efef; } .contao-cookiebar .grayscale .cc-btn:hover { background: #ececec; } .contao-cookiebar .grayscale .cc-btn.success { background: #fbfbfb; } .contao-cookiebar .grayscale .cc-btn.success:hover { background: #f7f7f7; } .contao-cookiebar .highlight .cc-btn.success { background: #4e9e3e; border-color: #3e7830; color: #fff; } .contao-cookiebar .highlight .cc-btn.success:hover { background: #4c933f; } .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 50px; cursor: pointer; } .contao-cookiebar input + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; border-radius: 10px; background: #fff; border: 2px solid #9c9b99; transition: border-color .2s; } .contao-cookiebar input + label:after { display: block; content: ''; position: absolute; top: 10px; left: 4px; width: 14px; height: 14px; border-radius: 10px; background: #9c9b99; 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, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); } .contao-cookiebar input:checked + label:after { background: #399d32; margin-left: 17px; } .contao-cookiebar input:checked + label:active:after { margin-left: 12px; } .contao-cookiebar input:checked + label:before { background: #dcf3db; border-color: #399d32; } .contao-cookiebar input:disabled + label { pointer-events: none; } .contao-cookiebar input:disabled + label:after { background: #c8c7c5; } .contao-cookiebar input:disabled + label:before { background: #f4f4f4; border-color: #c8c7c5; } .contao-cookiebar.cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; } .contao-cookiebar.cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; } .contao-cookiebar.cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out 0.5s ease-in-out forwards; } @media (min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0; } .contao-cookiebar .cc-inner { max-width: 750px; } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0, 0, 0, 0); } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes cookiebar-overlay-out { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: rgba(0, 0, 0, 0); visibility: hidden; } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(-100%); } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1); } 100% { opacity: 0; visibility: hidden; transform: scale(0); } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(100%); } } .contao-cookiebar { color: #444444; } .contao-cookiebar p { color: #868686; line-height: 1.4; } .contao-cookiebar .cc-inner { padding: 25px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); background: #fff; } .contao-cookiebar .cc-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; position: relative; border: 1px solid #d0d0d0; border-radius: 5px; margin-bottom: 10px; } .contao-cookiebar .cc-group > label { flex-grow: 1; margin: 5px 0 5px 10px; } .contao-cookiebar .cc-group .cc-detail-btn { border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; padding: 8px 10px; line-height: 1.2rem; } .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn:hover { color: #717171; } .contao-cookiebar .cc-group .cc-detail-btn-details { display: inline-block; border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; text-decoration: underline; padding: 0; margin: 0 0 10px; } .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn-details:hover { color: #717171; } .contao-cookiebar .cc-cookies { display: none; width: 100%; background: #fbfbfb; border-radius: 0 0 5px 5px; } .contao-cookiebar .cc-cookies > p { font-size: 0.875rem; } .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie { margin: 0; padding: 15px; border-top: 1px solid #e6e6e6; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info { font-size: 0.875rem; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #efefef; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span { font-weight: 600; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div { margin-top: 5px; word-wrap: break-word; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details { margin-top: 15px; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p { margin-bottom: 0; } .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details { margin-top: 10px; } .contao-cookiebar .cc-cookies .cc-cookie p { margin: 0 0 15px; font-size: 0.875rem; } .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info { text-align: center; } .contao-cookiebar .cc-info { margin-top: 15px; } .contao-cookiebar .cc-info > p { font-size: 0.875rem; } .contao-cookiebar .cc-info > a { display: inline-block; font-size: 0.813rem; color: #a2a2a2; text-decoration: none; } .contao-cookiebar .cc-info > a:hover { color: #717171; } .contao-cookiebar .cc-info > a + a:before { display: inline-block; content: '·'; margin-right: 5px; } /*************************************************************/ /* Design: BEERLI-HOLZ.CH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.nuun.ch */ /* Datum: Mai 2016 */ /* Site: wwww.beerli-holz.ch */ /*************************************************************/ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /* GLOBAL */ /*************************************************************/ html, body {height:100%; width:100%; font: 62.5% 'pt_serifregular', Arial, Verdana, Helvetica, sans-serif; color:#272e2c; letter-spacing:0em;} body {font-size:16px; font-size:1.6rem; background:#fff;} #wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size: 1.8rem; line-height: 2.5rem;} * html #wrapper {height:100%;} .mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto;} * html .mm-page {height:100%;} #container #main .bildbreite img {width: auto !important; height: auto !important; margin: 0 auto; display: block;} #container #main .ce_text.bildbreite .image_container.float_left {width: auto;} #container #main .ce_text.bildbreite .image_container.float_right {width: auto;} #header {height:320px; width:100%; position:relative; z-index:1200; margin:0; padding:0; float:left; font-size:1.4rem; line-height:1.9rem; overflow:visible; background:url(../../files/data/graphics/bg-header.png) left 220px repeat-x #fff;} #header .inside {height:320px; width:100%;} #header .inside .content {position:relative; height:320px; width:1100px; padding:0 20px; margin:0 auto;} #header .mod_article {position: unset;} #header .mod_article .mod_article_inside {position: unset;} #footer {width:100%; height:440px; padding:0; position:relative; z-index:1200; margin-top: -440px; margin-left:auto; margin-right:auto; display:block; clear:both; color:#000; z-index:600;} #footer .inside {position:relative; width:100%; height:440px; display:block; margin:0; padding:0; clear:both; background:#262e2c;} #footer .inside .content {position:relative; width:1100px; height:310px; display:block; margin:0 auto; padding:40px 20px 0 20px; color:#82807e; font-size:2.3rem; line-height:3.0rem;} .endcontent {height:440px; width:100%; display:block; position:relative; z-index:300;} #footer .inside .content .ce_text {float:left; width:45%; display:inline;} #footer .inside .content .footerlogos {position: absolute; right: 20px; bottom: 49px; display: inline-block;} #footer .inside .content .footerlogos .ce_image {height: 100px; display:inline-block; margin-left: 30px;} #footer .inside .content .footerlogos .ce_image .image_container {height: 100%;} #footer .inside .content .footerlogos .ce_image .image_container img {height: 100%; width: auto;} #footer .mod_article {position: unset; padding-top: 0;} #footer .mod_article .mod_article_inside {position: unset;} #footer .impressumlink {float: right !important; clear: right;} #logo {position:absolute; top:40px; left:20px; z-index:800; float:left;} .zentriert {text-align: center;} /*Backtotop*/ .btt-bg {width:100%; position:relative; background:#5a5a58; height:90px;} #backtotop {width: 81px; position: relative; top:0; cursor: pointer; opacity:1; z-index: 5000; margin:0 auto;} #backtotop img {width: 100%;} /*Cookiebar*/ .contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-inner h3 {font-size: 2.7rem; line-height: 3.7rem;} .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 p a {color:#357459; text-decoration: underline;} .contao-cookiebar .highlight .cc-btn.success {background: #357459; border-color: #357459;} .contao-cookiebar .highlight .cc-btn.success:hover {background: #357459; border-color: #357459;} .contao-cookiebar input:checked + label:before {background: #d0e3e9; border-color: #357459;} .contao-cookiebar input:checked + label:after {background: #357459;} .ce_cookiebarOpener {margin: 20px 0;} .ce_cookiebarOpener a {display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'pt_serifregular'; text-decoration: none; padding: 4px 23px 2px 23px; background: #E2E4E8; border-radius: 11px; transition: transform 0.3s ease;} .ce_cookiebarOpener a:hover {text-decoration: none !important; transform: scale(1.05);} .ce_dlh_googlemaps .cc-module {text-align:center; margin-top:80px;} .ce_dlh_googlemaps .cc-module a {color:#357459;} .ce_dlh_googlemaps .cc-module button {display: inline-block; font-size: 3rem; line-height: 4.3rem; color: #12100E; font-family: 'pt_serifregular'; text-decoration: none; padding: 4px 23px 2px 23px; border:none; cursor: pointer; background: #E2E4E8; border-radius: 11px; transition: transform 0.3s ease;} .ce_dlh_googlemaps .cc-module button:hover {transform: scale(1.05);} /* SLIDER */ /*************************************************************/ .slick .slick-list img {width: 100%; height: auto;} .slick .slick-prev {position: absolute; width: 60px; height: 60px; background: url(../../files/data/graphics/slider-prev.png); background-size: contain; background-repeat: no-repeat; top: 50%; left: 30px; transform: translateY(-50%); z-index: 10; cursor: pointer;} .slick .slick-next {position: absolute; width: 60px; height: 60px; background: url(../../files/data/graphics/slider-next.png); background-size: contain; background-repeat: no-repeat; top: 50%; right: 30px; transform: translateY(-50%); z-index: 10; cursor: pointer;} .slick .slick-dots {position: absolute; bottom: 20px; text-align: center; width: 100%; z-index: 500;} .slick .slick-dots li button {display: none;} .slick .slick-dots li {display: inline-block; width: 10px; height: 10px; margin: 0 6px; border-radius: 20px; background: rgba(255,255,255,0.5); transition: background 0.3s ease;} .slick .slick-dots li:hover, .slick .slick-dots li.slick-active {background: rgba(255,255,255,1);} /* CONTAINER (INCLUDING LEFT/MAIN/RIGHT */ /*************************************************************/ #container {position:relative; width:100%; margin:0 auto; padding:0; z-index:500; float: left;} * html #container {height:50px;} #main {position:relative; margin:0; padding:0; width:100% !important; display:block; float:left;} #main .inside {display:block; margin:0; padding:0 0 40px 0; width:100%; float:left;} .mod_article {position:relative; width:100%; margin:0; padding:80px 0 0 0; z-index:500; float:left;} .mod_article .mod_article_inside {position:relative; width:1100px; margin:0 auto; padding:0 20px; z-index:500;} .mod_article.first {padding:0;} strong, bold {font-family:'open_sanssemibold' !important; font-weight:normal !important;} #container em {font-family: 'pt_serifitalic';} .schmal25 {width: 25% !important; margin: 0 auto;} .schmal50 {width: 50% !important; margin: 0 auto;} .schmal75 {width: 75% !important; margin: 0 auto;} .mod_article.grau {background:#e4e3e2; float:left; padding:80px 0 40px 0;} .mod_article.home {background:url(../../files/data/graphics/bg-startseite.jpg) center center no-repeat; float:left; height:720px; transition: all 0.2s; text-align:center;} .mod_article.holzstiele {background:url(../../files/data/graphics/bg-holzstiele.jpg) center center no-repeat; float:left; height:334px; transition: all 0.2s; text-align:center;} .mod_article.standorte {background:url(../../files/data/graphics/bg-standorte.jpg) center center no-repeat; float:left; height:334px; transition: all 0.2s; text-align:center;} .mod_article.nachhaltigkeit {background:url(../../files/data/graphics/bg-nachhaltigkeit.jpg) center center no-repeat; float:left; height:334px; transition: all 0.2s; text-align:center;} .mod_article.home, .mod_article.holzstiele, .mod_article.standorte, .mod_article.nachhaltigkeit {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%;} .ce_ytvideo {padding:0 0 40px 0; float:left;} /*************************************************************/ /* NAVIGATION */ /*************************************************************/ #header .navigation {position:absolute; bottom:0; left:20px; text-transform:uppercase; padding:0; margin:0; z-index:1500; overflow:visible;} #header .navigation ul {padding:0; margin:0; float:left; font-size:2.1rem; line-height:2.8rem; letter-spacing:0.05em; font-family:"robotolight"; text-transform:uppercase; font-weight:normal; background:none;} #header .navigation li {display:block; float:left; padding:0; margin:0 60px 0 0; position:relative; text-align:left; z-index:1; transition: all 0.2s;} #header .navigation li.last {margin:0 0 0 0;} #header .navigation li:hover {z-index:2;} #header .navigation li a {color:#fff; float:left; text-align:left; margin:0; padding:34px 0 26px 0; text-decoration:none; background:none; overflow:hidden; transition: all 0.2s; border-bottom:6px solid #357459;} #header .navigation li a:hover, #header .navigation li a.active, #header .navigation li a.trail, #header .navigation li:hover a {color:#b8cf59; text-decoration:none; padding:34px 0 26px 0; border-bottom:6px solid #b8cf59;} #header .navigation li:hover .level_2 {display:block; visibility:visible; opacity:1; transition: all 0.2s;} #header .navigation li .level_2 {display: block; visibility:hidden; opacity:0; transition: none;} #header .navigation li ul {position:absolute; top: 94px; height:auto; width:400px; margin:0; padding:14px 0 0 0; list-style:none;} #header .navigation li.last ul {right:0; background:none;} #header .navigation li:hover li, #header .navigation li.active li, #header .navigation li li {margin:0; padding:0 14px 0 46px; background:#fff; width:340px; height:auto;} #header .navigation li li.first {padding:20px 14px 0 46px;} #header .navigation li li.last {padding:0 14px 20px 46px;} #header .navigation li li.first.last {padding:20px 14px 20px 46px;} #header .navigation li:hover li a, #header .navigation li.active li a {color:#357459; width:320px; height:auto; padding:4px 0 6px 20px; text-indent:0; font-weight:normal; background:url(../../files/data/graphics/nav-tab-inactive.png) left 12px no-repeat; transition:none; border:none;} #header .navigation li:hover li a:hover, #header .navigation li.active li a:hover, #header .navigation li ul li a.active {color: #b8cf59; text-decoration:none; background:url(../../files/data/graphics/nav-tab-active.png) left 12px no-repeat; border:none;} /*IE*/ #header .navigation li li a:hover, #header .navigation li li a:hover {color: #b8cf59; text-decoration: none;} /**/ /* SERVICE */ /*************************************************************/ #header .mod_changelanguage {position:absolute; top:0; right:20px; padding:0; margin:0; z-index:800;} #header .mod_changelanguage ul {padding:0; float:left; padding:14px 0 0 0; text-transform: none; font-size:2.1rem; line-height:2.8rem; letter-spacing:0; border-top:6px solid #b8cf59; font-family:"robotolight"; text-transform:uppercase;} #header .mod_changelanguage ul li {display:block; float:left; padding:0 0 0 15px; margin:0 0 0 14px;} #header .mod_changelanguage ul li.first {padding:0; margin:0; background:none;} #header .mod_changelanguage ul li a, #header .mod_changelanguage ul li a:link, #header .mod_changelanguage ul li a:visited {color:#272e2c; float: left; padding:0; text-decoration:none;} #header .mod_changelanguage ul li a:hover, #header .mod_changelanguage ul li a.active, #header .mod_changelanguage ul li a.forward {text-decoration:none; color:#000; text-decoration:underline;} /*************************************************************/ /* CONTENT */ /*************************************************************/ #container p {padding:0 0 16px 0; margin:0; display:block;} #footer p {padding:16px 0 16px 0; margin:0; display:block;} h1 {padding:105px 0 24px 0; margin:0; font-size:9.0rem; line-height:10rem; font-family: 'pt_serifregular'; text-transform:none;} #home-titel h2.ce_headline {padding:20px 0 66px 0; margin:0 0 20px 0;} h2 {float:left; width:100%; padding:60px 0 66px 0; margin:0 0 50px 0; font-size:2.6rem; line-height:3.2rem; font-family:"robotobold"; text-transform:uppercase; text-align:center;} h2.ce_headline {float:left; width:100%; padding:60px 0 66px 0; margin:0 0 50px 0; font-size:2.6rem; line-height:3.2rem; font-family:"robotobold"; text-transform:uppercase; background:url(../../files/data/graphics/bg-headline-h2.png) center bottom no-repeat; text-align:center;} h2.first {padding:0 0 66px 0;} h2.ce_headline.first {padding:0 0 66px 0;} h3 {padding:16px 0 8px 0; margin:0; font-family:'pt_serifregular'; font-weight:normal; font-size:2.0rem; line-height:2.5rem;} h4 {padding:0 0 0 0; margin:0; font-family:'pt_serifbold'; font-weight:normal; font-size:1.8rem; line-height:2.5rem;} em {font-family: 'open_sansitalic'; font-style:normal;} .rs-columns {clear: both; display: inline-block; width:100%; margin-bottom:20px;} .rs-column {float: left; width: 100%; margin:0; padding:0;} .rs-column.-large-col-2-1 {width: 48.18181818181818% !important; margin-right: 3.636363636363636% !important;} .rs-column.-large-col-3-1 {width: 32% !important; margin-right: 2% !important;} .rs-column.-large-first {clear: left;} .rs-column.-large-last {margin-right: 0 !important;} .rs-column.-large-first-row {margin-top: 0;} #container .ce_text a, #container .ce_text a:link, #container .ce_text a:visited {color: #357459;} #container a, #container a:link, #container a:visited {color:#272e2c; text-decoration:none;} #container a:hover, #container a:active {color:#000; text-decoration:underline;} #container .box a, #container .box a:link, #container .box a:visited {color:#fff; text-decoration:none;} #container .box a:hover, #container .box a:active {color:#fff; text-decoration:underline;} #header a, #header a:link, #header a:visited {color:#272e2c; text-decoration:none;} #header a:hover, #header a:active {color:#000; text-decoration:underline;} #footer a, #footer a:link, #footer a:visited {color:#82807e; text-decoration:none;} #footer a:hover, #footer a:active {color:#fff; text-decoration:none;} #main .ce_text {position:relative;} img {vertical-align:bottom;} table {border-collapse:collapse;} #container .ce_text, #container .ce_image {clear:both; /*float:left;*/ width:100%;} .leadtext {font-family:'pt_serifregular'; font-weight:normal; font-size:2.6rem; line-height:3.2rem; padding:0 5%; width:90% !important; text-align:center;} .home .leadtext, .holzstiele .leadtext, .standorte .leadtext, .nachhaltigkeit .leadtext {padding-top:20px;} #container #home-titel .linkbox {padding:25px 0 20px 0;} #container .linkbox {padding:45px 0 20px 0;} #container .linkbox a {border:1px solid #272e2c; width:294px; height:52px; padding:20px 0 0 0; display:inline-block; font-family:"robotolight"; text-transform:uppercase; font-size:2.1rem; line-height:2.7rem; background:rgba(255, 255, 255, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #container .linkbox a:hover, #container .linkbox a:active {color:#000; text-decoration:none; background:rgba(184, 207, 89, 0.5);} .ce_text ul {list-style-type:disc;} .ce_text ul li {list-style-type:disc; margin:0 0 0 18px;} /*Download - Downloads*/ .ce_download, .ce_downloads {position:relative; width:100%; margin:0; padding:0;} .ce_download ul, .ce_downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;} .ce_download ul li, .ce_downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:rgba(228, 227, 226, 0.5); transition: all 0.1s ease-in 0.0s;} .ce_download ul li:hover, .ce_downloads ul li:hover {background:rgba(184, 207, 89, 0.5); transition: all 0.1s ease-in 0.0s;} .ce_download img, .ce_downloads img {position:absolute; left:12px; top:10px; z-index:400;} body #container .ce_downloads a, body #container .ce_downloads a:link, body #container .ce_downloads a:visited, body #container .ce_download a, body #container .ce_download a:visited, body #container .ce_download a:link, body #container .enclosure a:link, body #container .enclosure a:visited { position:relative; z-index:300; text-decoration: none; color: #282a2a; display:block; padding:10px 30px 6px 40px; margin:0 0 0 0; background:url(../../files/data/graphics/icon-download.png) top 7px right 8px no-repeat; transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; } /* TEXT - CE */ #main .ce_text .image_container {padding:8px 0 10px 0; float:left;} #main .ce_text .image_container.float_right {width:44.11764705882353% !important; height:auto !important; padding:3px 0 10px 4.411764705882353% !important; float: right;} #main .ce_text .image_container.float_left {width:44.11764705882353% !important; height:auto !important; padding:3px 4.411764705882353% 10px 0 !important;} #main .ce_text .image_container.float_below {padding:8px 0 16px 0; float:left; width:100% !important; height:auto !important;} #main .ce_text .image_container.float_above {padding:8px 0 16px 0; float:left; width:100% !important; height:auto !important;} #main .ce_text .image_container img {width:100% !important; height:auto !important; float:left;} #main .ce_image {padding-bottom:0; width:100%; /*float:left;*/ clear:both;} #main .ce_image .image_container {padding:14px 0 80px 0;} #main .ce_image .image_container img {width:100% !important; height:auto !important;} #right .ce_text .image_container.float_above {padding:5px 0 5px 0; /*float:left;*/ width:100% !important; height:auto !important;} #right .ce_text .image_container img {width:100% !important; height:auto !important;} #right .ce_text.box {padding:0; margin:4px 0 12px 0; float:left; width:100%;} #right .ce_text.box h3 {background:#9e9e9e; float:left; width:90%; padding:8px 5% 8px 5%; margin:0; color:#fff;} #right .ce_text.box .text {background:#c1c1c1; float:left; width:90%; padding:8px 5% 8px 5%; color:#fff;} #container .ce_text.statement p {padding-top: 100px;} /* GALLERY - CE */ #main .ce_gallery {padding:0 0 0 0; clear:both; width:100%; float:left;} #main .ce_gallery ul {padding:0; margin:0;} #main .ce_gallery ul li {padding:0 10px 10px 0; margin:0; float:left;} #main .ce_gallery .col_last {padding:0 0 10px 0 !important;} #main .ce_gallery .image_container {padding:0 0 0 0 !important; margin:0 !important;} #main .ce_gallery .image_container img {float:left;} /* PAGINATION */ #main .pagination {width:100%; float:left; display:block; padding:9px 0 0 0;} #main .pagination p {width:30%; float:right; display:block; padding:0; text-align:right;} #main .pagination ul {width:70%; float:left; display:block; list-style-type:none; padding:0 0 0 0;} #main .pagination ul li {float:left !important; display:inline; background:none; margin:0 12px 0 0 !important; padding:0 !important;} #main .pagination .current {color:#636363;} #container #main .ce_text_hover {float:left; position:relative; height:auto; margin:0 0 0 0; padding:4px 0 12px 0 !important; clear:none; text-align:center;} #container #main .ce_text_hover .hover-caption {float:left; overflow:visible; position:relative; width:100% !important; height:auto; margin:0 0 0 0; padding:0; cursor:pointer; text-align:center;} #container #main .ce_text_hover .hover-caption .mask {width: 100%; height: 100%; position:absolute; overflow:visible; top:0; left:0; opacity:0; transition: all 0.2s ease-in 0.0s; float:left; z-index:700;} #container #main .ce_text_hover .hover-caption:hover .mask {opacity: 1; transition-delay: 0s;} #container #main .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 #main .ce_text_hover .hover-caption img {display: block; transition: all 0.3s ease-in-out 0.5s; width:100% !important; height:auto !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #container #main .ce_text_hover .hover-caption:hover img {transition-delay: 0s; -webkit-transform:scale(1.15); transform:scale(1.15); opacity:0.4;} #container #main .ce_text_hover .hover-caption .image_container {width:100%; float:left; padding:0 !important; margin:0 !important; overflow:hidden; background:#fff;} #container #main .ce_text_hover .hover-caption .text_hover {position:absolute; top:0; left:0; opacity:0; height:auto; display:inline; transition: all 0.3s ease-in 0.0s; padding:50px 16px 0 16px;} #container #main .ce_text_hover .hover-caption:hover .text_hover {position:absolute; top:0; left:0; opacity:1; height:auto; display:inline; transition: all 0.3s ease-in 0.0s;} #container #main .ce_text_hover .hover-caption .caption {font-size:2.6rem; line-height:3.2rem; font-family:"robotobold"; text-transform:uppercase; text-align:center; padding:50px 0 20px 0; float:left; width:100%;} #container #main .ce_text_hover.rund .hover-caption {box-sizing: border-box; padding: 10% !important; transition: padding 0.3s ease;} #container #main .ce_text_hover.rund .hover-caption:hover {padding: 0 !important;} #container #main .ce_text_hover.rund .hover-caption .image_container img {border-radius: 1000px;} #container #main .ce_text_hover.rund .hover-caption:hover img {-webkit-transform:scale(1); transform:scale(1);} #container #main .ce_text_hover.rund .hover-caption:hover .mask {background: #a9bf51; opacity: 0.7; border-radius: 1000px;} #container #main .ce_text_hover.rund .hover-caption .text_hover {display: flex; align-items: center; padding:0 30px; height: 100%; width: 100%; box-sizing: border-box;} #container #main .ce_text_hover.rund .hover-caption .text_hover p {padding-bottom: 0; opacity: 0; display: table; height: auto; text-align: center; width: 100%; font-family: "robotolight"; font-size: 25px; letter-spacing: 1px; z-index: 2000; color: #fff; transition: opacity 0.3s ease;} #container #main .ce_text_hover.rund .hover-caption:hover .text_hover {display: flex; align-items: center; padding: 0 30px; height: 100%;} #container #main .ce_text_hover.rund .hover-caption:hover .text_hover p {height: auto; display: table; padding-bottom: 0; opacity: 1;} .ce_dlh_googlemaps {width:100%; height:700px; float:left; display:block; z-index:1200; padding:16px 0 80px 0; color:#000;} .dlh_googlemap {width:100%; height:700px; float:left; display:block; z-index:1200; line-height:2.0rem;} /* Timeline */ /*************************************************************/ .timeline {margin: 0 15%; position: relative;} .timeline:before {content: ""; position: absolute; height: 100%; top: 0; left: 50%; background: #9E9E9E; width: 2px;} .timeline:after {content: ""; position: absolute; height: 10px; width: 10px; margin: -4px; bottom: 0; border-radius: 99em; left: 50%; background: #9E9E9E;} .timeline .timeline-item {padding-bottom: 20px; position: relative;} .timeline .timeline-item:before {content: ""; width: 20px; height: 20px; margin: -11px; border: 2px solid #9E9E9E; background: white; position: absolute; top: 29px; left: 50%; font-size: 2em; border-radius: 99em; transition:all 0.6s ease;} .timeline .timeline-item:hover:before {width: 24px; height: 24px; margin: -13px; background: #b8cf59; border: 2px solid #367459;} .timeline .timeline-item:after {content: ""; display: block; clear: both;} .timeline .timeline-item .ce_headline {width: 45%;} #container .timeline .timeline-item div {width: 45%;} .timeline .timeline-item .ce_headline {color: #b8cf59; float: left; text-align: right;} #container .timeline .timeline-item div {float: right; text-align: left; clear: right !important;} .timeline .timeline-item h3 {color: #b8cf59; text-align: left; padding-top: 3px;} .timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;} #container .timeline .timeline-item:nth-child(2n) div {float: left; text-align: right; clear: left !important;} .timeline .timeline-item:nth-child(2n) div h3 {color: #b8cf59; text-align: right;} /* FORMULARE (STANDARD/KOMMENTARE */ /*************************************************************/ #main .ce_form {width:516px; margin:0 auto; padding:8px 0 0 0 !important; clear:both;} #main .formbody {padding:0 0 40px 0; float:left;} #main .formbody label {float:left; display:block; width:100%; padding:0 0 0 0; margin:3px 0 3px 0; text-align:left;} #main .formbody label.error {float:left; display:block; width:100%; padding:0 0 0 0; margin:3px 0 0 0; text-align:left;} #main .formbody input {float:left; width:95%; height:34px; border:none; color:#282a2a; margin:0 0 8px 0; padding:2px 2.5%; background:#dce7ac;} #main .formbody input.error {background:#b8cf59; margin:2px 0 8px 0;} #main .formbody input:focus {background:#b8cf59;} #main .formbody .fieldleft {width:47.28682170542636%; float:left; clear:none;} #main .formbody .fieldleft label {width:100%; float:left;} #main .formbody .fieldleft input {width:90%; float:left; padding:2px 5%;} #main .formbody .fieldright {width:47.28682170542636%; float:right; clear:none;} #main .formbody .fieldright label {width:100%; float:left;} #main .formbody .fieldright input {width:90%; float:left; padding:2px 5%;} #main textarea {float:right; width:95%; height: 140px; border:none; margin:0 0 12px 0; color:#282a2a; padding:8px 2.5%; background:#dce7ac;; font-family:"Proxima N W01 Light", Arial, Verdana, Helvetica, sans-serif;} #main textarea.error {margin:0 0 8px 0;} #main .formbody textarea.error {background:#b8cf59;} #main .formbody textarea:focus {background:#b8cf59;} ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #282a2a; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #282a2a; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #282a2a; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #282a2a; } #main .formbody .submit {color:#fff; text-align:left; background:#5a5a58; border:none; cursor:pointer; height:38px; margin:16px 0 8px 0; padding:3px 0 5px 3%; float:right; width:47.28682170542636%; font-weight:normal;} #main .formbody p.error {color:#484546; 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:100%; padding:0 0 0 0; margin:24px 0 12px 0; text-align:left;} #main .ce_form .captcha_text {float:right; display:block; width:67.3%; padding:0 0 0 0; margin:2px 0 8px 0; text-align:left;} #main select {float:left; width:100%; height: 38px; border:none; color:#282a2a; margin:0 0 8px 0; padding:2px 2%; background:#dce7ac;} #main .formbody br, #main .formbody div {clear:both; margin:0; padding:0;} #main .formbody .g-recaptcha {float: right;} .checkbox_container {width:100%; display:block; float:left; padding:0 0 24px 0; position:relative; line-height:2.1rem;} .checkbox_container label {width:auto !important; float:left; margin:0 !important; padding:0 !important;} .checkbox_container span {position:relative; width:100%; display:block; float:left; padding:0; margin:0 0 12px 0;} .checkbox_container span.mandatory {width:10px; display:inline; float:none;} .radio_container {width:100%; display:block; float:left; padding:0 0 24px 0; position:relative; line-height:2.1rem;} .radio_container label {width:auto !important; float:left; margin:0 !important; padding:0 !important;} .radio_container span {position:relative; width:100%; display:block; float:left; padding:0; margin:0 0 12px 0;} .radio_container span.mandatory {width:10px; display:inline; float:none;} .checkbox, .radio {opacity: 0 !important; position: absolute !important;} .checkbox, .checkbox_container label, .radio, .radio_container label { display: inline-block !important; height:18px !important; padding:0 !important; margin:0 !important; cursor: pointer !important; } label, .radio-custom-label { position: relative !important; } .checkbox + label:before, .radio + .radio-custom-label:before { content: '' !important; background: #dce7ac !important; border: none !important; display: inline-block !important; vertical-align: top !important; width: 18px !important; height: 18px !important; padding: 0 !important; margin-right: 16px !important; margin-top:0 !important; text-align: left !important; } .checkbox:checked + label:before { content: '' !important; background-color:#b8cf59 !important; background-image:url(../../files/data/graphics/icon-checkbox.png) !important; background-size:auto !important; background-repeat:no-repeat !important; background-position:2px 4px !important; color: #fff !important; } .radio + label:before { content: '' !important; background: #dce7ac !important; border: none !important; display: inline-block !important; vertical-align: top !important; width: 18px !important; height: 18px !important; padding: 0 !important; margin-right: 16px !important; margin-top:0 !important; text-align: left !important; border-radius: 50% !important; } .radio:checked + label:before { content: '' !important; background-color:#b8cf59 !important; background-image:url(../../files/data/graphics/icon-radio.png) !important; background-size:auto !important; background-repeat:no-repeat !important; background-position:2px 4px !important; color: #fff !important; } .invisible {display:none !important;} /* Desktop-Mobile Settings */ #header #mod_nav_mobile {display:none;} #header a.mobilebtn {display:none;} html.mm-opened, html.mm-opened body {overflow: visible;} .mm-menu .mm-list { padding: 16px 0; } .mm-panel {padding:0 !important; background:#357459 !important;} .mod_mmenu ul.level_1 {text-transform:uppercase; font-size:1.7rem; line-height:2.4rem; text-transform:uppercase; font-family:"robotolight"; font-weight:normal;} .mod_mmenu ul.level_1 li.submenu.mm-opened {margin-bottom:10px;} .mod_mmenu ul.level_1 li a {color:#fff !important;} .mod_mmenu ul.level_1 li a:hover, .mod_mmenu ul.level_1 li a.active {color:#b8cf59 !important;} .mod_mmenu ul.level_2 {text-transform:none; font-family:"robotolight"; font-size:1.5rem; line-height:2.2rem; font-weight:normal;} .mod_mmenu ul.level_2 li a {} .mod_mmenu ul.level_2 li a span {padding:0 0 0 6% !important;} .mod_mmenu ul.level_3 {text-transform:none; font-family:"robotolight"; font-size:1.5rem; line-height:2.2rem; line-height:1.0em;} .mod_mmenu ul.level_3 li a {} .mod_mmenu ul.level_3 li a span {padding:0 0 0 14% !important;} .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 10px; bottom: auto; } .mm-vertical em.mm-counter { top: 5px; margin-top: 0; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.8) !important; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.8) !important; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: none !important; border-bottom-style: none !important; display: none !important; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list a.mm-subopen:before { content: ''; border-left-width: none !important; border-left-style: none !important; display: none !important; height: 100%; position: absolute; left: 0; top: 0; } .mm-opened #footer {display:none !important;} /*COLORBOX*/ #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../../files/data/graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../../files/data/graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../../files/data/graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} @media (max-width:1350px){ #header .navigation li .level_2 {width: 340px;} #header .navigation li:hover li, #header .navigation li.active li, #header .navigation li li {width: 280px;} #header .navigation li:hover li a, #header .navigation li.active li a {width: 270px;} } @media (max-width:1160px){ #header #mod_nav_mobile {display:block;} #header a.mobilebtn span {display:block; font-family:"robotolight"; font-size:2.1rem; line-height:2.8rem; text-transform:uppercase;} #header a.mobilebtn {display:block; text-decoration:none; width:auto; height:28px; padding:0 50px 0 0; position:absolute; top:260px; right:4%; z-index:1500; background:url(../../files/data/graphics/ico-responsive-nav.png) right top no-repeat; background-size: 28px auto; color:#fff;} #header .navigation {display:none;} #header .inside .content {width:92%; padding:0 4%;} #footer .inside .content {width:92%; padding:40px 4% 0 4%;} #logo {left:4%;} #header .mod_changelanguage {right:4%;} .mod_article .mod_article_inside {width:92%; padding:0 4%;} .holzstiele, .standorte, .nachhaltigkeit {background-size:100% auto; height:280px;} .ce_caroufredsel_gallery .caroufredsel_wrapper {height: 60vw !important;} /* GALLERY - CE */ #main .ce_gallery ul li {padding:0 2% 2% 0; margin:0; float:left; width:32% !important;} #main .ce_gallery .col_last {padding:0 0 2% 0 !important;} #main .ce_gallery .image_container {padding:0 !important; margin:0 !important;} #main .ce_gallery .image_container img {float:left; width:100% !important; height:auto !important;} #footer .inside .content .footerlogos {right: 4%;} } @media (max-width:980px){ h1 {padding:105px 0 24px 0; margin:0; font-size:7.6rem; line-height:8.6rem;} #container #main .ce_text_hover .hover-caption .caption {font-size:2.1rem; line-height:2.7rem; padding:50px 0 20px 0;} .schmal25 {width: 50% !important; margin: 0 auto;} #container .ce_text.statement p {padding-top: 50px;} } @media (max-width:768px){ #header #mod_nav_mobile {display:block;} #header a.mobilebtn span {display:block; font-family:"robotolight"; font-size:2.1rem; line-height:2.8rem; text-transform:uppercase;} #header a.mobilebtn {top:190px; right:5%;} #header .navigation {display:none;} #header {height:250px; background:url(../../files/data/graphics/bg-header.png) left 160px repeat-x #fff;} #header .inside {height:250px;} #header .inside .content {width:90%; padding:0 5%; height:250px;} #footer .inside .content {width:90%; padding:40px 5% 0 5%;} #logo {left:5%; top:24px;} #logo img {width:200px !important; height:auto !important;} #header .mod_changelanguage {right:5%;} .mod_article .mod_article_inside {width:90%; padding:0 5%;} #container #main .ce_text_hover.rund .hover-caption .text_hover p {font-size: 15px; line-height: 20px;} .holzstiele, .standorte, .nachhaltigkeit {background-size:100% auto; height:280px;} h1 {padding:105px 0 24px 0; margin:0; font-size:7.0rem; line-height:8rem;} h2 {float:left; width:100%; padding:60px 0 66px 0; margin:0 0 50px 0; font-size:2.3rem; line-height:2.9rem;} h2.ce_headline {float:left; width:100%; padding:60px 0 66px 0; margin:0 0 50px 0; font-size:2.3rem; line-height:2.9rem;} h2.first {padding:0 0 66px 0;} h2.ce_headline.first {padding:0 0 66px 0;} #container #main .ce_text_hover .hover-caption .caption {font-size:2.1rem; line-height:2.7rem; padding:50px 0 20px 0;} .ce_dlh_googlemaps {width:100%; height:400px; float:left; display:block; z-index:1200; padding:16px 0 88px 0; color:#000;} .dlh_googlemap {width:100%; height:400px; float:left; display:block; z-index:1200; line-height:2.0rem;} #footer .inside .content .ce_text {float: left !important; text-align: left !important; width: 100%;} #footer .inside .content .ce_text p {text-align: left !important;} #footer .inside .content {height: auto;} #footer .inside {height: auto; padding-bottom: 30px;} #footer {height: auto;} #footer .inside .content .footerlogos {position: relative; bottom: 0;} } @media (max-width:750px){ h1 {padding:105px 0 24px 0; margin:0; font-size:6.4rem; line-height:7.4rem;} #container #main .ce_text_hover .hover-caption .caption {font-size:1.8rem; line-height:2.4rem; padding:50px 0 20px 0;} #container .ce_text.statement p {padding-top: 0;} } @media (max-width:650px){ #wrapper {font-size: 1.6rem; line-height: 2.2rem;} #header a.mobilebtn {top:140px; right:5%;} #header {height:186px; background:url(../../files/data/graphics/bg-header.png) left 120px repeat-x #fff;} #header .inside {height:186px;} #header .inside .content {width:90%; padding:0 5%; height:186px;} #footer .inside .content {font-size:2.1rem; line-height:2.8rem;} #logo {left:5%; top:12px;} #logo img {width:170px !important; height:auto !important;} #container .ce_text.statement p {padding-top: 0;} .mod_article.holzstiele, .mod_article.standorte, .mod_article.nachhaltigkeit {height:240px;} .mod_article.home {height:580px;} .mod_article.grau {background:#e4e3e2; float:left; padding:60px 0 10px 0;} h1 {padding:84px 0 16px 0; margin:0; font-size:5.0rem; line-height:6rem;} h4 {padding:0 0 0 0; font-size:1.6rem; line-height:2.2rem;} .leadtext {font-family:'pt_serifregular'; font-weight:normal; font-size:2.2rem; line-height:2.7rem; padding:0 5%; width:90% !important; text-align:center;} #container #main .ce_text_hover .hover-caption .text_hover {font-size: 1.5rem; line-height: 2.0rem; padding:16px 12px 0 12px;} #container #main .ce_text_hover .hover-caption .caption {font-size:1.5rem; line-height:2.1rem; padding:30px 0 20px 0;} #main .ce_form {width:100%;} .timeline {margin-left: 0;} .timeline:before {left: 5%;} .timeline:after {left: 5%;} #container .timeline .timeline-item:before {left: 5%;} #container .timeline .timeline-item .ce_headline {width: 85%; float: right;} #container .timeline .timeline-item div {width: 85%; float: right;} #container .timeline .timeline-item .ce_headline {float: right; text-align: left;} #container .timeline .timeline-item div {float: right; text-align: left; clear: right !important;} #container .timeline .timeline-item div h3 {text-align: left;} #container .timeline .timeline-item:nth-child(2n) .ce_headline {float: right; text-align: left;} #container .timeline .timeline-item:nth-child(2n) div {float: right; text-align: left; clear: left !important;} #container .timeline .timeline-item:nth-child(2n) div h3 {text-align: left;} #container #main .bildbreite img {width: 100% !important; height: auto !important;} #container #main .ce_text .image_container.float_left {width: 100% !important; padding: 3px 0 10px 0 !important;} #container #main .ce_text .image_container.float_right {width: 100% !important; padding: 3px 0 10px 0 !important;} #container #main .ce_text.bildbreite .image_container.float_left {width: 100% !important; padding: 3px 0 10px 0 !important;} #container #main .ce_text.bildbreite .image_container.float_right {width: 100% !important; padding: 3px 0 10px 0 !important;} .schmal75 {width: 100% !important; margin: 0 auto;} .schmal50 {width: 100% !important; margin: 0 auto;} .schmal25 {width: 100% !important; margin: 0 auto;} #footer {height: auto;} #footer .inside {height: auto;} #footer .inside .content {height: auto;} } @media (max-width:550px){ #wrapper {font-size: 1.6rem; line-height: 2.2rem;} #container #main .ce_text_hover.rund .hover-caption .text_hover p {font-size: 25px; line-height: 37px;} #header a.mobilebtn {top:140px; right:5%;} #header {height:186px; background:url(../../files/data/graphics/bg-header.png) left 120px repeat-x #fff;} #header .inside {height:186px;} #header .inside .content {width:90%; padding:0 5%; height:186px;} #logo {left:5%; top:12px;} #logo img {width:170px !important; height:auto !important;} .mod_article {padding:60px 0 0 0;} .mod_article.holzstiele, .mod_article.standorte, .mod_article.nachhaltigkeit {height:210px;} .mod_article.home {height:auto;} .ce_caroufredsel_gallery .caroufredsel_controls .caroufredsel_navi {display: none;} h1 {padding:64px 0 8px 0; margin:0; font-size:4.2rem; line-height:5.2rem;} h2 {float:left; width:100%; padding:40px 0 42px 0; margin:0 0 30px 0; font-size:2.3rem; line-height:2.9rem;} h2.ce_headline {float:left; width:100%; padding:40px 0 42px 0; margin:0 0 30px 0; font-size:2.3rem; line-height:2.9rem; background-size:200px auto !important;} h2.first {padding:0 0 42px 0;} h2.ce_headline.first {padding:0 0 42px 0;} .leadtext {font-family:'pt_serifregular'; font-weight:normal; font-size:2.0rem; line-height:2.5rem; padding:0 5%; width:90% !important; text-align:center;} #container .linkbox {padding:30px 0 20px 0;} #main .ce_image .image_container {padding:14px 0 30px 0;} .rs-column.-large-col-2-1 {width: 100% !important; margin-right: 0 !important;} .rs-column.-large-col-3-1 {width: 100% !important; margin-right: 0 !important;} #container #main .ce_text_hover .hover-caption .caption {font-size:2.3rem; line-height:2.9rem; padding:20px 0 40px 0;} .ce_dlh_googlemaps {width:100%; height:300px; float:left; display:block; z-index:1200; padding:16px 0 30px 0; color:#000;} .dlh_googlemap {width:100%; height:300px; float:left; display:block; z-index:1200; line-height:2.0rem;} #footer .inside .content .ce_image {width:20%; display:inline; padding:16px 0 0 0;} #footer .inside .content .footerlogos .ce_image {float:left; height: 50px; width: auto; margin-left: 10px;} } @media (max-width:450px){ .mod_article.holzstiele, .mod_article.standorte, .mod_article.nachhaltigkeit {height:180px;} /*.mod_article.home {height:550px;}*/ #footer .inside .content {font-size:1.7rem; line-height:2.4rem;} #footer .inside .content .ce_text {float:left; width:70%; display:inline;} h1 {padding:64px 0 8px 0; margin:0; font-size:3.0rem; line-height:4.0rem;} h2 {float:left; width:100%; padding:40px 0 42px 0; margin:0 0 30px 0; font-size:2.3rem; line-height:2.9rem;} h2.ce_headline {float:left; width:100%; padding:40px 0 42px 0; margin:0 0 30px 0; font-size:2.0rem; line-height:2.6rem; background-size:200px auto !important;} h2.first {padding:0 0 42px 0;} h2.ce_headline.first {padding:0 0 42px 0;} #container #main .ce_text_hover .hover-caption .text_hover {font-size: 1.6rem; line-height: 2.2rem; padding:20px 12px 0 12px;} #container #main .ce_text_hover .hover-caption .caption {font-size:2.0rem; line-height:2.6rem; padding:20px 0 40px 0;} #container .linkbox a {border:1px solid #272e2c; width:220px; height:52px;} #footer .inside .content .footerlogos {float: left; width: 100%;} #footer .inside .content .footerlogos .ce_image .image_container {float:left; height: 100%;} #footer {margin-top: 0;} .endcontent {display: none;} } @media (max-width:268px){ html, body {width:100%; min-width:1px;} #header a.mobilebtn {float:left; display:block; text-decoration:none; width:28px; height:28px; padding:0; position:absolute; top:17px; right:4%; z-index:1500; background:url(../../files/data/graphics/ico-responsive-nav.png) left top no-repeat; background-size: 100% auto;} #header {height:64px !important;} #header .inside {height:64px !important; width:100%;} #header .inside .content {height:64px !important;} #header #mod_nav_mobile {display:block;} #header .mobilebtn_ct {padding:0;} } /* FIXES */ /*************************************************************/ .cleaner {clear:both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ .clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; } .invisible { display:none;} @font-face { font-family: 'robotoregular'; src: url('../../files/data/styles/roboto-regular-webfont.woff2') format('woff2'), url('../../files/data/styles/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('../../files/data/styles/roboto-light-webfont.woff2') format('woff2'), url('../../files/data/styles/roboto-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoitalic'; src: url('../../files/data/styles/roboto-italic-webfont.woff2') format('woff2'), url('../../files/data/styles/roboto-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../../files/data/styles/roboto-medium-webfont.woff2') format('woff2'), url('../../files/data/styles/roboto-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('../../files/data/styles/roboto-bold-webfont.woff2') format('woff2'), url('../../files/data/styles/roboto-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 16, 2016 */ @font-face { font-family: 'pt_serifbold'; src: url('../../files/data/styles/pt_serif-web-bold-webfont.eot'); src: url('../../files/data/styles/pt_serif-web-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/pt_serif-web-bold-webfont.woff2') format('woff2'), url('../../files/data/styles/pt_serif-web-bold-webfont.woff') format('woff'), url('../../files/data/styles/pt_serif-web-bold-webfont.ttf') format('truetype'), url('../../files/data/styles/pt_serif-web-bold-webfont.svg#pt_serifbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_serifbold_italic'; src: url('../../files/data/styles/pt_serif-web-bolditalic-webfont.eot'); src: url('../../files/data/styles/pt_serif-web-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/pt_serif-web-bolditalic-webfont.woff2') format('woff2'), url('../../files/data/styles/pt_serif-web-bolditalic-webfont.woff') format('woff'), url('../../files/data/styles/pt_serif-web-bolditalic-webfont.ttf') format('truetype'), url('../../files/data/styles/pt_serif-web-bolditalic-webfont.svg#pt_serifbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_serifitalic'; src: url('../../files/data/styles/pt_serif-web-italic-webfont.eot'); src: url('../../files/data/styles/pt_serif-web-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/pt_serif-web-italic-webfont.woff2') format('woff2'), url('../../files/data/styles/pt_serif-web-italic-webfont.woff') format('woff'), url('../../files/data/styles/pt_serif-web-italic-webfont.ttf') format('truetype'), url('../../files/data/styles/pt_serif-web-italic-webfont.svg#pt_serifitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_serifregular'; src: url('../../files/data/styles/pt_serif-web-regular-webfont.eot'); src: url('../../files/data/styles/pt_serif-web-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/pt_serif-web-regular-webfont.woff2') format('woff2'), url('../../files/data/styles/pt_serif-web-regular-webfont.woff') format('woff'), url('../../files/data/styles/pt_serif-web-regular-webfont.ttf') format('truetype'), url('../../files/data/styles/pt_serif-web-regular-webfont.svg#pt_serifregular') format('svg'); font-weight: normal; font-style: normal; }