body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} 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} .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;--ccb-focus-clr: #00a4f4;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 input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.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,.contao-cookiebar .cc-btn:focus{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-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.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)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@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-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;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-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)} #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} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #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;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.5; filter: alpha(opacity = 50);} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#fff; border-radius:15px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:0px solid #fff; background:#fff !important; border-radius:15px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:none !important;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #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("../../files/umwelt/assets/images/left-over.svg") no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../../files/umwelt/assets/images/left-over.svg") no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../../files/umwelt/assets/images/right-over.svg") no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../../files/umwelt/assets/images/right-over.svg") no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxClose{position:absolute; top:20px; right:20px; display:block; background:url("../../files/umwelt/assets/images/Close-over.svg") no-repeat center; background-size:100% auto; width:16px; height:16px; text-indent:-9999px;} #cboxClose:hover{background:url("../../files/umwelt/assets/images/Close.svg") no-repeat center; background-size:100% auto;} /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { display:inline-block; margin-bottom: 1em; transition:margin-bottom .2s; text-transform:uppercase; font-size:14px; color: #09255C; } #header.sticky .sf-menu, #header.sticky ul.level_2 { margin-bottom: 0; } .sf-menu ul { min-width: 24em; /* allow long menu items to determine submenu width */ *width: 24em; /* no auto sub width for IE7, see white-space comment below */ text-transform:uppercase; text-align:left !important; font-weight:bold; } .sf-menu a, .sf-menu span.active, .sf-menu span.trail { display:block; padding: .5em 11px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu span.active, .sf-menu a.active, .sf-menu a.trail{ color:#EF7C00; } /* .sf-menu li.first a, .sf-menu li.first span.active, .sf-menu li.first span.trail { padding: .5em 11px .5em 0; } */ .sf-menu li.last a, .sf-menu li.last span.active, .sf-menu li.last span.trail { padding: .5em 0 .5em 11px; } /* .sf-menu ul.level_2 li a{ padding: .5em 0 .5em 0 !important; } */ .sf-menu a { color:#09255c; } .sf-menu a:hover, .sf-menu a.trail { color: #ef7c00; } .sf-menu ul.level_2{ /* -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.15); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.15); */ padding-top:0px; margin-bottom:12px; padding-top:4px; } .sf-menu ul.level_2 li.first{ } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu li.active span.active { display: block; } .sf-menu ul li { background: transparent; font-weight:600; } .sticky .sf-menu ul li { background: #fff; } .sf-menu ul ul li { } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li.active { } /* arrows (for all except IE7) */ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /*! * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ /** * Make the wrapping container 960 pixel wide */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:1284px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; margin-left:10px; margin-right:10px; display:inline; } /** * Add a default margin to all content elements, so they align with the floatet * ones (otherwise you would have to add "grid12" to every element) */ .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } /** * Handle news and event reader modules which are added via content element and * contain content elements themselves (see #5331) */ .mod_article .mod_newsreader,.mod_article .mod_eventreader { margin-left:0; margin-right:0; } .mod_article *[class*="layout_"] > *,.mod_article *[class*="event_"] > * { margin-left:10px; margin-right:10px; } /** * Remove the margin from floated articles, because the margin is already * applied to its content elements (see above) */ .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6, .mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 { margin-left:0; margin-right:0; } /** * Automatically clear the floats in the main column, so you do not have to add * a clearing div to each article */ #main .inside { overflow:hidden; } /** * Grid column widths */ .grid1 { width:87px; } .grid2 { width:194px; } .grid3 { width:301px; } .grid4 { width:408px; } .grid5 { width:515px; } .grid6 { width:622px; } .grid7 { width:729px; } .grid8 { width:836px; } .grid9 { width:943px; } .grid10 { width:1050px; } .grid11 { width:1157px; } .grid12 { width:1264px; } .grid12_0 { margin: 0 !important; width: 100%; } .grid8_0 { margin: 0 !important; width:856px; } #cat-btn-01, #cat-btn-03{ width:632px !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:632px !important; margin-left:0px !important; } /** * Floated articles can be 20 pixel wider (no margin) / grid* +20 */ .mod_article.grid1 { width:107px; } .mod_article.grid2 { width:214px; } .mod_article.grid3 { width:321px; } .mod_article.grid4 { width:428px; } .mod_article.grid5 { width:535px; } .mod_article.grid6 { width:642px; } .mod_article.grid7 { width:749px; } .mod_article.grid8 { width:856px; } .mod_article.grid9 { width:963px; } .mod_article.grid10 { width:1070px; } .mod_article.grid11 { width:1177px; } .mod_article.grid12 { width:1284px; } /** * Default offset widths / grid* +30 */ .offset1 { margin-left:117px !important; } .offset2 { margin-left:224px !important; } .offset3 { margin-left:331px !important; } .offset4 { margin-left:438px !important; } .offset5 { margin-left:545px !important; } .offset6 { margin-left:652px !important; } .offset7 { margin-left:759px !important; } .offset8 { margin-left:866px !important; } .offset9 { margin-left:973px !important; } .offset10 { margin-left:1080px !important; } .offset11 { margin-left:1187px !important; } .offset12 { margin-left:1294px !important; } /** * Floated articles do not have margin / gleich wie Artikel */ .mod_article.offset1 { margin-left:107px !important; } .mod_article.offset2 { margin-left:214px !important; } .mod_article.offset3 { margin-left:321px !important; } .mod_article.offset4 { margin-left:428px !important; } .mod_article.offset5 { margin-left:535px !important; } .mod_article.offset6 { margin-left:642px !important; } .mod_article.offset7 { margin-left:749px !important; } .mod_article.offset8 { margin-left:856px !important; } .mod_article.offset9 { margin-left:963px !important; } .mod_article.offset10 { margin-left:1070px !important; } .mod_article.offset11 { margin-left:1177px !important; } .mod_article.offset12 { margin-left:1284px !important; } @media (min-width:984px) and (max-width:1303px) { /** * Reduce the overall width */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:960px; } /** * Grid column widths */ .grid1 { width:60px; } .grid2 { width:140px; } .grid3 { width:220px; } .grid4 { width:300px; } .grid5 { width:380px; } .grid6 { width:460px; } .grid7 { width:540px; } .grid8 { width:620px; } .grid9 { width:700px; } .grid10 { width:780px; } .grid11 { width:860px; } .grid12 { width:940px; } .grid8_0 { margin: 0 !important; width:640px; } #cat-btn-01, #cat-btn-03{ width:470px !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:470px !important; margin-left:0px !important; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:80px; } .mod_article.grid2 { width:160px; } .mod_article.grid3 { width:240px; } .mod_article.grid4 { width:320px; } .mod_article.grid5 { width:400px; } .mod_article.grid6 { width:480px; } .mod_article.grid7 { width:560px; } .mod_article.grid8 { width:640px; } .mod_article.grid9 { width:720px; } .mod_article.grid10 { width:800px; } .mod_article.grid11 { width:880px; } .mod_article.grid12 { width:960px; } /** * Default offset widths */ .offset1 { margin-left:90px !important; } .offset2 { margin-left:170px !important; } .offset3 { margin-left:250px !important; } .offset4 { margin-left:330px !important; } .offset5 { margin-left:410px !important; } .offset6 { margin-left:490px !important; } .offset7 { margin-left:570px !important; } .offset8 { margin-left:650px !important; } .offset9 { margin-left:730px !important; } .offset10 { margin-left:810px !important; } .offset11 { margin-left:890px !important; } .offset12 { margin-left:970px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { margin-left:80px !important; } .mod_article.offset2 { margin-left:160px !important; } .mod_article.offset3 { margin-left:240px !important; } .mod_article.offset4 { margin-left:320px !important; } .mod_article.offset5 { margin-left:400px !important; } .mod_article.offset6 { margin-left:480px !important; } .mod_article.offset7 { margin-left:560px !important; } .mod_article.offset8 { margin-left:640px !important; } .mod_article.offset9 { margin-left:720px !important; } .mod_article.offset10 { margin-left:800px !important; } .mod_article.offset11 { margin-left:880px !important; } .mod_article.offset12 { margin-left:960px !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { /** * Reduce the overall width */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:744px; } /** * Reduce the grid column widths */ .grid1 { width:42px; } .grid2 { width:104px; } .grid3 { width:166px; } .grid4 { width:228px; } .grid5 { width:290px; } .grid6 { width:352px; } .grid7 { width:414px; } .grid8 { width:476px; } .grid9 { width:538px; } .grid10 { width:600px; } .grid11 { width:662px; } .grid12 { width:724px; } /* .ce_caroufredsel .ce_image.grid{ width:228px !important; } */ /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:62px; } .mod_article.grid2 { width:124px; } .mod_article.grid3 { width:186px; } .mod_article.grid4 { width:248px; } .mod_article.grid5 { width:310px; } .mod_article.grid6 { width:372px; } .mod_article.grid7 { width:434px; } .mod_article.grid8 { width:496px; } .mod_article.grid9 { width:558px; } .mod_article.grid10 { width:620px; } .mod_article.grid11 { width:682px; } .mod_article.grid12 { width:744px; } /** * Reduce the offset widths */ .offset1 { margin-left:72px !important; } .offset2 { margin-left:134px !important; } .offset3 { margin-left:196px !important; } .offset4 { margin-left:258px !important; } .offset5 { margin-left:320px !important; } .offset6 { margin-left:382px !important; } .offset7 { margin-left:444px !important; } .offset8 { margin-left:506px !important; } .offset9 { margin-left:568px !important; } .offset10 { margin-left:630px !important; } .offset11 { margin-left:692px !important; } .offset12 { margin-left:754px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { margin-left:62px !important; } .mod_article.offset2 { margin-left:124px !important; } .mod_article.offset3 { margin-left:186px !important; } .mod_article.offset4 { margin-left:248px !important; } .mod_article.offset5 { margin-left:310px !important; } .mod_article.offset6 { margin-left:372px !important; } .mod_article.offset7 { margin-left:434px !important; } .mod_article.offset8 { margin-left:496px !important; } .mod_article.offset9 { margin-left:558px !important; } .mod_article.offset10 { margin-left:620px !important; } .mod_article.offset11 { margin-left:682px !important; } .mod_article.offset12 { margin-left:744px !important; } .grid8_0, .con-bilder{ margin: 0 !important; width:100% !important; } #cat-btn-01, #cat-btn-03{ width:362px !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:362px !important; margin-left:0px !important; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { /** * Remove the overall width */ #header .inside, #footer .inside, #main .mod_article.wrap .inner, #headerbild .ce_text h1{ width:auto; } /** * Show all columns underneath each other */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; margin-left:0px !important; margin-right:0px !important; } *[class*="offset"]{ margin-left:20px !important; } .mod_article *[class*="ce_"], .mod_article *[class*="mod_"] { margin-left:20px !important; margin-right:20px !important; } .mod_article.offset1, .mod_article.offset2, .mod_article.offset3, .mod_article.offset4, .mod_article.offset5, .mod_article.offset6, .mod_article.offset7, .mod_article.offset8, .mod_article.offset9, .mod_article.offset10, .mod_article.offset11, .mod_article.offset12 { margin-left:0px !important; } .grid8_0 { margin: 0 !important; width:auto !important; } #cat-btn-01, #cat-btn-03{ width:auto !important; margin-right:0px !important; } #cat-btn-02, #cat-btn-04{ width:auto !important; margin-left:0px !important; } } #verantwortung{ padding: 130px 0 160px 0; } #hauptnavigation{ display:block !important; } .menu-button{ display:none !important; } .mod_mmenu{ opacity:0; } #formular .ce_form form .formbody{ max-width: 431px; } @media (min-width:984px) and (max-width:1303px) { :root { --main-article-padding-top: 60px !important; --main-article-padding-h2-top: 22px !important; --main-article-padding-bottom: 48px !important; --main-cetext-margin-top: 40px !important; --main-cetext-margin-h2-top: 12px !important; --main-cetext-margin-bottom: 40px !important; } #scrollDown{ display:none !important; } h1{ font-size:48px !important; line-height:52px !important; } #footer .ce_text li{ padding-right:10px !important; } #footer .mod_customnav li{ padding-left:10px !important; } #headerbild .ce_text{ bottom:5% !important; } #home{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #home .ce_player{ border-radius:15px !important; } #verantwortung{ padding: 90px 0 120px 0; } #umwelt .ce_text, #umwelt .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #umwelt .ce_text h2{ margin-top:0px !important; } #abfallarten .ce_image, #einwegplastikartikel .ce_image{ width:auto !important; margin-left:10px !important; margin-right:10px !important; } #hintergrund .ce_text, #hintergrund .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #hintergrund .ce_text h2, #hintergrund .ce_text h3{ margin-top:0px !important; } #soziale-verantwortung .ce_text, #soziale-verantwortung .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #soziale-verantwortung .ce_text h2, #soziale-verantwortung .ce_text h3{ margin-top:0px !important; } #fragen-antworten .ce_text.teaser{ margin-top:var(--main-cetext-margin-top); margin-bottom:opx !important; } #fragen-antworten .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #fragen-antworten .ce_image.last{ margin-bottom:var(--main-cetext-margin-bottom); } #fragen-antworten-2 .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #studienvergleich{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #studienvergleich .ce_text h2{ margin-top:0px !important; } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_text h2{ margin-top:0px !important; } #filter .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #zigarette{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0 !important; } #fragen-antworten-3 .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #fragen-antworten-3 .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #formular .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #formular{ padding: 0 0 var(--main-article-padding-bottom) 0 !important; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #ueber-uns{ padding: 0 0 var(--main-article-padding-bottom) 0 !important; } #partner .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #partner .ce_image.last{ margin-bottom:var(--main-cetext-margin-bottom); } .ce_gallery.bvte li{ width:50% !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { *[class*="grid"].tab-portrait { float:none !important; display:block !important; width:auto !important; margin-left:10px !important; margin-right:10px !important; } #hauptnavigation{ display:none !important; } .menu-button{ display:block !important; } .mod_mmenu{ opacity:1; } #scrollDown{ display:none !important; } #header #logo img{ max-width:100% !important; } .ce_player{ border-radius:15px !important; } :root { --main-article-padding-top: 40px !important; --main-article-padding-h2-top: 22px !important; --main-article-padding-bottom: 48px !important; --main-cetext-margin-top: 40px !important; --main-cetext-margin-h2-top: 12px !important; --main-cetext-margin-bottom: 20px !important; } #footer{ border-bottom: 30px solid #EF7C00 !important; } #footer .ce_text, #footer .mod_customnav{ width:100% !important; margin-left:0px !important; margin-right:0px !important; text-align:center !important; margin-top:0px !important; line-height:60px !important; } .ce_image.cat-btn .image_container .caption{ font-size:40px !important; line-height:44px !important; } #footer .ce_text{ margin-top:80px !important; } h1{ font-size:38px !important; line-height:42px !important; } #headerbild .ce_text{ bottom:5% !important; } #headerbild .ce_text h1{ width:auto !important; display:inline-block !important; padding-left:10px !important; } #home{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #home .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #verantwortung{ padding: 90px 0 120px 0; } #umwelt .inner, #hintergrund .inner, #soziale-verantwortung .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #umwelt .ce_text, #hintergrund .ce_text, #soziale-verantwortung .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #umwelt .ce_image, #hintergrund .ce_image, #soziale-verantwortung .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #umwelt .ce_text h2, #hintergrund .ce_text h2, #hintergrund .ce_text h3, #soziale-verantwortung .ce_text h2, #soziale-verantwortung .ce_text h3{ margin-top:0px !important; } #abfallarten .ce_image, #einwegplastikartikel .ce_image{ width:auto !important; margin-left:10px !important; margin-right:10px !important; } #umwelt .inner{ margin-bottom:20px !important; } #umwelt .ce_image.not-mobile{ display:none !important; } #fragen-antworten .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #fragen-antworten .ce_image.last{ margin-bottom:0; } #fragen-antworten .inner, #fragen-antworten-2 .inner, #filter .inner, #fragen-antworten-3 .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten .ce_text.teaser, #filter .ce_text.filter{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #fragen-antworten .ce_accordion, #fragen-antworten-2 .ce_accordion, #filter .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten-2 .ce_image{ margin-top:30px !important; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #studienvergleich{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #studienvergleich .ce_text h2{ margin-top:0px !important; } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #zigarette{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0 !important; } #fragen-antworten-3 .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #fragen-antworten-3 .ce_text.filter{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #fragen-antworten-3 .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten-3 .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #kampagne .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text h2, #kampagne .ce_text h3{ margin-top:0px !important; } #formular .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #formular{ padding: 0 0 var(--main-article-padding-bottom) 0 !important; } #formular .ce_text h2, #formular .ce_text h3{ margin-top:0px !important; } #kampagnevideo{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #kampagnevideo .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #ueber-uns .inner, #partner .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_text, #partner .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:10px; padding-right:10px; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0 !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #partner .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #partner .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } .ce_gallery.bvte li{ width:33.33% !important; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { body{ letter-spacing:0 !important; } #hauptnavigation{ display:none !important; } .menu-button{ display:block !important; } .mod_mmenu{ opacity:1; } #scrollDown{ display:none !important; } .ce_player{ border-radius:6px !important; } .ce_text.teaser{ font-size: 14px !important; line-height: 22px !important; } .con-bilder{ margin:0 !important; } :root { --main-article-padding-top: 30px !important; --main-article-padding-h2-top: 22px !important; --main-article-padding-bottom: 48px !important; --main-cetext-margin-top: 20px !important; --main-cetext-margin-h2-top: 12px !important; --main-cetext-margin-bottom: 20px !important; } .ce_caroufredsel { padding: 60px 0px 0 0px !important; } #header{ top:-42px !important; } #header #logo img{ width:140px !important; margin-left:20px !important; } #footer{ border-bottom: 0px solid #EF7C00 !important; background:url(../../files/umwelt/assets/images/bg-7F7F7F.png) no-repeat bottom left transparent; background-size: 100% 320px !important; padding-top:40px !important; padding-bottom:40px !important; } #footer .ce_text, #footer .mod_customnav{ width:100% !important; margin-left:0px !important; margin-right:0px !important; text-align:center !important; margin-top:0px !important; line-height:50px !important; } #footer .ce_text li{ display:block !important; padding-right:0px !important; } #footer .mod_customnav li{ display:block !important; padding-left:0px !important; } #cat-btn-02, #cat-btn-03{ border-radius:0 !important; } #cat-btn-01, #cat-btn-02, #cat-btn-03, #cat-btn-04{ margin-left:20px !important; margin-right:20px !important; } .ce_image.cat-btn .image_container .caption{ font-size:28px !important; line-height:32px !important; margin-top:-16px !important; } #cat-btn-01{ border-top-left-radius:6px !important; border-top-right-radius:6px !important; } #cat-btn-04{ border-bottom-left-radius:6px !important; border-bottom-right-radius:6px !important; } #footer .ce_text{ margin-top:80px !important; } h1{ font-size:32px !important; line-height:36px !important; letter-spacing:0 !important; } h2{ font-size:32px !important; line-height:36px !important; letter-spacing:0 !important; } #headerbild .ce_text{ bottom:5% !important; } #headerbild .ce_text h1{ width:auto !important; display:inline-block !important; padding-left:0px !important; } #home{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #home .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #verantwortung{ padding: 28px 0 60px 0; } #umwelt .inner, #hintergrund .inner, #soziale-verantwortung .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #umwelt .inner{ margin-bottom:20px !important; } #umwelt .ce_text, #hintergrund .ce_text, #soziale-verantwortung .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #umwelt .ce_image, #hintergrund .ce_image, #soziale-verantwortung .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } /* #umwelt .ce_text h2, #hintergrund .ce_text h2, #hintergrund .ce_text h3, #soziale-verantwortung .ce_text h2, #soziale-verantwortung .ce_text h3{ margin-top:0px !important; } */ #hintergrund .ce_text h2, #soziale-verantwortung .ce_text h2{ margin-top:0px !important; } #abfallarten .ce_image, #einwegplastikartikel .ce_image{ width:auto !important; margin-left:20px !important; margin-right:20px !important; } #umwelt .ce_image.not-mobile{ display:none !important; } .ce_accordion .toggler{ font-size: 16px !important; line-height: 22px !important; } .ce_accordion .accordion{ padding:20px 0px 0px 0 !important; } #fragen-antworten .ce_image.first{ margin-top:40px !important; } #fragen-antworten .ce_image.last{ margin-bottom:0; } #fragen-antworten .inner, #fragen-antworten-2 .inner, #filter .inner, #fragen-antworten-3 .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten .ce_text.teaser, #filter .ce_text.filter{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #fragen-antworten .ce_accordion, #fragen-antworten-2 .ce_accordion, #filter .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten-2 .ce_accordion.first{ margin-top:40px !important; } #fragen-antworten .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #fragen-antworten-2 .ce_image{ margin-top:40px !important; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #studienvergleich{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } /* #studienvergleich .ce_text h2, #filter .ce_text h2{ margin-top:0px !important; } */ #filter .ce_image{ margin-top:40px !important; margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_accordion.last{ margin-bottom:var(--main-cetext-margin-bottom); } #filter .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } a.btn{ width:100% !important; } #zigarette{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0 !important; } #fragen-antworten-3{ padding: var(--main-article-padding-h2-top) 0 0 0 !important; } #fragen-antworten-3 .ce_accordion.last{ margin-bottom:20px !important; } #fragen-antworten-3 .ce_text.filter{ margin-top:0px !important; margin-bottom:0; padding-left:0px; padding-right:0px; } #fragen-antworten-3 .ce_accordion{ margin-left:20px !important; margin-right:20px !important; } #fragen-antworten-3 .ce_image{ margin-top:40px !important; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #zigarette, #zigaretten{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } /* #zigarette h2, #zigaretten h2{ margin-top:0px !important; } */ #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #kampagne .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #kampagne .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #kampagne .ce_text h2, #kampagne .ce_text h3{ margin-top:0px !important; } #formular .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #formular .ce_form{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #formular .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #formular{ padding: 0 0 0 0 !important; } #formular .ce_text h2, #formular .ce_text h3{ margin-top:0px !important; } form button,input[type="submit"],.button { width:100% !important;margin-top:20px !important; } #kampagnevideo{ padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0 !important; } #kampagnevideo .ce_text{ margin-bottom:var(--main-cetext-margin-bottom); } #ueber-uns .inner, #partner .inner{ width:100% !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_text, #partner .ce_text{ margin-top:var(--main-cetext-margin-top); margin-bottom:0; padding-left:0px; padding-right:0px; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:0 !important; margin-left:0px !important; margin-right:0px !important; } #ueber-uns .ce_image{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-bottom); } #partner .ce_image.first{ margin-top:var(--main-cetext-margin-top); } #partner .ce_image{ margin-top:0; margin-bottom:0; margin-left:0px !important; margin-right:0px !important; } #mitglieder .ce_gallery li{ width:50% !important; } .ce_gallery>ul li.col_first{ clear:none !important; } #impressum, #datenschutz, #bestellung{ margin-top:0px !important; } .ce_gallery.bvte li{ width:50% !important; } } /* @media only screen and (orientation : portrait) { #studie{ background:#ff0; } #studie{ display:none !important; } #studie-mobile{ display:block !important; } } @media only screen and (orientation : landscape) { #studie{ background:#f0f; } #studie{ display:block !important; } #studie-mobile{ display:none !important; } } */ #studie{ display:block !important; } #studie-mobile{ display:none !important; } @media only screen and (min-width:984px) and (max-width:1303px) { .ce_caroufredsel{ padding: 60px 0px 0 0px !important; } .caroufredsel_navi{ display:none !important; } } @media (min-width:768px) and (max-width:979px) { .caroufredsel_navi{ display:none !important; } .ce_caroufredsel{ padding: 60px 0px 0 0px !important; } .sharebuttons{ transform:scale(.8); } } @media (max-width:767px) { .caroufredsel_navi{ display:none !important; } .ce_caroufredsel{ padding: 60px 0px 0 0px !important; } #studie{ display:none !important; } #studie-mobile{ display:block !important; } #studie01-mobile, #studie-mobile{ margin-left:0 !important; margin-right:0 !important; } .ce_caroufredsel .ce_image{ width: 100vW !important; height:auto; margin-left:0 !important; margin-right:0 !important; text-align:center; } .ce_caroufredsel .ce_image .image_container{ display:inline-block !important; } .ce_caroufredsel .ce_image img{ max-height: 85vH; width:auto; } .sharebuttons{ transform:scale(.8); top:12px !important; margin-left:30px; } .overlay .logo-overlay{ margin-left:0 !important; margin-right:0 !important; } } @media (max-width:427px) { .sharebuttons{ transform:scale(.6); } .overlay .logo-overlay img{ width:80px !important; } } /* iPad in portrait & landscape --------------------------------------------------------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* iPad in portrait --------------------------------------------------------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* iPad in landscape --------------------------------------------------------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* Farben Dunkelblau / Schrift: #09255C Orange / Schrift: #EF7C00 Mittelgrau Footer / Flaeche: #7F7F7F Mittelgrau / Flaeche: #D8D8D8 Hellgrau / Flaeche: #F4F4F4 */ :root { --main-article-padding-top: 100px; --main-article-padding-h2-top: 62px; --main-article-padding-bottom: 100px; --main-cetext-margin-top: 60px; --main-cetext-margin-h2-top: 32px; --main-cetext-margin-bottom: 0px; } img, video{ vertical-align:middle; } body, html{ min-height:100%; } body{ font-family:"Montserrat"; font-size:14px; line-height:22px; font-style: normal; font-weight: 600; letter-spacing: .5px; color: #09255C; margin:0px; padding:0px; background:#fff; } /* Html Elemente */ h1,h2,h3,h4{ font-family: 'Atrament'; text-transform:uppercase; } h1{ font-size:64px; line-height:68px; color:#09255C; } h1 span.white{ color:#fff; } h2{ font-size:38px; line-height:48px; color:#EF7C00; } h2 .blau{ color:#09255C; } h3{ font-size:22px; line-height:28px; color:#09255C; } #datenschutz h2{ font-size:22px; line-height:28px; color:#09255C; } h4{ } strong, b{ font-weight:bold; } sup{ font-size:9px; vertical-align:super; } a:link, a:visited, a:hover, a:active, a:focus, div, button{ outline: 0px; } a{ text-decoration:none; transition:all .4s; color:#EF7C00; } a:hover, a:focus{ color:#09255C; } a.btn{ display:inline-block; background:#09255C; color:#fff; line-height:56px; border-radius:4px; text-align:center; width:300px; transition:all .4s; margin-top:10px; } a.btn:hover{ background:#EF7C00; } a.intern{ background:url(../../files/umwelt/assets/images/Link.svg) no-repeat top 5px left transparent; background-size: auto 65%; padding: 6px 0px 6px 36px; display:inline-block; } a.intern:hover{ background:url(../../files/umwelt/assets/images/Link-over.svg) no-repeat top 5px left transparent; background-size: auto 65%; } a.cboxElement{ } a[name] { height:0px; padding-top: 100px; margin-top: -100px; display: inline-block; /* required for webkit browsers */ } hr{ border:0; color: #ef7c00; background-color: #ef7c00; height: 1px; margin: 24px 0px 30px 0px; } .ce_image img{ vertical-align:bottom; text-align:center; } #main .ce_text ul, .ui-dialog ul{ padding-left:20px; list-style-type:disc; } #main .ce_text ul li{ } /* Allgemeine Formate */ .clear{clear:both;} .left{float:left !important;} .right{float:right !important;} .textleft{text-align:left !important;} .textright{text-align:right !important;} .textcenter{text-align:center !important;} .error{ color:#ff0000; } /* Contao-Klassen --------------------------------------------------------------------------------------------------------- */ #wrapper{ } #header{ position:fixed; top:0px; width:100%; z-index:900; background:transaprent; transition:all .4s; } #header #logo{ margin-top: 10px; margin-bottom: 20px; } #header #logo img{ width:200px; height:auto; max-width:80%; transition:all .4s; } #header.sticky #logo img{ width:140px; height:auto; } #header #sprache{ padding-top:20px; font-size:12px; line-height:15px; } #header #sprache li{ display:inline-block; } #header #sprache a{ color:#09255C; } #header #sprache a:hover{ color:#EF7C00; } #header #sprache strong{ font-weight:600; color:#7F7F7F; } #header.sticky{ background:#fff; top:-42px; } .sticker .anchor{ } #container{ } #container{ } #main{ } .mod_article .inner{ } #footer{ background:url(../../files/umwelt/assets/images/bg-7F7F7F.png) no-repeat bottom left transparent; background-size: 100% 142px; border-bottom: 67px solid #EF7C00; color:#EF7C00; padding: 60px 0 0px; text-transform:uppercase; } #footer .ce_text, #footer .mod_customnav{ line-height:142px; margin-top:60px; } #footer .mod_customnav ul, #footer .ce_text ul{ margin:0px; } #footer .ce_text li{ display:inline-block; padding-right:20px; } #footer .mod_customnav li{ display:inline-block; padding-left:20px; } #footer .ce_text a{ } #footer .ce_text p{ margin:0px; } #footer a{ color:#fff; } #footer a:hover{ color:#EF7C00; } #footer .inside{ } .image_container{ } .ce_text.teaser{ font-size:18px; line-height:28px; font-style: normal; font-weight: bold; } /* Module ----------------------------------------------------------------------------------------------------------------- */ .border-tl{ border-top-left-radius: 15px; } .border-tr{ border-top-right-radius: 15px; } .border-bl{ border-bottom-left-radius: 15px; } .border-br{ border-bottom-right-radius: 15px; } .con-bilder .ce_image{ margin-left:0 !important; margin-right:0 !important; } .ce_image img{ width:100%; height:auto; } .menu-button{ position:absolute; bottom:15px; right:5px; width:40px; height:40px; background:url(../../files/umwelt/assets/images/ic-ct-burger.svg) no-repeat center transparent; background-size:80% auto; text-indent:-10000px; cursor:pointer; } .ce_gallery.bvte{ } .ce_gallery.bvte li{ width:25%; padding: 0 10px 10px 0; box-sizing:border-box; } .ce_gallery>ul li.col_first{ clear:none !important; } .ce_gallery.bvte img{ vertical-align:middle; } #cboxCurrent{display:none !important;} #cboxTitle{color:#fff;top:-22px;} .mejs__overlay-button{ background:#EF7C00; background: url(../../files/umwelt/assets/images/mejs-controls.svg) no-repeat #EF7C00; background-position: 0 -39px; border:0; border-radius:40px; } #header #logo{ } #hauptnavigation{ overflow:visible; margin-top:16px; transition:all .4s; margin-left:14px !important; margin-right:6px !important; } #hauptnavigation li.suche{ background:url(../../files/umwelt/assets/images/Search.svg) no-repeat center left transparent; background-size: auto 45%; padding-left:8px; margin-left:10px; } #hauptnavigation li.suche:hover, #hauptnavigation li.suche.active, #hauptnavigation li.suche.trail{ background:url(../../files/umwelt/assets/images/Search-over.svg) no-repeat center left transparent; background-size: auto 45%; } #hauptnavigation li.facebook, #hauptnavigation li.twitter, #hauptnavigation li.instagram, #hauptnavigation li.youtube, #hauptnavigation li.linkedin{ width:32px; height:32px; } #hauptnavigation li.facebook{ background:url(../../files/umwelt/assets/images/facebook.svg) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.facebook:hover{ background:url(../../files/umwelt/assets/images/facebook-over.svg) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.twitter{ background:url(../../files/umwelt/assets/images/Twitter.png) no-repeat top 9px center transparent; background-size: auto 60%; } #hauptnavigation li.twitter:hover{ background:url(../../files/umwelt/assets/images/Twitter-over.png) no-repeat top 9px center transparent; background-size: auto 60%; } #hauptnavigation li.instagram{ background:url(../../files/umwelt/assets/images/instagram-logo-blau.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.instagram:hover{ background:url(../../files/umwelt/assets/images/instagram-logo-orange.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.youtube{ background:url(../../files/umwelt/assets/images/youtube-logo-blau.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.youtube:hover{ background:url(../../files/umwelt/assets/images/youtube-logo-orange.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.linkedin{ background:url(../../files/umwelt/assets/images/linkedin.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.linkedin:hover{ background:url(../../files/umwelt/assets/images/linkedin-over.png) no-repeat top 9px center transparent; background-size: auto 55%; } #hauptnavigation li.facebook a, #hauptnavigation li.twitter a, #hauptnavigation li.instagram a, #hauptnavigation li.youtube a, #hauptnavigation li.linkedin a{ width:32px; height:32px; display:block; text-indent:-10000px; padding:0 !important; } #hauptnavigation li.facebook a span, #hauptnavigation li.twitter a span, #hauptnavigation li.instagram a span, #hauptnavigation li.youtube a span, #hauptnavigation li.linkedin a span{ display:none; } .sticky #hauptnavigation{ margin-top:12px; } #hauptnavigation ul.level_1{ float:right; } /* #header .mod_navigation li{ display:inline-block; } #header .mod_navigation li.facebook a { display: inline-block; background: url(../../files/umwelt/assets/images/facebook.svg) no-repeat center transparent; background-size: auto 100%; text-indent: -10000px; width: 32px; height: 32px; margin-top: 5px; } */ #headerbild { position:relative; } #headerbild .ce_image{ margin:0 !important; } #headerbild .ce_text{ position:absolute; width:100%; bottom:12%; } #headerbild .ce_text h1{ } #headerbild .ce_image img{ width:100%; height:auto; } #scrollDown{ position:absolute; top:90%; left:50%; margin-left:-9px; height: 18px; width: 18px; cursor:pointer; } .ce_image.cat-btn, .ce_image.cat-btn .image_container{ position:relative; } .ce_image.cat-btn .image_container .caption{ position:absolute; top:50%; left:0px; margin-top:-26px; width:100%; text-align:center; color: #09255C; font-family: Atrament; font-size: 44px; font-weight: bold; letter-spacing: 0; line-height: 48px; text-transform:uppercase; } .ce_image.cat-btn .image_container .caption a{ color: #09255C !important; } .ce_image.cat-btn:hover .image_container .caption a{ color: #EF7C00 !important; } .ce_accordion { margin-top:10px; margin-bottom:10px; } .ce_accordion .toggler{ position:relative; color: #EF7C00; font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 28px; cursor:pointer; padding-right:40px; transition:all .4s; width:auto; } .ce_accordion .toggler::after{ position:absolute; top:0px; right:0px; font-size:32px; width:28px; text-align:center; content:"+"; } .ce_accordion .toggler.active::after{ content:"-"; } .ce_accordion .toggler:hover{ color: #09255C; } .ce_accordion .toggler.active{ } .ce_accordion .accordion{ padding:20px 80px 20px 0; } /* Layout ----------------------------------------------------------------------------------------------------------------- */ /* Home */ #home{ padding: 200px 0 0 0; } #verantwortung{ background:url(../../files/umwelt/content/01_home/bvte-umwelt-home-verantwortung.jpg) no-repeat center #D8D8D8; background-size:cover; color:#fff; font-weight:600; } #verantwortung h2{ color:#fff; } /* Umwelt */ #umwelt .ce_text{ margin-top:var(--main-cetext-margin-top); } #abfallarten{ background:#D8D8D8; padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0; } #soziale-verantwortung{ background:#F4F4F4; } #einwegplastikartikel{ background:#F4F4F4; padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0; } #hintergrund .ce_text{ margin-top:var(--main-cetext-margin-top); } #soziale-verantwortung .ce_text{ margin-top:var(--main-cetext-margin-top); } /* Fragen & Antworten */ #massnahmen, #zigarette{ background:#F4F4F4; padding: var(--main-article-padding-top) 0 var(--main-article-padding-bottom) 0; } #zigarette .ce_image{ margin-top:20px; } #studienvergleich, #zigaretten{ background:#F4F4F4; padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #entsorgung-von-e-zigaretten{ padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #entsorgung-von-e-zigaretten-bild{ background:#F4F4F4; padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #massnahmen .ce_image .image_container{ position:relative; display:inline-block; } #massnahmen .butts{ position:absolute; display:inline-block; cursor:pointer; /* background:rgba(255,0,255,.5); */ width:25%; height:20%; } #butt-01{ top:6%; left:19%; } #butt-02{ top:6%; right:19%; } #butt-03{ top:38%; right:0%; } #butt-05{ bottom:8%; left:18%; } #butt-04{ bottom:8%; right:18%; } #butt-06{ top:38%; left:0%; } .ui-dialog{ background:#fff; border-radius:15px; width:400px !important; max-width:95%; z-index:90000; } .ui-dialog h3{ text-transform:none; } .ui-dialog .ce_text{ padding: 10px 40px 20px 40px; } .ui-dialog-titlebar{ position:absolute; width:100%; cursor:move; overflow:hidden; height:32px; } .ui-dialog-titlebar button{ position:absolute; top:20px; right:20px; width:16px; height:16px; background:url(../../files/umwelt/assets/images/Close-over.svg) no-repeat center transparent; border:0; background-size:100% auto; cursor:pointer; text-indent:-10000px; } .ui-dialog-titlebar button:hover{ background:url(../../files/umwelt/assets/images/Close.svg) no-repeat center transparent; background-size:100% auto; } body.overlay{ background:#F4F4F4; } .sharebuttons{ position:absolute; top:10px; left:0px; width:100%; text-align:center; z-index:500; } .sharebuttons > ul.theme > li{ float:none; display:inline-block; } .sharebuttons > ul.simpleflat > li > a.download{ background:url(../../files/umwelt/assets/images/download.png) no-repeat center transparent; background-size:100% auto; } #studie, #studie .inner{ position:relative; } .ce_caroufredsel { padding: 60px 80px 0 80px; } .ce_caroufredsel .ce_image{ margin-left:0px !important; margin-right:0px !important; } .ce_caroufredsel .ce_image, .ce_caroufredsel .ce_image img{ /* width:100%; max-width:100%; */ } .caroufredsel_pagi{ text-align:center; padding-top:10px; } .caroufredsel_pagi a{ padding:5px; } .caroufredsel_pagi a.selected{ color:#09255C; } .caroufredsel_skin{ position:relative; } .caroufredsel_controls .caroufredsel_navi{ position:absolute; top:50%; left:0px; width:100%; z-index:9000; } .caroufredsel_controls .caroufredsel_prev{ position:absolute; top:-50%; left:-50px; width:32px; height:32px; margin-top:-16px; background:url(../../files/umwelt/assets/images/left-over.svg) no-repeat center transparent; background-size: auto 100%; text-indent:-10000px; opacity:1; transition:all .5s; } .caroufredsel_controls .caroufredsel_prev:hover{ background:url(../../files/umwelt/assets/images/left.svg) no-repeat center transparent; background-size: auto 100%; } .caroufredsel_controls .caroufredsel_next{ position:absolute; top:-50%; right:-50px; width:32px; height:32px; margin-top:-16px; background:url(../../files/umwelt/assets/images/right-over.svg) no-repeat center transparent; background-size: auto 100%; text-indent:-10000px; opacity:1; transition:all .5s; } .caroufredsel_controls .caroufredsel_next:hover{ background:url(../../files/umwelt/assets/images/right.svg) no-repeat center transparent; background-size: auto 100%; } .overlay .logo-overlay{ position:absolute; top:15px; left:20px; z-index:800; } .overlay .logo-overlay img{ width:120px; height:auto; } /* Kampagne */ #formular{ background:#F4F4F4; } #initiativen{ background:#D8D8D8; } #formular .ce_form{ margin-top:var(--main-cetext-margin-h2-top); } #kampagnevideo{ background:#D8D8D8; padding: var(--main-article-padding-top) 0 0 0; } #fragen-antworten .ce_text.teaser{ margin-top:var(--main-cetext-margin-top); margin-bottom:var(--main-cetext-margin-top); } #filter .ce_text.first{ margin-top:var(--main-cetext-margin-h2-top); } #fragen-antworten-2 .ce_accordion.first, #fragen-antworten-3 .ce_accordion.first{ margin-top:var(--main-cetext-margin-top); } /* Über uns */ #mitglieder{ background:#F4F4F4; padding: var(--main-article-padding-h2-top) 0 var(--main-article-padding-bottom) 0; } #mitglieder .ce_gallery{ border-radius:15px; background:#fff; } #mitglieder .ce_gallery li{ width:33%; text-align:center; padding-top:10px; padding-bottom:10px; } #mitglieder .ce_gallery li img{ max-width:60%; height:auto; } #ueber-uns .ce_text{ margin-top:var(--main-cetext-margin-top); } #partner .ce_text.first{ margin-top:var(--main-cetext-margin-h2-top); } /* Suche */ #suche{ margin-top:145px; background:#F4F4F4; padding: 62px 0 var(--main-article-padding-bottom) 0; } .mod_search h3{ color:#EF7C00; } .mod_search p.header{ font-size:10px; line-height:18px; margin-bottom:48px; } .mod_search .highlight{ background:transparent; text-decoration:underline; text-decoration-color:#EF7C00; } /* Impressum & Datenschutz */ #impressum, #datenschutz, #bestellung{ margin-top:145px; background:#F4F4F4; padding: 62px 0 var(--main-article-padding-bottom) 0; } /* montserrat-300 - latin */ @font-face { font-family: 'Atrament'; font-style: normal; font-weight: bold; src: url('../../files/umwelt/assets/fonts/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/font.woff') format('woff'); /* Modern Browsers */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light'), local('Montserrat-Light'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* noto-serif-regular - latin */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Noto Serif'), local('NotoSerif'), url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /* noto-serif-700 - latin */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 700; src: url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.eot'); /* IE9 Compat Modes */ src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/umwelt/assets/fonts/noto-serif-v6-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /*! * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ /** * Since fieldset borders are removed in the reset style sheet, adjust the * legends accordingly */ legend { width:100%; display:block; border:0; } ::placeholder { color: #09255C; } /** * Text fields and textareas */ input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),textarea { width:100%; display:inline-block; padding:15px 10px; background:url(../../files/umwelt/assets/images/Check-over.svg) no-repeat center right 20px transparent; background-size: auto 40%; border:1px solid #09255C; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all .15s linear; -webkit-transition:all .15s linear; -o-transition:all .15s linear; transition:all .15s linear; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus, input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus { } input[type="search"]{ background:#fff; } textarea{ background:transparent; } /** * Fix some width and height settings */ input[type="file"] { cursor:pointer; } select,input[type="file"] { display:block; } form button,input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] { width:auto; } textarea,select[multiple],select[size] { height:auto; } /** * Checkboxes and radio buttons */ input[type="radio"],input[type="checkbox"] { margin:0 3px 0 0; } input[type="radio"],input[type="checkbox"],label { vertical-align:middle; } /** * Handle disabled and read-only */ input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] { cursor:not-allowed; background:#eee; } input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] { background:transparent; } /** * Buttons */ .widget-submit{ padding-top:20px; } form button,input[type="submit"],.button { display:inline-block; background:#09255C; color:#fff; line-height:56px; border-radius:4px; text-align:center; width:300px; transition:all .4s; margin-top:10px; cursor:pointer; border:0; } form button:hover,input[type="submit"]:hover,.button:hover { background:#EF7C00; } form button:active,input[type="submit"]:active,.button:active { background:#EF7C00; } /** * Blue buttons */ form button.blue,input[type="submit"].blue,.button.blue { background-color:#2f96b4; background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4); background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4); background-image:-o-linear-gradient(top, #5bc0de, #2f96b4); background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); border-color:#2f96b4; color:#fff; } form button.blue:active,input[type="submit"].blue:active,.button.blue:active { background-color:#2e95b3; } /** * Green buttons */ form button.green,input[type="submit"].green,.button.green { background-color:#51a351; background-image:-moz-linear-gradient(top, #62c462, #51a351); background-image:-webkit-linear-gradient(top, #62c462, #51a351); background-image:-ms-linear-gradient(top, #62c462, #51a351); background-image:-o-linear-gradient(top, #62c462, #51a351); background-image:linear-gradient(to bottom, #62c462, #51a351); border-color:#51a351; color:#fff; } form button.green:active,input[type="submit"].green:active,.button.green:active { background-color:#4f9f4f; } /** * Orange buttons */ form button.orange,input[type="submit"].orange,.button.orange { background-color:#f89406; background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-ms-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); border-color:#f89406; color:#fff; } form button.orange:active,input[type="submit"].orange:active,.button.orange:active { background-color:#f28f04; } /** * Red buttons */ form button.red,input[type="submit"].red,.button.red { background-color:#bd362f; background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f); background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f); background-image:-o-linear-gradient(top, #ee5f5b, #bd362f); background-image:linear-gradient(to bottom, #ee5f5b, #bd362f); border-color:#bd362f; color:#fff; } form button.red:active,input[type="submit"].red:active,.button.red:active { background-color:#be322b; } /** * Basic form layout */ .widget { margin-bottom:12px; } .widget > label { display:block; margin-bottom:6px; } /** * Inline form layout */ .inline-form .widget { display:inline-block; margin-bottom:0; vertical-align:middle; } /** * Horizontal form layout */ .horizontal-form .widget:after { content:""; display:table; clear:both; } .horizontal-form .widget > label { width:20%; float:left; padding:3px 2% 0 0; text-align:right; } .horizontal-form .widget > input,.horizontal-form .widget > textarea { width:78%; float:left; } .horizontal-form .widget > fieldset { margin-left:20%; } /* ----------------------------------------------------------------------------------------------------------------- */ .ce_form .explanation.first{ margin-bottom:40px; } .ce_form .explanation.interesse{ color:#EF7C00; margin-top:20px; } .ce_form .explanation.pflicht{ color: #A6A6A6; font-size: 14px; font-weight: 600; letter-spacing: 0.43px; line-height: 22px; } .widget-checkbox { font-size: 10px; font-weight: 600; letter-spacing: 0.17px; line-height: 18px; } .widget-checkbox.umwelt { font-size: 14px; line-height: 22px; } .widget-checkbox.umwelt label{ cursor:pointer; } input:placeholder-shown { border: 1px solid #b5bdce; background:url(../../files/umwelt/assets/images/Check.svg) no-repeat center right -60px transparent; background-size: auto 40%; } textarea:placeholder-shown { border: 1px solid #b5bdce; } input:placeholder-shown:focus { border: 1px solid #EF7C00; } [type="checkbox"] { position: relative; left: 15px; top: 0px; z-index: 0; -webkit-appearance: none; } [type="checkbox"] + label { position: absolute; max-width:460px; line-height:normal; height:auto; } [type="checkbox"] + label::before { width: 15px; height: 15px; border-radius: 5px; border: 1px solid #b5bdce; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; margin-bottom: 10px; z-index: 5; position: relative; } [type="checkbox"]:checked + label::before { border: 1px solid #09255C; } [type="checkbox"]:checked+label::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #EF7C00; } #mobilemenu{ text-transform:uppercase; text-align:center; /* position:relative; */ background:#fff; opacity:0; } .mm-wrapper_opened #mobilemenu{ opacity:1; } #mobilemenu .mobile-logo{ display:block; margin: 20px auto; margin-top:50px; width:140px; height:auto; max-width:90%; } #mobilemenu .mobile-close{ position:absolute; top:53px; right:20px; padding:5px; } #mm-0 .mm-navbar{ display:none; } /* .mm-navbar{ display:none !important; } */ .mm-menu .active a{ color:#EF7C00; } .mm-menu li.submenu{ position:relative; margin-bottom:10px; height:44px; } .mm-menu li.submenu a.mm-btn{ position:absolute; top:0; right:7px; height:44px; } .mm-menu li.submenu.mm-listitem_selected a.mm-btn{ width:100%; padding-right:0 !important; color:#EF7C00 !important; } .mm-panels{ height:auto !important; } .mm-btn:after, .mm-btn:before{ border:2px solid #EF7C00 !important; border-bottom:none !important; border-right:none !important; } .mm-menu li.facebook.mm-listitem{ width:50%; float:left; background:url(../../files/umwelt/assets/images/facebook.svg) no-repeat top 9px right 10px transparent; background-size: auto 55%; margin-top:20px; } .mm-menu li.twitter.mm-listitem{ width:50%; float:left; background:url(../../files/umwelt/assets/images/Twitter.svg) no-repeat top 9px left 10px transparent; background-size: auto 55%; margin-top:20px; } .mm-menu li.facebook.mm-listitem a, .mm-menu li.twitter.mm-listitem a{ text-indent:-10000px; } .mm-panels{ margin-top:20px; } #mobilemenu .mod_changelanguage{ position:absolute; top:10px; left:0px; z-index:9; font-size:12px; line-height:normal; width:100%; text-align:center; font-weight:600; } #mobilemenu .mod_changelanguage strong{ font-weight:600; color:#D8D8D8; } #mobilemenu .mod_changelanguage li{ display:inline-block; padding:5px; } /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */ .mm-menu_theme-white { --mm-color-border: rgba(0, 0, 0, 0.1); --mm-color-button: rgba(0, 0, 0, 0.3); --mm-color-text: rgba(0, 0, 0, 0.7); --mm-color-text-dimmed: rgba(0, 0, 0, 0.3); --mm-color-background: #fff; --mm-color-background-highlight: rgba(0, 0, 0, 0.06); --mm-color-background-emphasis: rgba(0, 0, 0, 0.03); --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu_theme-dark { --mm-color-border: rgba(0, 0, 0, 0.3); --mm-color-button: rgba(255, 255, 255, 0.4); --mm-color-text: rgba(255, 255, 255, 0.85); --mm-color-text-dimmed: rgba(255, 255, 255, 0.4); --mm-color-background: #333; --mm-color-background-highlight: rgba(255, 255, 255, 0.08); --mm-color-background-emphasis: rgba(0, 0, 0, 0.1); --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu_theme-black { --mm-color-border: rgba(255, 255, 255, 0.25); --mm-color-button: rgba(255, 255, 255, 0.4); --mm-color-text: rgba(255, 255, 255, 0.75); --mm-color-text-dimmed: rgba(255, 255, 255, 0.4); --mm-color-background: #000; --mm-color-background-highlight: rgba(255, 255, 255, 0.2); --mm-color-background-emphasis: rgba(255, 255, 255, 0.15); --mm-shadow: none; } :root { --mm-line-height: 20px; --mm-listitem-size: 44px; --mm-navbar-size: 44px; --mm-offset-top: 0; --mm-offset-right: 0; --mm-offset-bottom: 0; --mm-offset-left: 0; --mm-color-border: #fff; --mm-color-button: #09255C; --mm-color-text: #09255C; --mm-color-text-dimmed: #09255C; --mm-color-background: #fff; --mm-color-background-highlight: #fff; --mm-color-background-emphasis: #fff; --mm-shadow: 0 0 10px rgba(0, 0, 0, 0); } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { top: 0; right: 0; bottom: 0; left: 0; background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); line-height: 20px; 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; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: var(--mm-offset-top); right: var(--mm-offset-right); bottom: var(--mm-offset-bottom); left: var(--mm-offset-left); z-index: 0; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); line-height: var(--mm-line-height); -webkit-tap-highlight-color: var(--mm-color-background-emphasis); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { text-decoration: none; color: inherit; } [dir="rtl"] .mm-menu { direction: rtl; } .mm-panel { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .mm-panel:after { height: 44px; } .mm-panel:not(.mm-hidden) { display: block; } .mm-panel:after { content: ""; display: block; height: var(--mm-listitem-size); } .mm-panel_opened { z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel_opened-parent { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel_highest { z-index: 2; } .mm-panel_noanimation { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .mm-panel_noanimation.mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panels > .mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .mm-panel__content { padding: 20px 20px 0; } .mm-panels { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); position: relative; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); } [dir="rtl"] .mm-panel:not(.mm-panel_opened) { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [dir="rtl"] .mm-panel.mm-panel_opened-parent { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .mm-listitem_vertical > .mm-panel { display: none; width: 100%; padding: 10px 0 10px 10px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before { content: none; display: none; } .mm-listitem_opened > .mm-panel { display: block; } .mm-listitem_vertical > .mm-listitem__btn { height: 44px; 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; } .mm-btn { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50px; padding: 0; } .mm-btn:after, .mm-btn:before { border: 2px solid rgba(0, 0, 0, 0.3); border: 2px solid var(--mm-color-button); } .mm-btn_next:after, .mm-btn_prev:before { content: ""; border-bottom: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-btn_prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-btn_next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-btn_close:after, .mm-btn_close:before { content: ""; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px; } .mm-btn_close:after { border-left: none; border-top: none; right: 25px; } [dir="rtl"] .mm-btn_next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } [dir="rtl"] .mm-btn_prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } [dir="rtl"] .mm-btn_close:after, [dir="rtl"] .mm-btn_close:before { right: auto; } [dir="rtl"] .mm-btn_close:before { left: 25px; } [dir="rtl"] .mm-btn_close:after { left: 18px; } .mm-navbar { min-height: 44px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: #f3f3f3; color: rgba(0, 0, 0, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; min-height: var(--mm-navbar-size); border-bottom: 1px solid var(--mm-color-border); background: var(--mm-color-background); color: var(--mm-color-text-dimmed); text-align: center; opacity: 1; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-navbar > * { min-height: 44px; } @supports ((position: -webkit-sticky) or (position: sticky)) { .mm-navbar_sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 1; } } .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-left: 20px; padding-right: 20px; overflow: hidden; } .mm-navbar__title:not(:last-child) { padding-right: 0; } .mm-navbar__title > span { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title { padding-left: 0; } .mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child { padding-right: 50px; } [dir="rtl"] .mm-navbar { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .mm-listview { list-style: none; display: block; padding: 0; margin: 0; } .mm-listitem { color: rgba(0, 0, 0, 0.75); border-color: rgba(0, 0, 0, 0.1); color: var(--mm-color-text); border-color: var(--mm-color-border); list-style: none; display: block; padding: 0; margin: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mm-listitem:after { content: ""; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 20px; right: 0; bottom: 0; } .mm-listitem a, .mm-listitem a:hover { text-decoration: none; } .mm-listitem__btn, .mm-listitem__text { padding: 12px; display: block; padding: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2); padding-left: 0; padding-right: 0; color: inherit; } .mm-listitem__text { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 10px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 10%; flex-basis: 10%; } .mm-listitem__btn { background: rgba(3, 2, 1, 0); border-color: inherit; width: auto; padding-right: 50px; position: relative; } .mm-listitem__btn:not(.mm-listitem__text) { border-left-width: 1px; border-left-style: solid; } .mm-listitem_selected > .mm-listitem__text { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel { background: rgba(0, 0, 0, 0.05); background: var(--mm-color-background-highlight); } [dir="rtl"] .mm-listitem:after { left: 0; right: 20px; } [dir="rtl"] .mm-listitem__text { padding-left: 10px; padding-right: 20px; } [dir="rtl"] .mm-listitem__btn { padding-left: 50px; border-left-width: 0; border-left-style: none; } [dir="rtl"] .mm-listitem__btn:not(.mm-listitem__text) { padding-right: 0; border-right-width: 1px; border-right-style: solid; } .mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 1; } .mm-wrapper_opened { overflow-x: hidden; position: relative; } .mm-wrapper_opened .mm-page { min-height: 100vh; } .mm-wrapper_background .mm-page { background: inherit; } .mm-menu_offcanvas { position: fixed; right: auto; z-index: 0; } .mm-menu_offcanvas:not(.mm-menu_opened) { display: none; } .mm-menu_offcanvas { width: 80%; min-width: 240px; max-width: 440px; } .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-wrapper__blocker { background: rgba(3, 2, 1, 0); overflow: hidden; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .mm-wrapper_blocking { overflow: hidden; } .mm-wrapper_blocking body { overflow: hidden; } .mm-wrapper_blocking .mm-wrapper__blocker { display: block; } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } .mm-menu_autoheight:not(.mm-menu_offcanvas) { position: relative; } .mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top { max-height: 80%; } .mm-menu_autoheight-measuring .mm-panel { display: block !important; } .mm-menu_autoheight-measuring .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } .mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel { display: none !important; } [class*="mm-menu_columns-"] { -webkit-transition-property: width; -o-transition-property: width; transition-property: width; } [class*="mm-menu_columns-"] .mm-panels > .mm-panel { right: auto; -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; } [class*="mm-menu_columns-"] .mm-panels > .mm-panel_opened, [class*="mm-menu_columns-"] .mm-panels > .mm-panel_opened-parent { display: block !important; } [class*="mm-panel_columns-"] { border-right: 1px solid; border-color: inherit; } .mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 { border-right: none; } [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu_columns-0 .mm-panels > .mm-panel { z-index: 0; } .mm-menu_columns-0 .mm-panels > .mm-panel else { width: 100%; } .mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu_columns-0 { width: 80%; min-width: 240px; max-width: 0; } .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 0px) { .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media all and (min-width: 0px) { .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-1 { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu_columns-1 .mm-panels > .mm-panel { z-index: 1; width: 100%; } .mm-menu_columns-1 .mm-panels > .mm-panel else { width: 100%; } .mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu_columns-1 { width: 80%; min-width: 240px; max-width: 440px; } .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-2 { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu_columns-2 .mm-panels > .mm-panel { z-index: 2; width: 50%; } .mm-menu_columns-2 .mm-panels > .mm-panel else { width: 100%; } .mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu_columns-2 { width: 80%; min-width: 240px; max-width: 880px; } .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 1100px) { .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout { -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0); } } .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media all and (min-width: 1100px) { .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0); } } [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-3 { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu_columns-3 .mm-panels > .mm-panel { z-index: 3; width: 33.34%; } .mm-menu_columns-3 .mm-panels > .mm-panel else { width: 100%; } .mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu_columns-3 { width: 80%; min-width: 240px; max-width: 1320px; } .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 1650px) { .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout { -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0); } } .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media all and (min-width: 1650px) { .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0); } } [class*="mm-menu_columns-"] .mm-panels > .mm-panel_columns-4 { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu_columns-4 .mm-panels > .mm-panel { z-index: 4; width: 25%; } .mm-menu_columns-4 .mm-panels > .mm-panel else { width: 100%; } .mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu_columns-4 { width: 80%; min-width: 240px; max-width: 1760px; } .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 2200px) { .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout { -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0); } } .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media all and (min-width: 2200px) { .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0); } } [class*="mm-menu_columns-"].mm-menu_position-bottom, [class*="mm-menu_columns-"].mm-menu_position-top { width: 100%; max-width: 100%; min-width: 100%; } .mm-wrapper_opening [class*="mm-menu_columns-"].mm-menu_position-front { -webkit-transition-property: width, min-width, max-width, -webkit-transform; transition-property: width, min-width, max-width, -webkit-transform; -o-transition-property: width, min-width, max-width, transform; transition-property: width, min-width, max-width, transform; transition-property: width, min-width, max-width, transform, -webkit-transform; } .mm-counter { color: rgba(0, 0, 0, 0.3); display: block; padding-left: 20px; float: right; text-align: right; color: var(--mm-color-text-dimmed); } .mm-listitem_nosubitems > .mm-counter { display: none; } [dir="rtl"] .mm-counter { text-align: left; float: left; padding-left: 0; padding-right: 20px; } .mm-divider { position: relative; min-height: 20px; padding: 4.3px; background: #f3f3f3; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-height: var(--mm-line-height); padding: calc(((var(--mm-listitem-size) * 0.65) - var(--mm-line-height)) * 0.5); padding-right: 10px; padding-left: 20px; font-size: 75%; text-transform: uppercase; background: var(--mm-color-background); opacity: 1; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-divider:before { background: rgba(0, 0, 0, 0.05); } @supports ((position: -webkit-sticky) or (position: sticky)) { .mm-divider { position: -webkit-sticky; position: sticky; z-index: 2; top: 0; } .mm-navbar_sticky:not(.mm-hidden) ~ .mm-listview .mm-divider { top: var(--mm-navbar-size); } } .mm-divider:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--mm-color-background-highlight); } .mm-wrapper_dragging .mm-menu, .mm-wrapper_dragging .mm-slideout { -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .mm-wrapper_dragging .mm-menu { pointer-events: none !important; } .mm-wrapper_dragging .mm-wrapper__blocker { display: none !important; } .mm-menu_dropdown { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; } .mm-wrapper_dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } .mm-wrapper_dropdown .mm-wrapper__blocker { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } .mm-wrapper_dropdown .mm-menu_dropdown { z-index: 2; } .mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown { display: none; } .mm-menu_tip-bottom:before, .mm-menu_tip-left:before, .mm-menu_tip-right:before, .mm-menu_tip-top:before { content: ""; background: inherit; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: block; width: 15px; height: 15px; position: absolute; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu_tip-left:before { left: 22px; } .mm-menu_tip-right:before { right: 22px; } .mm-menu_tip-top:before { top: -8px; } .mm-menu_tip-bottom:before { bottom: -8px; } :root { --mm-iconbar-size: 50px; } .mm-menu_iconbar-left .mm-navbars_bottom, .mm-menu_iconbar-left .mm-navbars_top, .mm-menu_iconbar-left .mm-panels { margin-left: 50px; margin-left: var(--mm-iconbar-size); } .mm-menu_iconbar-left .mm-iconbar { border-right-width: 1px; display: block; left: 0; } .mm-menu_iconbar-right .mm-navbars_bottom, .mm-menu_iconbar-right .mm-navbars_top, .mm-menu_iconbar-right .mm-panels { margin-right: 50px; margin-right: var(--mm-iconbar-size); } .mm-menu_iconbar-right .mm-iconbar { border-left-width: 1px; display: block; right: 0; } .mm-iconbar { width: 50px; border-color: rgba(0, 0, 0, 0.1); background: #f3f3f3; color: rgba(0, 0, 0, 0.3); display: none; width: var(--mm-iconbar-size); overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; bottom: 0; z-index: 2; border: 0 solid; border-color: var(--mm-color-border); background: var(--mm-color-background); color: var(--mm-color-text-dimmed); text-align: center; } .mm-iconbar__bottom, .mm-iconbar__top { width: inherit; position: absolute; } .mm-iconbar__bottom > *, .mm-iconbar__top > * { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 12.5px 0; } .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover { text-decoration: none; } .mm-iconbar__top { top: 0; } .mm-iconbar__bottom { bottom: 0; } .mm-iconbar__tab_selected { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } :root { --mm-iconpanel-size: 50px; } .mm-panel_iconpanel-1 { width: calc(100% - 50px); width: calc(100% - (var(--mm-iconpanel-size) * 1)); } .mm-panel_iconpanel-2 { width: calc(100% - 100px); width: calc(100% - (var(--mm-iconpanel-size) * 2)); } .mm-panel_iconpanel-3 { width: calc(100% - 150px); width: calc(100% - (var(--mm-iconpanel-size) * 3)); } .mm-panel_iconpanel-first ~ .mm-panel { width: calc(100% - 50px); width: calc(100% - var(--mm-iconpanel-size)); } .mm-menu_iconpanel .mm-panels > .mm-panel { left: auto; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform; } .mm-menu_iconpanel .mm-panels > .mm-panel_opened, .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent { display: block !important; } .mm-menu_iconpanel .mm-panels > .mm-panel_opened-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-left-width: 1px; border-left-style: solid; } .mm-menu_hidedivider .mm-panel_opened-parent .mm-divider, .mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar { opacity: 0; } .mm-panel__blocker { background: inherit; opacity: 0; display: block; position: absolute; top: 0; right: 0; left: 0; z-index: 3; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-panel_opened-parent .mm-panel__blocker { opacity: 0.6; bottom: -100000px; } [dir="rtl"] .mm-menu_iconpanel .mm-panels > .mm-panel { left: 0; right: auto; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform; } [dir="rtl"] .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) { border-left: none; border-right: 1px solid; border-color: inherit; } .mm-menu_keyboardfocus a:focus, .mm-menu_keyboardfocus.mm-menu_opened ~ .mm-wrapper__blocker a:focus { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); outline: 0; } .mm-wrapper__blocker .mm-tabstart { cursor: default; display: block; width: 100%; height: 100%; } .mm-wrapper__blocker .mm-tabend { opacity: 0; position: absolute; bottom: 0; } .mm-navbars_top { -ms-flex-negative: 0; flex-shrink: 0; } .mm-navbars_top .mm-navbar:not(:last-child) { border-bottom: none; } .mm-navbars_bottom { -ms-flex-negative: 0; flex-shrink: 0; } .mm-navbars_bottom .mm-navbar { border-bottom: none; } .mm-navbars_bottom .mm-navbar:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid var(--mm-color-border); } .mm-btn:not(.mm-hidden) + .mm-navbar__searchfield .mm-searchfield__input { padding-left: 0; } .mm-navbar__searchfield:not(:last-child) .mm-searchfield__input { padding-right: 0; } .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; padding-right: 6px; } .mm-navbar__breadcrumbs > a { text-decoration: underline; } .mm-navbar__breadcrumbs:not(:last-child) { padding-right: 0; } .mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs { padding-left: 0; } .mm-navbar_tabs > * { padding: 0 10px; border: 1px solid transparent; } .mm-navbar__tab_selected { background: #f3f3f3; color: rgba(0, 0, 0, 0.75); background: var(--mm-color-background); color: var(--mm-color-text); } .mm-navbar__tab_selected:not(:first-child) { border-left-color: rgba(0, 0, 0, 0.1); } .mm-navbar__tab_selected:not(:last-child) { border-right-color: rgba(0, 0, 0, 0.1); } .mm-navbar__tab_selected:not(:first-child) { border-left-color: var(--mm-color-border); } .mm-navbar__tab_selected:not(:last-child) { border-right-color: var(--mm-color-border); } .mm-navbars_top .mm-navbar_tabs { border-bottom: none; } .mm-navbars_top .mm-navbar_tabs > * { border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-color: var(--mm-color-border); } .mm-navbars_top .mm-navbar__tab_selected { border-top-color: rgba(0, 0, 0, 0.1); border-top-color: var(--mm-color-border); border-bottom-color: transparent; } .mm-navbars_top.mm-navbars_has-tabs .mm-navbar { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } .mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar { background: #f3f3f3; background: var(--mm-color-background); } .mm-navbars_bottom .mm-navbar_tabs:first-child { border-top: none; } .mm-navbars_bottom .mm-navbar_tabs > * { border-top-color: rgba(0, 0, 0, 0.1); border-top-color: var(--mm-color-border); } .mm-navbars_bottom .mm-navbar__tab_selected { border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-color: var(--mm-color-border); border-top-color: transparent; } .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar { background: #f3f3f3; background: var(--mm-color-background); } .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs, .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } .mm-searchfield { height: 44px; 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 { height: 30.8px; line-height: 30.8px; } .mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.75); } .mm-searchfield input { display: block; width: 100%; max-width: 100%; height: calc(var(--mm-navbar-size) * 0.7); min-height: unset; max-height: unset; margin: 0; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none !important; border-radius: 4px; line-height: calc(var(--mm-navbar-size) * 0.7); -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0 !important; font: inherit; font-size: inherit; } .mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover { background: var(--mm-color-background-highlight); color: var(--mm-color-text); } .mm-searchfield input::-ms-clear { display: none; } .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-panel__noresultsmsg { color: rgba(0, 0, 0, 0.3); padding: 50px 0; color: var(--mm-color-text-dimmed); text-align: center; font-size: 150%; } .mm-searchfield__btn { position: absolute; right: 0; top: 0; bottom: 0; } .mm-panel_search { left: 0 !important; right: 0 !important; width: 100% !important; border-left: none !important; } .mm-searchfield__cancel { line-height: 44px; display: block; padding-right: 10px; margin-right: -100px; line-height: var(--mm-navbar-size); text-decoration: none; -webkit-transition: margin 0.4s ease; -o-transition: margin 0.4s ease; transition: margin 0.4s ease; } .mm-searchfield__cancel-active { margin-right: 0; } .mm-listitem_nosubitems > .mm-listitem__btn { display: none; } .mm-listitem_nosubitems > .mm-listitem__text { padding-right: 10px; } .mm-listitem_onlysubitems > .mm-listitem__text:not(.mm-listitem__btn) { z-index: -1; pointer-events: none; } .mm-sectionindexer { background: inherit; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -20px; z-index: 5; -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; 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: rgba(0, 0, 0, 0.3); color: var(--mm-color-text-dimmed); line-height: 1; text-decoration: none; display: block; } .mm-sectionindexer ~ .mm-panel { padding-right: 0; } .mm-sectionindexer_active { right: 0; } .mm-sectionindexer_active ~ .mm-panel { padding-right: 20px; } .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: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } .mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > .mm-listitem__text { background: 0 0; } .mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } .mm-menu_selected-parent .mm-panel_opened-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: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } :root { --mm-sidebar-collapsed-size: 50px; --mm-sidebar-expanded-size: 440px; } .mm-wrapper_sidebar-collapsed body, .mm-wrapper_sidebar-expanded body { position: relative; } .mm-wrapper_sidebar-collapsed .mm-slideout, .mm-wrapper_sidebar-expanded .mm-slideout { -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_sidebar-collapsed .mm-page, .mm-wrapper_sidebar-expanded .mm-page { background: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; } .mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed, .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important; } .mm-wrapper_sidebar-collapsed .mm-slideout { width: calc(100% - 50px); -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); 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); } .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider, .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar { opacity: 0; } .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded { width: 440px; width: var(--mm-sidebar-expanded-size); min-width: 0 !important; max-width: 100000px !important; border-right-width: 1px; border-right-style: solid; } .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after { content: none; display: none; } .mm-wrapper_sidebar-expanded.mm-wrapper_blocking, .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body { overflow: visible; } .mm-wrapper_sidebar-expanded .mm-wrapper__blocker { display: none !important; } .mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout { width: calc(100% - 440px); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); 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); } .mm-menu__blocker { background: rgba(3, 2, 1, 0); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; } .mm-menu_opened .mm-menu__blocker { display: none; } [dir="rtl"].mm-wrapper_sidebar-collapsed .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [dir="rtl"].mm-wrapper_sidebar-expanded .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [dir="rtl"].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } input.mm-toggle { margin-top: 5px; background: rgba(0, 0, 0, 0.1); display: inline-block; min-width: 58px; width: 58px; height: 34px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 34px) / 2); border: none !important; background: var(--mm-color-border); border-radius: 34px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer; -webkit-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } input.mm-toggle:before { background: #f3f3f3; } input.mm-toggle:before { content: ""; display: block; width: 32px; height: 32px; margin: 1px; border-radius: 34px; background: var(--mm-color-background); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; -o-transition: transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } input.mm-toggle:checked { background: #4bd963; } input.mm-toggle:checked:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px); } input.mm-check { margin-top: 2px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: none !important; background: 0 0 !important; cursor: pointer; display: inline-block; width: 40px; height: 40px; margin: 0 10px; margin-top: calc((var(--mm-listitem-size) - 40px) / 2); } input.mm-check:before { content: ""; display: block; width: 40%; height: 20%; margin: 25% 0 0 20%; border-left: 3px solid; border-bottom: 3px solid; border-color: var(--mm-color-text); opacity: 0.3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } input.mm-check:checked:before { opacity: 1; } [dir="rtl"] input.mm-toggle:checked ~ label.mm-toggle:before { float: left; } .mm-menu_border-none .mm-listitem:after { content: none; } .mm-menu_border-full .mm-listitem:after { left: 0 !important; } .mm-menu_fx-menu-slide { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .mm-wrapper_opened .mm-menu_fx-menu-slide { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-wrapper_opening .mm-menu_fx-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none { -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu_fx-panels-slide-0 .mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu_fx-panels-slide-100 .mm-panel_opened-parent { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu_fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout { -webkit-transform: translate3d(100vw, 0, 0); transform: translate3d(100vw, 0, 0); } @media all and (max-width: 140px) { .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 10000px) { .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout { -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0); } } .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-100vw, 0, 0); transform: translate3d(-100vw, 0, 0); } @media all and (max-width: 140px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 10000px) { .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0); } } .mm-menu_fullscreen.mm-menu_position-top { height: 100vh; min-height: 140px; max-height: 10000px; } .mm-menu_fullscreen.mm-menu_position-bottom { height: 100vh; min-height: 140px; max-height: 10000px; } .mm-menu_listview-justify .mm-panels > .mm-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mm-menu_listview-justify .mm-panels > .mm-panel:after { content: none; display: none; } .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0; } .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 50px; } .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem__text { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mm-listview_inset { list-style: inside disc; width: 100%; padding: 0 30px 15px 30px; margin: 0; } .mm-listview_inset .mm-listitem { padding: 5px 0; } .mm-menu_multiline .mm-listitem__text { -o-text-overflow: clip; text-overflow: clip; white-space: normal; } [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-wrapper__blocker { opacity: 0; } .mm-wrapper_opening [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-wrapper__blocker { opacity: 0.3; -webkit-transition: opacity 0.4s ease 0.4s; -o-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s; } .mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker { background: inherit; } .mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker { background: #000; } .mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker { background: #fff; } .mm-menu_popup { -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; opacity: 0; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .mm-menu_popup.mm-menu_opened ~ .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } .mm-menu_popup.mm-menu_opened ~ .mm-wrapper__blocker { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } .mm-wrapper_opening .mm-menu_popup { opacity: 1; } .mm-menu_position-right { left: auto; right: 0; } .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } .mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened { z-index: 2; } .mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } .mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker { z-index: 1; } .mm-menu_position-front { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu_position-front.mm-menu_position-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu_position-bottom, .mm-menu_position-top { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu_position-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu_position-top { height: 80vh; min-height: 140px; max-height: 880px; } .mm-menu_position-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; } .mm-menu_position-bottom { height: 80vh; min-height: 140px; max-height: 880px; } .mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu_shadow-page:after { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow); } .mm-menu_shadow-page.mm-menu_position-right:after { left: auto; right: 100%; -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); } .mm-menu_shadow-page.mm-menu_position-front:after { content: none; display: none; } .mm-menu_shadow-menu { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow); } .mm-menu_shadow-panels .mm-panels > .mm-panel { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: var(--mm-shadow); box-shadow: var(--mm-shadow); } .mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview { margin: 0 !important; } .mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after { content: ""; display: block; clear: both; } .mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem { padding: 0; float: left; position: relative; width: 50%; height: 0; padding-top: 50%; } .mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu_tileview .mm-listitem__text, .mm-panel_tileview .mm-listitem__text { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu_tileview .mm-listitem__btn, .mm-panel_tileview .mm-listitem__btn { width: auto; } .mm-menu_tileview .mm-listitem__btn:after, .mm-menu_tileview .mm-listitem__btn:before, .mm-panel_tileview .mm-listitem__btn:after, .mm-panel_tileview .mm-listitem__btn:before { content: none; display: none; } .mm-menu_tileview .mm-divider, .mm-panel_tileview .mm-divider { display: none; } .mm-menu_tileview .mm-panel, .mm-panel_tileview { padding-left: 0; padding-right: 0; } .mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview:after, .mm-panel_tileview:before { content: none; display: none; } body.modal-open .mm-slideout { z-index: unset; }