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%} /*! * 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:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.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,.1);color:rgba(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,.1);color:rgba(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 .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .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,.1);color:rgba(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,.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,.1);background:#f3f3f3;color:rgba(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 .4s ease;-o-transition:opacity .4s ease;transition:opacity .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,.75);border-color:rgba(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:20px;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,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(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 .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .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,.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) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(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,.3);box-shadow:0 2px 10px rgba(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,.3);box-shadow:0 2px 10px rgba(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,.1);background:#f3f3f3;color:rgba(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,.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 .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.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,.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,.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,.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,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(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,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(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,.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,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(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,.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,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .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) * .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,.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 .4s ease;-o-transition:margin .4s ease;transition:margin .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 .4s ease;-o-transition:right .4s ease;transition:right .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,.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 .4s ease;-o-transition:background-color .4s ease;transition:background-color .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,.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,.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,.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 .2s ease;-o-transition:background-color .2s ease;transition:background-color .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 .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .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:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .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 .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .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:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .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 .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(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 .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .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,.3);box-shadow:0 0 10px rgba(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,.3);box-shadow:0 0 10px rgba(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,.3);box-shadow:0 0 10px rgba(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} #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} /* truecolour-header.css - START */ body { overflow-x: hidden; } #header { width: 100%; height: 100px; position: fixed; top: 0; left: 0; background: #fff; /*background: #eae3dd; <- braun*/ z-index: 10; box-shadow: 0 10px 12px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 12px 0px rgba(0,0,0,.2); /* -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition: background-color .8s cubic-bezier(.36, .64, .23, .94), padding .2s ease-in-out, height .2s ease-in-out, -webkit-box-shadow .2s cubic-bezier(.36, .64, .23, .94), -webkit-transform .2s cubic-bezier(.36, .64, .23, .94) .2s; transition: background-color .8s cubic-bezier(.36, .64, .23, .94), padding .2s ease-in-out, height .2s ease-in-out, -webkit-box-shadow .2s cubic-bezier(.36, .64, .23, .94), -webkit-transform .2s cubic-bezier(.36, .64, .23, .94) .2s; -o-transition: box-shadow .2s cubic-bezier(.36, .64, .23, .94), background-color .8s cubic-bezier(.36, .64, .23, .94), padding ease-in-out .2s, height ease-in-out .2s, transform .2s cubic-bezier(.36, .64, .23, .94) .2s; transition: box-shadow .2s cubic-bezier(.36, .64, .23, .94), background-color .8s cubic-bezier(.36, .64, .23, .94), padding .2s ease-in-out, height .2s ease-in-out, transform .2s cubic-bezier(.36, .64, .23, .94) .2s; transition: box-shadow .2s cubic-bezier(.36, .64, .23, .94), background-color .8s cubic-bezier(.36, .64, .23, .94), padding .2s ease-in-out, height .2s ease-in-out, transform .2s cubic-bezier(.36, .64, .23, .94) .2s, -webkit-box-shadow .2s cubic-bezier(.36, .64, .23, .94), -webkit-transform .2s cubic-bezier(.36, .64, .23, .94) .2s;*/ } #header.header-scrolled { height: 90px !important; position: fixed; top: 0; -webkit-box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 20%); box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 20%); /* -webkit-box-shadow: 0 5px 40px 0 rgb(0 0 0 / 10%); box-shadow: 0 5px 40px 0 rgb(0 0 0 / 10%);*/ } #header .inside { width: 80%; max-width: 1280px; position: relative; margin: 0 auto; height: auto; } .headerLogo { position: relative; top:0px; overflow: hidden; height: 70px; padding: 10px 15px; width: auto; float: left; transition: all .6s; } .headerLogo img { height: 70px; width: auto; float: left; margin-right: 0px; transition: all .6s; /*vertical-align: bottom; margin: 0 30px 0 0px;*/ } .header-scrolled .headerLogo { top: 0px; padding: 20px 15px 0px; } .header-scrolled .headerLogo img { width: auto; height: 80px; margin-right: 0px; } .headerLogo h2, .headerLogo a, .headerLogo a:hover, .headerLogo a:visited { margin: 0; text-decoration: none !important; color: #2B2B2B; /*-webkit-text-stroke: 1px #ffffff; text-shadow: 1px 0 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff;*/ } .headerLogo p { font-family: bookmania, serif; font-weight: 100; font-style: normal; font-size: 16px; line-height: 20px; margin: 40px 0 0 0; } .headerSlogan { position: absolute; top:20px; overflow: hidden; height: 120px; width: auto; float: left; /*right: 180px;*/ right: 357px; } .headerSlogan p { font-size: 38px; color: #655949; margin: 0; line-height: 26px; font-family: gravesend-sans, sans-serif; font-weight: 700; } .header-scrolled .headerSlogan { /*right: 180px*/ right: 357px; } .headerBtn { position: absolute; top: 0px; right: 0; float: right; } .headerBtn a.ghostBtn { display: inline-block; background: #EA8D00; padding: 10px 12px; margin: 7px 0 15px; color: #ffffff; text-decoration: none; font-weight: 500; font-size: 16px; /* letter-spacing: 1px; transform: translateZ(0px);*/ -webkit-transition-duration: 0.3s; -webkit-transition-property: color, background, all; } .headerBtn a:hover.ghostBtn, a.ghostBtn:hover { background: #566c2f; color: #ffffff; } @media only screen and (max-width:1350px) { .headerSlogan, .header-scrolled .headerSlogan { right: 313px; } } @media only screen and (max-width:1290px) { .headerSlogan, .header-scrolled .headerSlogan { right: 293px; } } @media only screen and (max-width:1270px) { .headerSlogan, .header-scrolled .headerSlogan { top: 35px; right: 210px; } } @media only screen and (max-width:1179px) { .headerSlogan, .header-scrolled .headerSlogan { top: 30px; right: 130px; } .headerBtn { display: none; } } @media only screen and (max-width:1060px) { .headerSlogan, .header-scrolled .headerSlogan { top: 30px; right: 80px; } } @media only screen and (max-width:1024px) { .headerLogo, .header-scrolled .headerLogo { width: auto; height: 80px; background-size: 25%; top: 0px; left: 0; padding: 10px; /* margin: 10px 0 0 0*/; } .headerLogo img, .header-scrolled .headerLogo img { float: left; vertical-align: bottom; margin: 0; height: 70px; } } @media only screen and (max-width:920px) { /*#header { width: 100vw; height: 100px; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 1); z-index: 10; } #header.header-scrolled { height: 80px !important; position: fixed; top: 0; -webkit-box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 20%); box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 20%);*/ /* -webkit-box-shadow: 0 5px 40px 0 rgb(0 0 0 / 10%); box-shadow: 0 5px 40px 0 rgb(0 0 0 / 10%);*/ } /*.headerLogo, .header-scrolled .headerLogo { width: auto; height: 70px; top: 0px; left: 0; padding: 0px; } .headerLogo img, .header-scrolled .headerLogo img { float: left; vertical-align: bottom; margin: 0 0px 0 0px; height: 60px; } .headerLogo h2, .headerLogo a, .headerLogo a:hover, .headerLogo a:visited { margin: 0; text-decoration: none !important;*/ /*color: #eaeaee; position: relative; top: 10px;*/ } } @media only screen and (max-width:880px) { #header .inside { width: 90%; } .headerSlogan, .header-scrolled .headerSlogan { display: none; } } @media only screen and (max-width:420px) { #header { width: 100vw; height: 80px; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 1); z-index: 10; } #header .inside { width: 90%; } #header.header-scrolled { height: 80px !important; position: fixed; top: 0; -webkit-box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 20%); box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 20%); /* -webkit-box-shadow: 0 5px 40px 0 rgb(0 0 0 / 10%); box-shadow: 0 5px 40px 0 rgb(0 0 0 / 10%);*/ } .headerLogo, .header-scrolled .headerLogo { width: auto; height: 70px; top: 10px; left: 0; padding: 0px; } .headerLogo img, .header-scrolled .headerLogo img { float: left; vertical-align: bottom; margin: 0 0px 0 0px; height: 60px; } .headerLogo h2, .headerLogo a, .headerLogo a:hover, .headerLogo a:visited { margin: 0; text-decoration: none !important; /*color: #eaeaee; position: relative; top: 10px;*/ } } /* truecolour-header.css - ENDE */ @charset "utf-8"; /* CSS Document */ /* truecolour-main-navi.css - START */ #mobilenav:not( .mm-menu ) { display: none; } nav.mod_navigation .invisible, #skipNavigation1 { display: none; opacity: 0; } .mobile_menu_wrapper { position: inherit; } nav.mod_navigation { font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; color: #938f8f; width: 822px; position: absolute; top: 36px; right: 0%; transition: all .4s; z-index: 1000; box-sizing: border-box; /*transform: rotate(-90deg); left: -190px; top: 48vh;*/ } nav.mod_navigation .nonavlink { color: #938f8f; margin: 0 30px; padding-bottom: 7px; cursor: pointer; /*cursor: url("../../files/_standards/aa-cursor-nonavlink02.png"), auto;*/ } nav.mod_navigation li span.nonavlink:after { content: url("../../files/_standards/nav-arrow-down.png"); cursor:pointer; margin-left:10px; } nav.mod_navigation li span.nonavlink:hover { /*color: rgba(147, 143, 143, .75);*/ color: #abc0bd; } nav.mod_navigation li.nonavlink { margin: 0 0px; padding-bottom: 7px; /* padding: 20px 15px 20px;*/ } nav.mod_navigation.block { overflow: initial !important; } .header-scrolled nav.mod_navigation { top: 58px; } nav.mod_navigation ul { margin: 0; padding: 0; float: right; } nav.mod_navigation li { font-size: 24px !important; } nav.mod_navigation a { display: block; /*color: #938f8f;*/ color: #938f8f; text-decoration: none; } nav.mod_navigation ul.level_1 span.active { display: block; color: #abc0bd; margin: 0 30px; } nav.mod_navigation ul.level_1 span.active.last { margin: 0 0 0 30px; } .header-scrolled nav.mod_navigation a, .header-scrolled nav.mod_navigation ul.level_1 li.active { color: #938f8f; } nav.mod_navigation ul.level_1 li.active:hover { /* border: none !important;*/ } nav.mod_navigation ul.level_1 li.active strong, nav.mod_navigation ul.level_1 li.forward strong, nav.mod_navigation ul.level_1 li.trail a.trail{ font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; color: #938f8f; float: left; /*margin: 0 30px;*/ padding-bottom: 7px; /*border-bottom: 5px solid #ea8d00;*/ cursor: pointer; } .header-scrolled nav.mod_navigation ul.level_1 li.active strong { color: #938f8f; } nav.mod_navigation ul.level_1 li { position: relative; list-style: none; float: left; /*padding: 0px 20px; margin: 0 25px;*/ transition: 0.3s; transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-property: color; } /*nav.mod_navigation ul.level_1 li.submenu a:after { content: url("../../files/_standards/nav-arrow-down.png"); cursor:pointer; margin-left:10px; } nav.mod_navigation ul.level_1 li ul li.submenu a:after { content: "" ; }*/ nav.mod_navigation ul li a.submenu{ color: #938f8f; } nav.mod_navigation ul li a { font-family: "bebas-neue", sans-serif; font-style: normal; font-weight: 400; float: left; margin: 0 30px; padding-bottom: 7px; -webkit-transition-duration: 0s; -webkit-transition-property: all; } nav.mod_navigation ul li a:hover { /*color: rgba(147,143,143,.75);*/ color: #abc0bd; /*border-bottom: 5px solid #ea8d00;*/ } .header-scrolled nav.mod_navigation ul li a:hover { /*color: rgba(147,143,143,.75);*/ color: #abc0bd; } nav.mod_navigation ul li.active { /*padding: 0 0 0 5px;*/ } nav.mod_navigation ul li.last a, nav.mod_navigation ul li.last strong.active { margin: 0 0 0 30px; } nav.mod_navigation ul li.submenu .active { /*padding: 0px 0 5px 5px;*/ } /* LEVEL 2 Design START*/ nav.mod_navigation ul li ul { display: none; background: #fff; box-shadow: 0 10px 12px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 12px 0px rgba(0,0,0,.2); /* webkit-box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 100%); box-shadow: 0px 12px 23px -7px rgb(0 0 0 / 100%); */ -webkit-transition-duration: 0.3s; -webkit-transition-property: all; /*position: absolute; top: -9999px; left: -9999px;*/ z-index: 1; } nav.mod_navigation ul li:hover > ul, nav.mod_navigation ul li ul:hover { top: 32px; left: 30px; display: block; position: absolute; height: auto; margin-left: 0; /*display: block;*/ } nav.mod_navigation ul.level_1 ul li span.active, nav.mod_navigation ul.level_1 ul li span.active.last{ display: block; color: #ffffff; margin: 0; } nav.mod_navigation ul li ul li { float: none; /*padding: 15px 0; border-bottom: 1px solid #555;*/ -webkit-transition-duration: 0.3s; -webkit-transition-property: background, all; } nav.mod_navigation ul li ul li a { -webkit-transition-duration: 0.3s; -webkit-transition-property: background, all; } nav.mod_navigation ul li ul li:hover, .mod_navigation ul.level_1 li ul.level_2 li.active { border: 0; width: 175px; background: #abc0bd; /*background: #d4d4d4;*/ padding: 10px 10px 10px 15px; color: #ffffff !important; /*color: #938f8f !important;*/ -webkit-transition-duration: 0.3s; -webkit-transition-property: background, all; } /*nav.mod_navigation ul.level_1 li.trail ul.level_2 li a { margin: 0; }*/ .mod_navigation ul.level_1 li ul.level_2 li.active strong { border: 0; padding-bottom: 0px; line-height: 0; color: #fff; } nav.mod_navigation ul li ul li:hover a { color: #ffffff !important; } nav.mod_navigation ul li ul li a:hover { border-bottom: 0px solid #ea8d00; } nav.mod_navigation ul ul.level_2 li.last, nav.mod_navigation ul ul.level_2 li.last a { float: none; margin: 0px; /*padding: 15px 0; border-bottom: 1px solid #555;*/ } nav.mod_navigation ul ul li a { padding: 0 15px 0 15px; margin: 0; line-height: 0; } nav.mod_navigation ul ul li:last-child { /* border-bottom: none; border-radius: 0 0 6px 6px;*/ } nav.mod_navigation ul ul li.last:hover { /* border-bottom: none; border-radius: 0 0 0px 6px;*/ } nav.mod_navigation ul ul ul li:first-child { /* border-bottom: none; border-radius: 0 6px 0px 0px;*/ } nav.mod_navigation ul ul li:hover > ul { top: 0; left: 260px; } .mod_navigation ul.level_1 li ul.level_2 li { /*background: #ffffff;*/ width: 200px; position: relative; float: none; clear: both; display: block; padding: 25px 0; color: #938f8f; text-transform: none; white-space: nowrap; } /*.mod_navigation ul.level_1 li ul.level_2 li.active:after { content:''; } .mod_navigation ul.level_1 li ul.level_2 li:hover, .mod_navigation ul.level_1 li ul.level_2 li ul.level_3 li:hover {} .mod_navigation ul.level_1 li ul li a.submenu:after, .mod_navigation ul.level_1 li.active ul li .submenu:after { position: absolute; right: 10px; } */ /*@media only screen and (max-width:1350px) { nav.mod_navigation ul li a { margin: 0 5px; } } @media only screen and (max-width:1290px) { nav.mod_navigation ul li a { margin: 0 3px; } } */ /*@media only screen and (max-width:1179px) {*/ @media only screen and (max-width:1180px) { nav.mod_navigation, .header-scrolled nav.mod_navigation { display: none; } /*nav.mod_navigation, .header-scrolled nav.mod_navigation { width: 500px; overflow: hidden; position: fixed; transform: rotate(-90deg); left: -240px; top: 55vh; z-index: 2; padding: 5px; background: #fff; }*/ } /* truecolour-main-navi.css - ENDE */ /* truecolour-slider.css START */ /* Sliderbilder - Background - START */ .headerSlider { position: relative; top: 80px; width: 100%; height: calc(100vh - 100px) !important; min-height: 445px; z-index: 1; max-width: 1920px; } .headerSlider .h1 { min-height: 445px; /*position: relative; margin: 0 auto; text-align: left; height: 80vh; display: inline;*/ } .headerSlider h2 { display: inline-block; background: #e43a37; padding: 15px 15px; margin-bottom: 15px; color: #fff; } .headerSlider img { height: calc(100vh - 100px) !important; min-height: 445px; object-fit: cover; } /* Rocksolidslider Elemente - Start*/ .mod_rocksolid_slider.headerSlider img { height: calc(100vh - 100px) !important; min-height: 445px; object-fit: cover; width: 100% !important; margin: 0 !important; } .headerSlider .rsts-caption, .rsts-nav, .rsts-nav-bullets{ display: none; } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-prev:hover { top: 50% !important; left: 5% !important; transform-origin: top left; width: 39px !important; height: 76px !important; background-image: url("../../files/_standards/slider-left-arrow.png") !important; background-position: center; background-size: contain; border: 0 !important; } .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-next:hover { top: 50%; right: 5% !important; transform-origin: top right; width: 39px !important; height: 76px !important; background-image: url("../../files/_standards/slider-right-arrow.png") !important; background-position: center; background-size: contain; border: 0 !important; } .rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover { background-color: rgba(238,238,238,0.0) !important; } /*.ce_sliderStart .tns-controls button:hover { transform: scale(1) translateY(-50%); background-color: rgba(0, 0, 0, 0.0); } .ce_sliderStart:hover .tns-controls button { opacity: 1; }*/ /* Rocksolidslider Elemente - ENDE*/ .bgRadial { /* background: radial-gradient(circle, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 25%); */ top: 18vh; position: relative; height: 30vh; width: 100%; padding: 15vh 0 0; } .headerLeft { left: 7.5%; } .bgAktuell { background: url("") no-repeat; background-position: center center; background-size: cover; } /* Sliderbilder - Background - ENDE */ .slider-control { display: none } .tns-controls { /*display: none;*/ } .ce_sliderStart .tns-controls button { position: absolute; z-index: 9; background: transparent; font-size: 0; width: 39px; height: 76px; padding: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 0; outline: none; transition: all 0.24s ease-in-out; cursor: pointer; opacity: 0; } .ce_sliderStart .tns-controls button[data-controls="prev"] { top: 50%; transform: translateY(-50%); left: 5%; transform-origin: top left; background-image: url("../../files/_standards/slider-left-arrow.png"); } .ce_sliderStart .tns-controls button[data-controls="next"] { top: 50%; transform: translateY(-50%); right: 5%; transform-origin: top right; background-image: url("../../files/_standards/slider-right-arrow.png") ; } .ce_sliderStart .tns-controls button:hover { transform: scale(1) translateY(-50%); background-color: rgba(0, 0, 0, 0.0); } .ce_sliderStart:hover .tns-controls button { opacity: 1; } #homeLogo { display: none; opacity: 0; transition: opacity 0.5s ease; } #farbgestaltung { display: none; opacity: 0; transition: opacity 0.5s ease; } #signaletik { display: none; opacity: 0; margin-top: 45px; transition: opacity 0.5s ease-in; } .homeSliderText { /*display: none; opacity: 0; transition: opacity 1s ease-in-out;*/ } #text1, #text2, #text3, #text4, #text5 { display: none; /*opacity: 0; transition: all 0.5s ease;*/ } .sliderTextContainer { position: absolute; /*top: 32vh;*/ top: 60vh; left: 10%; width: 80%; /*color: rgba(230,0,126,1.00);*/ color: #fff !important; z-index: 2; text-align: center; /*background: rgba(0, 0, 0, 0.4); border-radius: 8px; padding: 15px;*/ /*background: #000; background: rgba(0,0,0,0.4);*/ } .sliderTextContainer h2 { font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; font-size: 36px; } .sliderTextContainer p { font-family: "dovetail-mvb", sans-serif; font-weight: 400; font-style: normal; /*font-family: "dovetail-mvb", serif; font-weight: 700; font-style: normal;*/ font-size: 48px; } .homeSliderText { position: absolute; top: 0; opacity: 0; transition: all 0.5s ease; } .sliderLogoContainer { font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 46px; position: absolute; top: 47vh; left: 25%; width: 50%; background: none; color: #fff !important; z-index: 2; text-align: center; /*background: #000; background: rgba(0,0,0,0.4);*/ } .sliderText p { color: #fff !important; } .sliderText { /*display: inline-block; border-radius: 8px;*/ padding: 15px 15px 1px 15px; width: 600px; margin-bottom: 15px; /* Grauer BG -> */ background: rgba(168,174,182,0.75); /*background: -webkit-linear-gradient(left right, rgba(168,174,182,1) 0%, rgba(168,174,182,0) 75%); background: -o-linear-gradient(left right, rgba(168,174,182,1) 0%, rgba(168,174,182,0) 75%); background: linear-gradient(to right, rgba(168,174,182,1) 0%, rgba(168,174,182,0) 75%);*/ /* Beiger BG -> background: rgb(246,238,227); background: -webkit-linear-gradient(left right, rgba(246,238,227,1) 0%, rgba(246,238,227,0) 75%); background: -o-linear-gradient(left right, rgba(246,238,227,1) 0%, rgba(246,238,227,0) 75%); background: linear-gradient(to right, rgba(246,238,227,1) 0%, rgba(246,238,227,0) 75%);*/ /* Roter BG -> background: rgb(228,58,55); background: -webkit-linear-gradient(left right, rgba(228,58,55,1) 0%, rgba(228,58,55,0) 75%); background: -o-linear-gradient(left right, rgba(228,58,55,1) 0%, rgba(228,58,55,0) 75%); background: linear-gradient(to right, rgba(228,58,55,1) 0%, rgba(228,58,55,0) 75%);*/ } @media only screen and (max-width:768px) { .headerSlider, .mod_rocksolid_slider.headerSlider img { object-fit: cover; width: 100% !important; margin: 0 !important; height: auto !important; } .sliderTextContainer { top: 25vh; left: 20%; width: 60%; color: #fff !important; z-index: 2; text-align: center; } .sliderTextContainer h2 { font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; font-size: 36px; } .sliderTextContainer p { font-family: "dovetail-mvb", sans-serif; font-weight: 400; font-style: normal; /*font-family: "dovetail-mvb", serif; font-weight: 700; font-style: normal;*/ font-size: 28px; } } @media only screen and (max-width:767px) { .headerSlider { top: 60px; min-height: 250px; /*height: calc(100vh - 60px);*/ } .tns-controls { /*display: none;*/ } .ce_sliderStart .tns-controls button { position: absolute; z-index: 9; background: transparent; font-size: 0; width: 20px; height: 38px; padding: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 0; outline: none; transition: all 0.24s ease-in-out; cursor: pointer; opacity: .5; } .ce_sliderStart .tns-controls button[data-controls="prev"] { left: .25%; top: 40vh; } .ce_sliderStart .tns-controls button[data-controls="next"] { right: .25%; top: 40vh; } .sliderTextContainer { top: 20vh; left: 20%; width: 60%; } .sliderTextContainer p { font-size: 20px } } @media only screen and (max-width:420px) { .sliderTextContainer { top: 15vh; left: 10%; width: 80%; } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-prev:hover { top: 32% !important; left: 2% !important; transform-origin: top left; width: 25px !important; height: 49px !important; background-image: url("../../files/_standards/slider-left-arrow.png") !important; background-position: center; background-size: contain; border: 0 !important; } .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-next:hover { top: 32%; right: 2% !important; transform-origin: top right; width: 25px !important; height: 59px !important; background-image: url("../../files/_standards/slider-right-arrow.png") !important; background-position: center; background-size: contain; border: 0 !important; } } /*@media only screen and (max-width:1279px) { .flex-caption { top: 20%; } .flex-caption.crna { top: 13%; } } @media only screen and (max-width:1024px) { .headerSlider { top: 0px; } .sliderTextContainer { position: absolute; top: 30%; left: 10%; width: 55%; } .sliderTextContainer.top20prc { top:20% !important; } .headerSlider h2 { padding: 10px 10px; } .sliderText { padding: 10px; width: auto; } .sliderText p { font-size: 14px; line-height: 18px; margin-bottom: 0; } } @media only screen and (max-width:767px) { .tns-controls { display: none; } .ce_sliderStart .tns-controls button { position: absolute; z-index: 9; background: transparent; font-size: 0; width: 20px; height: 38px; padding: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 0; outline: none; transition: all 0.24s ease-in-out; cursor: pointer; opacity: .5; } .ce_sliderStart .tns-controls button[data-controls="prev"] { left: .25%; top: 92%; } .ce_sliderStart .tns-controls button[data-controls="next"] { right: .25%; top: 92%; } } @media only screen and (max-width:420px) { .headerSlider { margin-bottom: 0px; } .sliderTextContainer { width: 70%; } .flex-caption { top: 25%; } .flex-caption.crna, .flex-caption.crna p { top: 25%; left:5%; width: 90%; line-height: 18px } }*/ /* truecolour-slider.css ENDE */ @charset "utf-8"; /* truecolour-grid-layout.css - START */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; padding: 0; overflow-x: hidden; /*background: rgba(133,133,133,1.00); color: #fff;*/ } #container { width: 100vw; font-family: "dovetail-mvb", serif; font-weight: 400; font-style: normal; color: #938f8f; } #container a{ font-family: "dovetail-mvb", serif; font-weight: 400; font-style: normal; color: #938f8f; text-decoration: underline; } #container a:hover{ text-decoration: none; } .gridWrapper { width: 80%; max-width: 1280px; margin: 1% auto 200px; position: relative; top: 140px; overflow: hidden; } .gridWrapper.noTop { top: 0 !important; } .gridWrapper.noBottomMargin { margin-bottom: 0 !important; } /*.gridWrapper div { display: inline; }*/ /* Grid 3 Columns - Start */ .truecolour-grid-container { grid-row-gap: 8px; grid-column-gap: 10px; grid-template-rows: auto auto; /*grid-template-columns: 1fr 1fr 1fr;*/ grid-template-columns: repeat(3, minmax(10px, 1fr)); grid-auto-columns: 1fr; grid-auto-flow: row; display: grid !important; justify-content: center; align-content: center; align-items: flex-start; margin-bottom: 8px; } .truecolour-grid-list { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: minmax(33%,1fr) minmax(33%,1fr) minmax(33%,1fr); display: contents; } /* Grid 3 Columns - Ende */ /* Grid 4 Columns - Start */ .truecolour-grid-container4Cols { grid-row-gap: 8px; grid-column-gap: 10px; grid-template-rows: auto auto; /*grid-template-columns: 1fr 1fr 1fr;*/ grid-template-columns: repeat(4, minmax(10px, 1fr)); grid-auto-columns: 1fr; grid-auto-flow: row; display: grid !important; justify-content: center; align-content: center; align-items: stretch; margin-bottom: 8px; } /* Grid 4 Columns - Ende */ .textContainerBorder { padding: 15px !important; border: 1px solid #938f8f; align-content: center; justify-content: left !important; } .textContainerBorder p{ margin-bottom: 10px !important; } .insideContainer { padding: 0px; margin: 0px 0 4px; display: grid; /*justify-content: center; align-content: center;*/ align-items: center; } .insideContainer.left{ justify-content: left; } .insideContainer p, .insideContainer li { margin: 0; font-size: 14px; } .insideContainer.text1em { align-content: flex-start; } .insideContainer.text1em p, .insideContainer.text1em li { margin: 0 0 12px; font-size: 1em; } .insideContainer ul { margin: 0; } .textContainerBorderList { padding: 15px 15px 0 !important; border: 1px solid #938f8f; align-content: center; } .insideContainer.textContainerBorderList ul { margin-top: 0; padding: 5px 0 0 15px; } .insideContainer.textContainerBorderList li { font-size: 13px; } .insideContainer img { width: auto; height: auto; } _::-webkit-full-page-media, _:future, :root .safari_only .insideContainer img { height: auto; } display: flex; align-items: stretch .insideContainer h2{ padding-bottom: 10px; /*border-bottom: 1px solid #1d1d1b;*/ } .insideContainer.fatH1 h2{ padding-bottom: 0px; border-bottom: 0px solid #1d1d1b; } .insideContainer h3{ font-size: 1.5em; font-weight: 600; margin: 0; padding-bottom: 10px; /*border-bottom: 1px solid #1d1d1b;*/ } .insideContainer a { /*display: inline-block; background: rgba(0,159,227,1.00); padding: 12px; color: #fff !important; border-radius: 5px; border-bottom: 0; display: inline-block; padding: 8px 11px; margin-bottom: 0px; color: #1d1d1b;*/ text-decoration: none; transition: all 0.5s ease; -webkit-transition-duration: 0.5s; -webkit-transition-property: all; } .insideContainer a:hover { color: rgba(29,29,27,.75); } .marginImage img { margin: 15px 0; height: auto !important; } .paddingContainer { padding: 15px !important; } .containerColor01 { background: rgba(248,201,3,1.00); /*grid-area: 1 / 2 / span 2 / span 2;*/ } .containerColorGreen { background: rgba(155,206,21,1.00); color: rgba(227,72,37,1.00) !important; /*grid-area: 2 / 1 / span 1 / span 2;*/ /*Nr. row / Nr. column / span row / span column*/ } .containerColorOrange { background: rgba(227,72,37,1.00); } .containerColorPink { background: rgba(230,0,126,1.00); color: #ffffff !important; border-radius: 8px; } .containerColorBlue { background: rgba(0,159,227,1.00); } .boxShadow { -webkit-box-shadow: 0px 12px 23px 0px rgb(0 0 0 / 30%); box-shadow: 0px 12px 23px 0px rgb(0 0 0 / 30%); } .gridBigBackground { width: 100vw; overflow: hidden; align-content: stretch; margin: 120px 0 50px; padding: 0 0 0px 0; /*background: #34B2C9; background: url("../../designbuero/2023/home/truecolour-topIllu-designbuero-03-sw.jpg") no-repeat;*/ background-size: cover; background-position: center; min-height: 600px; display: table; } .textOverBG { position: relative; top:0vh; width: 80%; margin: 0px auto 0; padding: 3% 10%; display: table-cell; vertical-align: middle; /*background: #fff; -webkit-box-shadow: 0px 24px 46px 0px rgb(0 0 0 / 20%); box-shadow: 0px 24px 46px 0px rgb(0 0 0 / 20%);*/ } .container01 { grid-area: 1 / 1 / span 1 / span 3; /*Nr. row / Nr. column / span row / span column*/ margin: 50px 0 0 0; padding: 0 0 20px; } .container02 { grid-area: 1 / 1 / span 2 / span 1; /*Nr. row / Nr. column / span row / span column*/ margin: 50px 0 0 0; padding: 0 0 20px; } .container03 { grid-area: 1 / 1 / span 1 / span 3; /*Nr. row / Nr. column / span row / span column*/ margin: 50px 0 0 0; padding: 0 0 20px; } .container04 { grid-area: 1 / 2 / span 1 / span 2; /*Nr. row / Nr. column / span row / span column*/ margin: 50px 0 0 0; padding: 0; } .container05 { grid-area: 2 / 3 / span 1 / span 2; /*Nr. row / Nr. column / span row / span column*/ margin: 50px 0 0 0; padding: 0; } @media only screen and (max-width:1180px) and (orientation: landscape) { .truecolour-grid-container, .truecolour-grid-container4Cols{ grid-template-columns: 1fr; } .truecolour-grid-list { grid-template-columns: minmax(100,1fr); } .insideContainer img { width: auto; height: auto; } } @media only screen and (max-width:1180px) { .textContainerBorderList { padding: 15px 15px !important; } } @media only screen and (max-width:1023px) { .truecolour-grid-container, .truecolour-grid-container4Cols{ grid-template-columns: 1fr; } .truecolour-grid-list { grid-template-columns: minmax(100,1fr); } .insideContainer img { width: auto; height: auto; } } @media only screen and (max-width:420px) { .gridWrapper.top60 { top: 60px !important; } } /* truecolour-grid-layout.css - ENDE */ @charset "utf-8"; /* truecolour-grid-rows-cols.css - Start */ /* Span */ .oneColumnOneRow { grid-area: span 1 / span 1; /* span row / span column */ /*margin: 0px 0 0 0;*/ padding: 0; } .oneColumnTwoRows { grid-area: span 2 / span 1; /* span row / span column */ /*margin: 0px 0 0 0;*/ padding: 0; } .oneColumnThreeRows { grid-area: span 3 / span 1; /* span row / span column */ /*margin: 0px 0 0 0;*/ padding: 0; } .twoColumnOneRow { grid-area: span 1 / span 2; /* span row / span column */ /*margin: 0px 0 0 0;*/ padding: 0; } .twoColumnsTwoRows { grid-area: span 2 / span 2; /* span row / span column */ /*margin: 0px 0 0 0;*/ padding: 0; } .twoColumnThreeRows { grid-area: span 3 / span 2; /* span row / span column */ /*margin: 0px 0 0 0;*/ padding: 0; } .oneRowFourColumns { grid-area: span 1 / span 4; /* span row / span column */ /*margin: 0px 0 0 0;*/ padding: 0; } @media only screen and (max-width:1023px) { .oneColumnTwoRows, .oneColumnThreeRows, .twoColumnOneRow, .twoColumnsTwoRows, .twoColumnThreeRows, .oneRowFourColumns{ grid-area: span 1 / span 1; /* span row / span column */ } .only-desktop { display: none; } } /* truecolour-grid-rows-cols.css - Ende */ /* truecolour-content.css - START */ @media only screen and (min-width:1921px) { #wrapper { position: relative; margin: 0 auto; width: 1918px; /*border-left: 1px solid #938f8f; border-right: 1px solid #938f8f;*/ } #header .inside { /*width: 1918px; max-width: 1918px;*/ height: 100px; max-width: calc(1918px - 10%); padding: 0 5%; /* border-left: 1px solid #938f8f; border-right: 1px solid #938f8f;*/ } nav.mod_navigation { right: 10%; } #container { width: auto !important; } } .topIlluTextWrapper { position: absolute; top: 20vh; left: 0; /*width: 100vw;*/ max-width: 1920px; overflow: hidden; padding: 25px 0; } .contentWrapper { position: relative; top: 0px; width: 100vw; overflow: hidden; } .contentWrapper80 { position: relative; top: 0px; width: 80%; margin: 40px auto; overflow: hidden; } .homeTxtWrapper { width: 80%; padding: 65px 10%; overflow: hidden; } .homeText p { font-size: 24px; } .subpageTxtWrapper { width: 80%; padding: 65px 10%; overflow: hidden; } .bgBlauGrau { background: #dbdfe5; } .oneHundred { width: 100%; /*max-width: 1200px;*/ max-width: 1920px; position: relative; margin: 0px auto; overflow: hidden; } .ninetyEight { width: 98%; padding: 0% 1% 0; overflow: hidden; } /*.oneHundredRed .oneHundred h1, .oneHundredRed .oneHundred h2, .oneHundredRed .oneHundred h3, .oneHundredRed .oneHundred h4, .oneHundredRed .oneHundred a, .oneHundredBlue .oneHundred h1, .oneHundredBlue .oneHundred h2, .oneHundredBlue .oneHundred h3, .oneHundredBlue .oneHundred h4, .oneHundredBlue .oneHundred a{ color: #fff; }*/ .noMargin { margin: 0px auto 32px !important; } .noMarginLeft { margin-left: 0 !important; } .noMarginTop, .noMarginTop ul, ul.noMarginTop { margin-top: 0 !important; } .noPaddingLeft { padding-left: 0 !important; } .noMarginBottomText { margin-bottom: 0 !important; } .oneHundred h5, .twentyFive h5 { display: none; } .borderBlue { width: 90%; max-width: 1520px; position: relative; margin: 0 auto; border: 1px solid #34b2c9; padding: 2.5%; box-sizing: border-box; -webkit-box-sizing: border-box; } .justify { text-align: justify; } .justify h1, .justify h2, .justify h3, .justify h4 { text-align: left; } .fifty { width: 48%; padding: 0%; /*float: left;*/ overflow: hidden; } .fiftyImg img{ width: 48%; float: left; margin: 0 2% 2% 0; } .fiftyLeft { width: 48%; padding: 0% 1% 0 0; float: left; overflow: hidden; } .fiftyRight { width: 48%; padding: 0% 1% 0 0; float: right; overflow: hidden; } .fiftyCenter { width: 48%; max-width: 600px; padding: 0% 1% 0 1%; overflow: hidden; margin: 0 auto 56px; } .fiftyCenter a { text-decoration: underline; } .fiftyCenter img{ width: 100%; max-width: 600px; } .fiftyCenter.overview img { width: 100%; float: none; margin: 0; } .sixtySix { width: 68%; max-width: 1200px; padding: 0% 0% 0 1%; /*float: left;*/ position: relative; overflow: hidden; margin: 0 auto; } .thirtyThree { /*width: 30vw;*/ width: 30%; overflow: hidden; } .thirtyThreeMiddle { /*padding: 0 1%;*/ padding: 0 5%; } .thirtyThree h3 { /*text-align: center;*/ } .textCenter { text-align: center; } .twenty { width: 19.5%; margin: 0% 0.5% 0 0; float: left; text-align: left; overflow: hidden; } .twenty h2 { font-size: 18px; line-height: 22px; } .twentyLeft { color: #a4a4a4; float: left; position: relative; margin: 5.6em 0 0 !important; } .twentyLeft p { text-align: right; color: #a4a4a4; line-height: 14px; } .twentyRight { color: #a4a4a4; float: right; position: relative; margin: 5.6em 0 0 !important; } .twentyRight p { text-align: left; color: #a4a4a4; line-height: 14px; } .twentyLast { margin: 0%; float: none; } .twenty.foto { max-width: 280px; object-fit: cover; } .twenty.foto img { width: 100%; height: auto; } .twentyFive { width: 23%; margin: 0% 1%; /*float: left;*/ overflow: hidden; } .height250px { height: 250px; position: relative; } .height450px { height: 450px; position: relative; } .ghostBtnFixPosition { position: absolute; top: 70%; } .left45 { left: 45%; } .twentyFive.logoHover img:hover { opacity: .5; } .imgLeft h1, h2, h3 { margin: 0 0 10px; } .imgLeft figure img { height: 100%; max-height: 160px; width: auto; margin: 0 25px 0 0; } .textCenter { text-align: center; } .textWhite, .textWhite p { color: #ffffff !important; } .margin0Auto { position: relative; margin: 0 auto; } .marginTop75 { margin-top: 75px; } .marginTop180 { margin-top: 180px; } .marginBottom35 { margin-bottom: 35px; } .marginBottom75 { margin-bottom: 75px; } .marginBottomFooterAtBottom { margin-bottom: 200px; } .textRight { text-align: right; } .marginRight2Prc { margin-right: 4%; } /*.marginLeftRight { margin-left: 2.3vw; margin-right: 0; } .marginRight25 { margin-right: 2.6%; }*/ .marginTopBottom { margin-top: 150px; margin-bottom: 150px; } .marginTopBottom75 { margin-top: 75px; margin-bottom: 75px; } .textAlignLeft { text-align: left; } .textAlignRight { text-align: right; } .verticalAlignMiddle { height: 600px; display: flex; justify-content: center; flex-direction: column; /*display:flex; align-items: center;*/ } .verticalAlignMiddleAuszeichnungen { height: 1200px; display: flex; justify-content: center; flex-direction: column; overflow: hidden; /*display:flex; align-items: center;*/ } .clearBothAuszeichnungen { clear: both; } /*.verticalAlignMiddle { margin: 0; position: absolute; top: 50%; transform: translate(0, -50%) }*/ .floatLeft { float: left; } .floatRight { float: right; } .clearBoth { clear: both; } /* Subpage Headlines - START */ .subHeadline { position: relative; top: -96px; left: 12%; } .subHeadline h1 { font-size: 4em; color: #fff; display: inline-block; width: auto; min-width: 25%; margin: 0; background: #f63b34; padding: 25px; } .imgRight { margin: 32px auto; } .imgRight img { float: right; } .imgRight p, .imgRight h3, .imgRight h2 { text-align: right; } .borderRightGreen { border-right: 1px solid #39D52D; } .borderTopGreen { border-top: 1px solid #39D52D; } .greenStarterP, .fiftyCenter strong, .fiftyCenter b, .greenStarterP strong { color: #39d52d; font-family: 'dovetail-mvb', sans-serif; font-weight: bold; } .greenText, .greenText h1, .greenText h2, h1.greenText { color: #39D52D; } .whiteText, .whiteText h1, .whiteText h2, h1.whiteText { color: #fff; } .headLineTxtShadow h1, .headLineTxtShadow h2 { text-shadow: 3px 2px 6px rgb(0 0 0 / 100%); } .bgRefslider { background: #14131a; } .bgRefslider h3{ margin-top: 1%; margin-bottom: 0; } .imgRight { margin: 32px auto; } .imgRight img { float: right; } .imgRight p, .imgRight h3, .imgRight h2 { text-align: right; } .imgWebLogo img { border-radius: 50%; width: 50%; height: auto; box-shadow: 4px 8px 12px 0px rgba(2,44,50,.5); } .roundedImage img { border-radius: 50%; width: 50%; margin: 0 23%; } /* ------------------------------------------------------------------------- begin Scroll Down Button * ------------------------------------------------------------------------- */ button.scroll_down { position: absolute; margin-left: auto; margin-right: auto; left: 46vw; /*right: 0;*/ top: 89vh; /*height: 10px; width: 12px;*/ outline: none; background: none; display: inline-block; border: 0; cursor: pointer; } /*button.scroll_down { text-align: center; position: relative; margin: 0 auto; background: #fff; border: 0; width: 20%; }*/ .scroll_down { font-family: 'dovetail-mvb', sans-serif; font-size: 16px; font-weight: normal; color: #39d52d; padding: 5px; cursor: pointer; text-align: center; position: relative; margin: 0 auto; } button.scroll_down:after { content: url("../../files/_standards/akk-down.png"); margin: 0 auto; width: 15px; height: 15px; left: 33%; position: absolute; top: 25px; } /*@keyframes scroll_down_btn-animation { 0% { transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes scroll_down_btn-animation { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; } }*/ /* ------------------------------------------------------------------------- end Scroll Down Button * ------------------------------------------------------------------------- */ @media only screen and (max-width:1609px) { /*.oneHundred { max-width: 1000px; }*/ } @media only screen and (max-width:1589px) { .subpageTxtWrapper { width: 90%; padding: 65px 5%; overflow: hidden; } } @media only screen and (max-width:1446px) { .subTopIllu h1 { top: 18%; } } @media only screen and (max-width:1409px) { .height250px { height: 300px; } .oneHundred { /*max-width: 800px;*/ } } @media only screen and (max-width:1211px) { .subTopIllu h1 { font-size: 80px; top: 15%; } } @media only screen and (max-width:1211px) { /* .oneHundred { max-width: 700px; }*/ } @media only screen and (max-width:1050px) { .height250px { height: 350px; } } @media only screen and (max-width:1024px) { .contentWrapper80 { position: relative; top: 0px; width: 90%; } .homeTxtWrapper { width: 90%; padding: 40px 5%; overflow: hidden; } .subpageTxtWrapper { width: 90%; padding: 25px 5%; overflow: hidden; } .height250px { height: 250px; } } @media only screen and (max-width:1023px) { .oneHundred { width: 100%; } .subTopIllu { width: 100%; margin: 0 auto 25px; } .subTopIllu h1 { font-size: 80px; top: 15%; } .homeText p { font-size: 18px; } .justify { text-align: justify; } .fiftyRight, .fiftyLeft, .sixtySix { width: 100%; margin: 2.5% 0; } .fifty { width: 48%; margin: 0%; /*padding: 0% 1% 0 0; float: left;*/ overflow: hidden; } .fiftyImg img{ width: 48%; float: left; margin: 0 2% 1% 0; } .fiftyCenter { width: 88%; max-width: 600px; padding: 0; overflow: hidden; margin: 0 auto 25px; } .fiftyCenter img{ width: 100%; max-width: 600px; } /*.floatLeft, .floatRight { float: none; } */ .thirtyThree { margin: 0; } .thirtyThreeMiddle { margin: 0 3%; } .twentyFive { width: 48%; margin: 0 .5%;; } .twentyLeft { color: #a4a4a4; position: relative; margin: 0 0 !important; } .twentyRight { color: #a4a4a4; position: relative; margin: 0 0 !important; } .verticalAlignMiddle { /*height: 320px; height: auto;*/ overflow: hidden; /*padding: 15px 0;*/ } .marginTopBottom75 { margin-top: 25px; margin-bottom: 40px; } /*.marginLeftRight, .marginRight2Prc, .marginRight25, .marginTopBottom75 { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }*/ /* */ .verticalAlignMiddleAuszeichnungen { height: 1400px; display: flex; justify-content: center; flex-direction: column; overflow: hidden; /*display:flex; align-items: center;*/ } } @media only screen and (max-width:813px) { .thirtyThreeMiddle { padding: 0 0; } /* .fifty, .thirtyThree, .twentyFive { width: 100%; margin: 0 auto 1%; }*/ .fiftyImg img { width: 100%; float: none; margin: 0 0% 1% 0; } .borderBlue img { width: 100%; margin: 0 0% 1% 0; float: none; } } @media only screen and (max-width: 813px) and (orientation: portrait) { .subTopIllu img { min-height: 250px; } } @media only screen and (max-width:767px) { .subTopIllu h1 { font-size: 3em; top: 20%; } .topIllu.desktop { display: none; } .topHeadH1.mobile { display: block; position: relative; top: 140px; height: 140px; text-align: center; } .topHeadH1.mobile h1 { font-weight: 900; font-size: 48px; color: #f63b34; } .oneHundred h1 { font-size: 1.5em; line-height: 1.25em; } .oneHundred h2 { } .verticalAlignMiddle { height: auto; } .fifty, .thirtyThree, .twentyFive { width: 100%; margin: 0 auto 1%; } .floatLeft, .floatRight { float: none; } .fifty.textAlignRight { text-align: left; margin-top: 25px; } .height250px { height: auto; } .ghostBtnFixPosition { position: relative; top: 70%; } .marginTopBottom75 { margin-top: 25px; margin-bottom: 40px; } } @media only screen and (max-width:420px) { .thirtyThree, .twentyFive { margin: 0 auto 25px; } .fifty { margin: 0 auto; } .mod_article ul li { margin-bottom: 15px; } .verticalAlignMiddle { height: auto; display: block; padding: 10px 0; justify-content: center; flex-direction: column; } } /* truecolour-content.css - ENDE */ @charset "utf-8"; /* truecolour-image-hover-caption.css - START */ .gridimage { /* width: 200px; height: 200px; background-color: lightblue;*/ position: relative; } /* Stil für das überlagernde Element */ .captionoverlay { height: auto; width: 100%; /*width: calc(100% - 40px);*/ background: rgba(255,255,255,.5); position: absolute; bottom: 0px; left: 0; text-align: center; /*top: 50%; left: 50%;*/ /*transform: translate(-50%, -50%);*/ transition: all 0.5s; opacity: 0; } .gridimage:hover .captionoverlay { opacity: 1; } .image-gallery { display: flex; /*justify-content: center; align-items: center;*/ gap: 10px; } .image-container { display: inline-block; position: relative; cursor: pointer; } .image { width: 300px; height: auto; cursor: pointer; transition: opacity 0.3s; filter: brightness(100%); } /*.image:hover { opacity: 0.9; filter: brightness(50%); }*/ .caption { position: absolute; bottom: 4px; left: 0; /*bottom: 50%; left: 50%; transform: translate(-50%, 50%);*/ color: #373736 !important; padding: 20px; opacity: 0; width: calc(100% - 40px); background: rgba(255,255,255,.5); transition: opacity 0.3s; text-align: center; } .captionoverlay h4, .caption a, .captionoverlay a{ color: #373736 !important; text-decoration: none !important; font-weight: 700 !important; } .caption a:hover, .captionoverlay a:hover{ text-decoration: underline !important; } .image-container:hover .caption { opacity: 1; } /* truecolour-image-hover-caption.css - ENDE */ /* truecolour-zoom-gallery.css START */ .ce_gallery { position: relative; margin: 0 auto; } .ce_gallery li { width: 25% !important; } figure.image_container { margin: 3% !important; } figure.image_container img { width: 100% !important; height: auto; } /* truecolour-zoom-gallery.css ENDE */ @media only screen and (max-width:767px) { .ce_gallery li { width: 100% !important; } figure.image_container { margin: 0 0 3% 0!important; } } @charset "utf-8"; /* truecolour-footer.css - Start */ #footer { height: 80px; font-family: "dovetail-mvb", serif; font-weight: 400; font-style: normal; /*color: #938f8f;*/ color: #ffffff; padding: 25px 0 85px; background: #abc0bd; } .footerWrap { position: relative; margin: 0 auto; width: 80%; /*text-align: right;*/ } #footer .footerLogoWeiss { position: relative; left: 0; top: 0px; float: left; width: 87px; height: auto; overflow: hidden; margin-right: 30px; } #footer .footerLogoWeiss img { width: 87px; height: auto; } #footer nav.mod_customnav { width: calc(78% - 87px); float: left; position: relative; top: 40px; height: 95px; } #footer nav.mod_customnav ul { margin: 0; padding: 0; } #footer nav.mod_customnav li, #footer nav.mod_customnav li strong { font-size: 24px !important; font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; list-style: none; color: #938f8f; float: left; } #footer nav.mod_customnav li.first { margin-right: 30px; } #footer nav.mod_customnav li a { /*color: #938f8f;*/ color: #ffffff; text-decoration: none; } #footer nav.mod_customnav li a:hover { color: rgba(147,143,143,.75); /*border-bottom: 5px solid #ea8d00;*/ } @media only screen and (max-width:1023px) { #footer { height: auto; overflow: hidden; margin-bottom: 0px; } .footerWrap { text-align: left; } #footer nav.mod_customnav { width: 100%; float: none; } #footer nav.mod_customnav ul { margin: 0 0 0 0; } #footer nav.mod_customnav li.first { margin-right: 0; } #footer nav.mod_customnav li { float: none; } } /* truecolour-footer.css - Ende */ /* truecolour-mobile-menu.css - START */ .truecolour { --mm-color-border: rgba(0, 0, 0, 0.15); --mm-color-button: rgba(255, 255, 255, 1); --mm-color-text: rgba(147, 143, 143, 1); --mm-color-text-dimmed: rgba(101, 89, 73, 0.4); /*--mm-color-background: rgba(234, 227, 221, 1);*/ --mm-color-background: rgba(255, 255, 255, 1); --mm-color-background-highlight: rgba(255, 255, 255, 0.08); /*--mm-color-background-emphasis: rgba(0, 0, 0, 0.1); --mm-color-background-emphasis: rgba(147,143,143,1);*/ --mm-color-background-emphasis: rgba(171,192,189,1); --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5) } :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: rgba(0, 0, 0, 0.1); --mm-color-button: rgba(0, 0, 0, 0.3); --mm-color-text: rgba(0, 0, 0, 0.75); --mm-color-text-dimmed: rgba(0, 0, 0, 0.3); /*--mm-color-background: #f3f3f3;*/ --mm-color-background: #ffffff; --mm-color-background-highlight: rgba(0, 0, 0, 0.05); /*--mm-color-background-emphasis: rgba(255, 255, 255, 0.4);*/ --mm-color-background-emphasis: rgba(147,143,143,1); --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3) } .mm-hidden { display: none !important } .mm-wrapper { overflow-x: hidden; position: relative } #mobilenav.mm-menu { top: 80px; /*z-index: 0;*/ } .mm-menu { top: 80px; right: 0; bottom: 0; left: 0; background: #eae3dd; border-color: rgba(0, 0, 0, .1); color: rgba(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: #eae3dd;*/ border-color: rgba(0, 0, 0, .1); color: rgba(101, 89, 73, 1); 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); /*background: url("../../files/_standards/mobile-menu-bg-kolibri.png") no-repeat; background-position: bottom left; background-size: contain;*/ 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 .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } .mm-panel:before { content: ""; background: url("../../files/_standards/mobile-menu-bg-kolibri.png") no-repeat; background-position: 10% 95%; background-size: 50%; -moz-background: url("../../files/_standards/mobile-menu-bg-kolibri.png") no-repeat; -moz-background-position: 10% 95%; -moz-background-size: 50%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; } .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; padding-top: 40px; } .mm-panel__content { padding: 20px 20px 0 } .mm-panels { background: #f3f3f3; border-color: rgba(0, 0, 0, .1); color: rgba(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; /*background: #EA8D00;*/ } .mm-btn:after, .mm-btn:before { border: 2px solid rgba(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; border-color: #938f8f; } .mm-listitem_selected > .mm-btn_next:after { border-color: #ffffff; } .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 { border-bottom: 0px solid var(--mm-color-border); /*display: none;*/ } .mm-navbar__title { display: none; } .mm-listview { list-style: none; display: block; padding: 0px 0 40px 0; margin: 0 } .mm-listitem { color: rgba(0, 0, 0, .75); border-color: rgba(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: 0px; 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 { font: 500 20px 'bebas-neue', sans-serif; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; 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); background: #EA8D00;*/ border-color: inherit; width: auto; padding-right: 50px; position: relative } .mm-listitem__btn:not(.mm-listitem__text) { border-left-width: 0px; border-left-style: solid } .mm-listitem_selected > .mm-listitem__text { /*background: rgba(255, 255, 255, .4); background: rgba(233,141,0,1);*/ background: var(--mm-color-background-emphasis); color: #ffffff !important; } .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel { background: rgba(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 .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .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: 9; } .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:767px) and (orientation:landscape) { .mm-navbar { background: rgba(255,255,255,0); } .mm-panel:before { opacity: .5; } } @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, .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) * .65) - var(--mm-line-height)) * .5); padding-right: 10px; padding-left: 20px; font-size: 75%; text-transform: uppercase; background: var(--mm-color-background); opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-divider:before { background: rgba(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, .3); box-shadow: 0 2px 10px rgba(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, .3); box-shadow: 0 2px 10px rgba(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, .1); background: #f3f3f3; color: rgba(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, .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 .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .mm-panel_opened-parent .mm-panel__blocker { opacity: .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, .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, .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, .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, .1) } .mm-navbar__tab_selected:not(:last-child) { border-right-color: rgba(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, .1); border-bottom-color: var(--mm-color-border) } .mm-navbars_top .mm-navbar__tab_selected { border-top-color: rgba(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, .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, .1); border-top-color: var(--mm-color-border) } .mm-navbars_bottom .mm-navbar__tab_selected { border-bottom-color: rgba(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, .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, .05); color: rgba(0, 0, 0, .75) } .mm-searchfield input { display: block; width: 100%; max-width: 100%; height: calc(var(--mm-navbar-size) * .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) * .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, .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 .4s ease; -o-transition: margin .4s ease; transition: margin .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 .4s ease; -o-transition: right .4s ease; transition: right .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, .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 .4s ease; -o-transition: background-color .4s ease; transition: background-color .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, .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, .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, .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 .2s ease; -o-transition: background-color .2s ease; transition: background-color .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 .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .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: .3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .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 .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .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: .3; -webkit-transition: opacity .4s ease .4s; -o-transition: opacity .4s ease .4s; transition: opacity .4s ease .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 .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3); box-shadow: 0 2px 10px rgba(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 .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .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, .3); box-shadow: 0 0 10px rgba(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, .3); box-shadow: 0 0 10px rgba(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, .3); box-shadow: 0 0 10px rgba(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 } /* mobile-menu-js-weserauen.css - ENDE */ /* truecolour-mburger START */ /*@media only screen and (min-width:1180px){*/ @media only screen and (min-width:1180px){ #header .mburger { display: none; } } @media only screen and (max-width:1179px){ /*! * mburger CSS v1.3.3 * mmenujs.com/mburger * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-4.0 * http://creativecommons.org/licenses/by/4.0/ */ :root { /* --mb-button-size: 60px;*/ --mb-button-size: 36px; /*--mb-bar-width: 0.6;*/ --mb-bar-width: 0.8; /*--mb-bar-height: 4px;*/ --mb-bar-height: 2px; --mb-bar-spacing: 10px; --mb-bar-spacing: 8px; --mb-animate-timeout: 0.4s } .mburger a:hover, a.mburger:hover, .mburger--squeeze { color: #938f8f; cursor: pointer; } .mburger a, a.mburger { text-decoration: none; } .mburger a:visited, a.mburger:visited { color: #938f8f; } .mburger { background: 0 0; border: none; border-radius: 0; color: #938f8f; display: inline-block; position: absolute; right: 0%; top: 52px; box-sizing: border-box; height: var(--mb-button-size); padding: 0 0 0 var(--mb-button-size); margin: 0; line-height: var(--mb-button-size); vertical-align: middle; appearance: none; outline: 0; cursor: pointer; z-index:10002; } .mburger b { display: block; position: absolute; left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2)); width: calc(var(--mb-button-size) * var(--mb-bar-width)); height: var(--mb-bar-height); border-radius: calc(var(--mb-bar-height)/ 2); background: currentColor; color: inherit; opacity: 1 } .mburger b:nth-of-type(1) { bottom: calc(50% + var(--mb-bar-spacing)); transition: bottom .2s ease, transform .2s ease, width .2s ease } .mburger b:nth-of-type(2) { top: calc(50% - (var(--mb-bar-height)/ 2)); transition: opacity .2s ease } .mburger b:nth-of-type(3) { top: calc(50% + var(--mb-bar-spacing)); transition: top .2s ease, transform .2s ease, width .2s ease } .mm-wrapper_opened .mburger b:nth-of-type(1) { bottom: calc(50% - (var(--mb-bar-height)/ 2)); transform: rotate(45deg) } .mm-wrapper_opened .mburger b:nth-of-type(2) { opacity: 0 } .mm-wrapper_opened .mburger b:nth-of-type(3) { top: calc(50% - (var(--mb-bar-height)/ 2)); transform: rotate(-45deg) } .mburger--collapse b:nth-of-type(1) { transition: bottom .2s ease, margin .2s ease, transform .2s ease; transition-delay: .2s, 0s, 0s } .mburger--collapse b:nth-of-type(2) { transition: top .2s ease, opacity 0s ease; transition-delay: .3s, .3s } .mburger--collapse b:nth-of-type(3) { transition: top .2s ease, transform .2s ease } .mm-wrapper_opened .mburger--collapse b:nth-of-type(1) { bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height)); margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2)); transform: rotate(45deg); transition-delay: calc(var(--mb-animate-timeout) + .1s), calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s) } .mm-wrapper_opened .mburger--collapse b:nth-of-type(2) { top: calc(50% + var(--mb-bar-spacing)); opacity: 0; transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s) } .mm-wrapper_opened .mburger--collapse b:nth-of-type(3) { top: calc(50% - (var(--mb-bar-height)/ 2)); transform: rotate(-45deg); transition-delay: calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s) } .mburger--spin b:nth-of-type(1) { transition-delay: .2s, 0s } .mburger--spin b:nth-of-type(2) { transition-duration: 0s; transition-delay: .2s } .mburger--spin b:nth-of-type(3) { transition-delay: .2s, 0s } .mm-wrapper_opened .mburger--spin b:nth-of-type(1) { transform: rotate(135deg); transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s) } .mm-wrapper_opened .mburger--spin b:nth-of-type(2) { transition-delay: calc(var(--mb-animate-timeout) + 0s) } .mm-wrapper_opened .mburger--spin b:nth-of-type(3) { transform: rotate(225deg); transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s) } .mburger--squeeze b:nth-of-type(1) { transition-delay: .1s, 0s } .mburger--squeeze b:nth-of-type(2) { transition-delay: .1s } .mburger--squeeze b:nth-of-type(3) { transition-delay: .1s, 0s } .mm-wrapper_opened .mburger--squeeze b:nth-of-type(1) { transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s) } .mm-wrapper_opened .mburger--squeeze b:nth-of-type(2) { transition-delay: calc(var(--mb-animate-timeout) + 0s) } .mm-wrapper_opened .mburger--squeeze b:nth-of-type(3) { transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s) } .mburger--tornado b:nth-of-type(1) { transition: bottom .2s ease, transform .2s ease; transition-delay: .2s } .mburger--tornado b:nth-of-type(2) { transition: opacity 0s ease, transform .2s ease; transition-delay: .1s, .1s } .mburger--tornado b:nth-of-type(3) { transition: top .2s ease, transform .2s ease; transition-delay: 0s } .mm-wrapper_opened .mburger--tornado b:nth-of-type(1) { transform: rotate(-135deg); transition-delay: calc(var(--mb-animate-timeout) + 0s) } .mm-wrapper_opened .mburger--tornado b:nth-of-type(2) { opacity: 0; transform: rotate(-135deg); transition-delay: calc(var(--mb-animate-timeout) + .4s), calc(var(--mb-animate-timeout) + .1s) } .mm-wrapper_opened .mburger--tornado b:nth-of-type(3) { transform: rotate(-225deg); transition-delay: calc(var(--mb-animate-timeout) + .2s) } } @media only screen and (max-width: 1179px) { .mburger { top: 30px; } } @media only screen and (max-width: 767px) { .mburger { top: 22px; } } /* truecolour-mburger ENDE */ @charset "utf-8"; /* truecolour-lightbox.css - Start */ #cboxOverlay { background: #fff; opacity: .75; filter: alpha(opacity = 75); } #cboxTitle, #cboxCurrent { font-family:"bebas-neue", sans-serif; font-weight: 400; font-style: normal; font-size: 20px; color: #938f8f; top: -21px; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { outline: none; } #cboxContent { background: #fff; } #cboxLoadedContent { border: 0px solid #000; background: #fff; } #cboxNext { top: 50%; width: 68px; height: 134px; background: url("../../files/_standards/slider-right-arrow.png") no-repeat top right; background-size: cover; } #cboxPrevious { top: 50%; width: 68px; height: 134px; background: url("../../files/_standards/slider-left-arrow.png") no-repeat top left; background-size: cover; } #cboxClose { position: absolute; top: 0px; right: 0px; display: block; background: url("../../files/_standards/close.png") no-repeat top center; width: 79px; height: 79px; text-indent: -9999px; background-size: cover; } /*background: url("../../files/_standards/slider-left-arrow.png") no-repeat top center;*/ #cboxPrevious:hover { background-position: top left; } #cboxNext:hover { background-position: top right; } @media only screen and (max-width:767px) { #cboxClose { width: 40px; height: 40px; } } /* truecolour-lightbox.css - ENDE */