body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /*! * 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} @font-face { font-family: 'NoSpace'; src: url('../../files/fonts/zerowidthspaces.eot'); src: url('../../files/fonts/zerowidthspaces.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/zerowidthspaces.woff') format('woff'), url('../../files/fonts/zerowidthspaces.ttf') format('truetype'), url('../../files/fonts/zerowidthspaces.svg#NoSpace') format('svg'); } /* quicksand-regular - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: url('../../files/fonts/quicksand-v28-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/quicksand-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/quicksand-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/quicksand-v28-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */ } /* quicksand-500 - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 500; src: url('../../files/fonts/quicksand-v28-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/quicksand-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/quicksand-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/quicksand-v28-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */ } /* quicksand-600 - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 600; src: url('../../files/fonts/quicksand-v28-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/quicksand-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/quicksand-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/quicksand-v28-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */ } /* quicksand-700 - latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; src: url('../../files/fonts/quicksand-v28-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/fonts/quicksand-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/quicksand-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/quicksand-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/quicksand-v28-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */ } body { font-size: 100.01%; -webkit-text-size-adjust: 100.01%; color: #3a3a39; background: #f5f5f5 url(../../files/tmpl/footer_overlay.svg) center bottom 116px no-repeat; /* sticky footer */ font-family: 'Quicksand', sans-serif; /* letter-spacing: .02em; */ width: 100%; } .clear { height: .1px; font-size: .1px; line-height: .1px; clear: both; } /* reset ugly borders on iphone */ input[type=text], input[type=search], input[type=button], input[type=submit], input[type=number] { -webkit-appearance: none; border-radius: 0; } input[type=search] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; } textarea, input, button { outline: none; } /* ========================================================================== fonts Quicksand: 400 regular, 500 semi bold, 600 bold, 700 extra bold ========================================================================== */ a, a:focus, a:active { outline: none; } a { color: #821618; text-decoration: none; font-weight: 500; } a:hover { color: #fa9b1e; /* text-shadow: 1px 0 0 currentColor; */ } #main { } #main .inside { font-weight: 500; font-size: 1.03em; line-height: 1.55em; } #main .inside strong { font-weight: 600; } /* .mod_article:first-child > h1:first-child, .mod_article.first > .first h2, .mod_article.first > .first h3, .mod_article.first > .first h4, .mod_article.first > .first h5 { margin-top: 0 !important; padding-top: 0 !important; } */ h1, h2, h3, h4, h5 { line-height: 1.45em; /* margin-top: 1.8em; */ font-family: 'Quicksand', sans-serif; font-weight: 500; hyphens: auto; } h1 { font-size: 1.8em; color: #fa9b1e; font-weight: 600; /* text-transform: uppercase; */ margin-bottom: 1em; } h2 { font-size: 1.3em; color: #fa9b1e; /* margin-bottom: 1.1em; */ } h3 { font-size: 1.2em; color: #fa9b1e; /* margin-bottom: 1.2em; */ } h4 { font-size: 1.1em; color: #f5f5f5; /* margin-bottom: 1.3em; */ } h5 { font-size: 1em; color: #f5f5f5; /* margin-bottom: 1.4em; */ } /* .ce_text must be overflow: visible !important */ /* .ce_headline + h1, .ce_headline + .ce_text h1 { margin-top: -1em !important; } .ce_headline + h2, .ce_headline + .ce_text h2 { margin-top: -1.1em !important; } .ce_headline + h3, .ce_headline + .ce_text h3 { margin-top: -1.2em !important; } .ce_headline + h4, .ce_headline + .ce_text h4 { margin-top: -1.3em !important; } .ce_headline + h5, .ce_headline + .ce_text h5 { margin-top: -1.4em !important; } */ /* ========================================================================== main, container, wrapper ========================================================================== */ #container { margin: 0 auto; max-width: 1030px; width: 93%; /* overflow: auto; */ /* sticky footer */ padding-bottom: 116px; /* sticky footer */ /* bottom: must be same height as the footer */ position: relative; clear: both; /* outline: 1px solid rgba(0,0,0,.2); */ transition: padding-bottom .5s ease-out; } #wrapper { min-height: 100vh; /* sticky footer */ position: relative; overflow: hidden; } #main { position: relative; padding: 50px 0; } #left { position: relative; width: 234px; padding: 110px 0 80px 0; } #main .inside { padding-left: 292px; overflow: visible !important; /* background: rgba(100,50,25,.3); */ } /* ========================================================================== header ========================================================================== */ header { z-index: 1; width: 100%; height: 243px; position: relative; transition: height .5s ease-out; background: transparent url(../../files/tmpl/header_overlay.svg) center bottom no-repeat; } header .inside { height: 100%; margin: 0 auto; max-width: 1030px; width: 93%; position: relative; overflow: hidden; } header .logo a, header .logo { display: inline-block; border-radius: 50% / 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: hidden; } header .logo a { width: 100%; height: 100%; } header .logo { width: 438px; height: 181px; left: -113px; bottom: 4px; position: absolute; background: #fff url(../../files/tmpl/logo_ergotherapie_barmstedt@1x.gif) 130px 43px no-repeat; z-index: 2; } header .inside:after { z-index: 2; position: absolute; display: inline-block; width: 100%; height: 36px; left: 0; bottom: 0; content: ''; background: transparent url(../../files/tmpl/header_inside_overlay.svg) center bottom no-repeat; } header .inside:before { position: absolute; text-align: right; content: 'Praxis für\A Ergotherapie\A und systemische\A Beratung'; white-space: pre-wrap; font-weight: 400; font-size: 1.15em; line-height: 1.5em; color: #fff; text-shadow: 0px 1px 4px rgba(0,0,0,0.8); z-index: 10; bottom: 54px; right: 27px; } header .mod_pageimage { position: absolute; top: 0; } header .mod_pageimage { /* height: calc(100vw / 4.6864406); min-height: 187px; max-height: 236px; */ /* height: 236px; overflow: hidden; */ } /* ========================================================================== footer footermenu ========================================================================== */ footer { position: absolute; /* sticky footer */ z-index: 1; /* sticky footer */ bottom: 0; height: 54px; /* 116px = 54 + 31+ 31 */ padding: 31px 0; width: 4600px; min-width: 4600px; left: 50%; margin-left: -2300px; background: #fff; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 74%, rgba(255,255,255,0) 100%); } footer > .inside { height: 100%; margin: 0 auto; max-width: 1030px; width: 93vw; font-size: .82em; font-weight: 500; color: #3a3a39; } #footermenu { width: auto; position: absolute; top: 0; right: 0; } #footermenu ul { position: relative; text-align: center; margin: 0; } #footermenu ul li { display: block; float: left; position: relative; margin-right: 23px; } #footermenu ul li a { color: #3a3a39; text-decoration: none; } #footermenu ul li a:hover { color: #b0b0b0; } #footermenu ul li strong.active { color: #fa9b1e; } #footermenu ul li a, #footermenu ul li strong { font-weight: 600; } /* #footermenu ul li:after { content: '|'; color: #fff; margin: 0 9px; } */ #footermenu ul li.last:after { content: none; margin: 0; } #footermenu ul li.last { padding-right: 0; margin-right: 0; } #footermenu ul li.first { padding-left: 0; } footer #adressblocks { width: 100%; height: 100%; display: flex; } footer #adressblocks .adressblock { padding: 0 33px; border-right: 2px dotted #fa9b1e; display: flex; flex-flow: column nowrap; justify-content: space-between; } footer #adressblocks .adressblock a { color: #3a3a39; } footer #adressblocks .adressblock a:hover { color: #b0b0b0; } footer #adressblocks .adressblock > span { } footer #adressblocks .adressblock1 { padding-left: 0; } footer #adressblocks .adressblock3 { padding-right: 0; border-right: none; } footer .copyright { position: absolute; right: 0; bottom: 0; color: #b0b0b0; } /* ========================================================================== misc | distances ========================================================================== */ #main .inside .mod_article > .block.last { margin-bottom: 0; } /* padding of first headline */ #main .mod_article:first-child .ce_headline:first-child, #main .mod_article:first-child .ce_text:first-child h1:first-child, #main .mod_article:first-child .ce_text:first-child h2:first-child, #main .mod_article:first-child .ce_text:first-child h3:first-child { padding-top: 0; margin-top: 0; } #main .block { /* clear: both; */ } hr { margin: 1.8em 0 1.6em 0; border: none; border-top: 2px dotted #ccc; background-color: transparent; height: 3px; clear: both; } .ce_divider + .ce_text h1, .ce_divider + .ce_text h2, .ce_divider + .ce_text h3 { margin-top: 0; } .ce_text.listlast + .ce_divider hr, .ce_list + .ce_divider hr { margin-top: .6em; } .spacer1 { display: inline-block; width: 35px; } .spacer2 { display: inline-block; width: 70px; } /* ========================================================================== content elements and images ========================================================================== */ .ce_text { /* overflow: hidden; */ overflow: visible !important; clear: both; } .ce_text p:first-of-type { margin-top: 0; } .ce_text a { color: #821618; text-decoration: underline; font-weight: 500; } .ce_text a:hover { color: #000; text-decoration: none; font-weight: 500; } /* ======================== images, general ======================== */ #main img, #main embed, #main object, #main video { max-width: 100%; height: auto; width: auto; /* IE8 Bug */ } #main .image_container { /* background: #ff9900; */ overflow: hidden; border-radius: 5px; } #main .image_container img { border-radius: 5px; } #main .image_container.withcaption, #main .image_container.withcaption img { border-radius: 5px 5px 0 0; } #main .image_container img, #main .image_container a img { vertical-align: bottom; z-index: 10; position: relative; height: auto; } #main .image_container.float_left, #main .image_container.float_right { height: auto; width: auto; margin-bottom: 0.9em; } #main .image_container.float_left { margin-right: 3%; float: left; } #main .image_container.float_right { margin-left: 3%; float: right; } #main .image_container.float_above { margin-bottom: 0.9em; } #main .image_container.float_below { margin-top: 1em; } #main .image_container figcaption { /* background: #c1b7ae; background: #cac0b7; */ background: #cacaca; font-size: 0.76em; line-height: 1.3em; color: #fff; border-radius: 0 0 5px 5px; position: relative; box-shadow: 0px -1px 0px 0px rgba(255,255,255,.4); padding: 4px 10px; /* border-top: 1px solid #fff; */ z-index: 20; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* ======================== hover effect ======================== */ #main figure.image_container a[data-lightbox] { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; } #main .image_container a[data-lightbox] img, #main .masonry_gallery .image_container a { transition: all 0.5s ease-in-out; } /* #main .image_container a[data-lightbox] img:hover, #main .masonry_gallery .image_container a:hover { transform: scale(1.1) rotate(0.02deg); } */ #main .image_container a[data-lightbox]:hover { cursor: url(../../files/tmpl/cursor_plus.cur), auto; } /* #main .masonry_gallery .image_container a:hover { opacity: .75; } */ #main figure.image_container a[data-lightbox]::before { position: absolute; top: 50%; left: 50%; z-index: 12; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 100%; transform: translate(-50%, -50%); opacity: 0; } #main figure.image_container a[data-lightbox]:hover::before { animation: circle 0.75s; } @keyframes circle { cursor: url(../../files/tmpl/cursor_plus.cur), auto; 0%{ opacity: 1; } 40%{ opacity: 1; } 100%{ width: 200%; height: 200%; opacity: 0; } } /* ======================== images, special ======================== */ #main .image_container.image20, #main .image_container.image25, #main .image_container.image30, #main .image_container.image35, #main .image_container.image40, #main .image_container.image50, #main .image_container.image60, #main .image_container.image70, #main .image_container.image80 { min-width: 150px; } #main .image_container.image100 { width: 100%; margin-right: 0; margin-left: 0; } @media all and (min-width: 1124px) { #main .image_container.image80 { max-width: 80%; } } @media all and (min-width: 971px) and (max-width: 1123px) { #main .image_container.image80 { width: 100%; margin-right: 0; margin-left: 0; } } @media all and (min-width: 851px) and (max-width: 970px) { #main .image_container.image80 { max-width: 80%; } } @media all and (max-width: 850px) { #main .image_container.image80 { width: 100%; margin-right: 0; margin-left: 0; } } @media all and (min-width: 596px) { #main .image_container.image70 { max-width: 70%; } } @media all and (max-width: 595px) { #main .image_container.image70 { width: 100%; margin-right: 0; margin-left: 0; } } @media all and (min-width: 439px) { #main .image_container.image60 { max-width: 60%; } } @media all and (max-width: 438px) { #main .image_container.image60 { width: 100%; margin-right: 0; margin-left: 0; } } @media all and (min-width: 349px) { #main .image_container.image50 { max-width: 50%; } #main .image_container.image40 { max-width: 40%; } #main .image_container.image35 { max-width: 35%; } #main .image_container.image30 { max-width: 30%; } #main .image_container.image25 { max-width: 25%; } #main .image_container.image20 { max-width: 20%; } } @media all and (max-width: 348px) { #main .image_container.image50, #main .image_container.image40, #main .image_container.image35, #main .image_container.image30, #main .image_container.image25, #main .image_container.image20 { width: 100%; margin-right: 0; margin-left: 0; } } /* ======================== toTop ======================== */ #toTop { display: none; text-decoration: none; position: fixed; /* bottom: 5px; */ right: 3.5%; overflow: hidden; width: 41px; height: 41px; border-radius: 50%; border: 3px solid #f89d1b; text-indent: 100%; z-index: 1001; background: rgba(255,255,255,.4); /* background: rgba(255,255,255,.81) url(../../files/tmpl/btn_totop_arrows.svg) center top no-repeat; */ /* background-size: cover; */ /* opacity: .8; */ } @media all and (min-width: 1362px) { #toTop { right: calc(50% - 625px); } } #toTopHover { /* background: rgba(255,255,255,.81) url(../../files/tmpl/btn_totop_arrows.svg) center bottom no-repeat; */ /* background-size: cover; overflow: hidden; float: left; width: 41px; height: 41px; display: block; */ display: block; width: 41px; height: 41px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #toTop:before { content:''; position: relative; top: 16px; left: -28px; display: inline-block; width: 12px; height: 12px; border-top: 3px solid #f89d1b; border-right: 3px solid #f89d1b; transform: rotate(-45deg) skew(8deg, 8deg); transition: all .8s; } #toTop:hover:before { border-top-color: #b37e24; border-right-color: #b37e24; } #toTopHover:active { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1); } #toTop:active, #toTop:focus { outline: none; } /* ======================== (un)ordered lists ======================== */ .ce_list>ul, .ce_text>ul { list-style: none; } .ce_list>ul, .ce_text>ul, .ce_list>ol, .ce_text>ol { margin: 1em 0 1.2em 0; } .ce_list>ul li, .ce_text>ul li { margin: .3em 0; position: relative; /* left: 2.7em; */ margin-left: 2.7em; /* padding-right: 2.7em; */ /* border: 1px solid rgba(0,0,0,.2); */ } /* span requires modified templates */ .ce_list>ul li span, .ce_text>ul li span { display: block; position: relative; } .ce_list>ul li span::before, .ce_text>ul li span::before { content: '\2022'; font-weight: 600; font-size: 1.4em; vertical-align: middle; color: #fa9b1e; display: inline-block; float: left; width: 0.8em; position: absolute; margin-left: -0.8em; /* margin-top: -0.05em; */ } .ce_list>ol, .ce_text>ol { list-style-image: none; font-weight: 600; } .ce_list>ol li, .ce_text>ol li { margin: .3em 0; position: relative; /* left: 2.5em; */ margin-left: 2.5em; /* padding-right: 2.5em; */ color: #fa9b1e; } .ce_list>ol li span, .ce_text>ol li span { font-weight: 500; display: block; margin-left: .2em; color: #3a3a39; } .ce_list>ul, .ce_list>ol { padding-top: 0; } .ce_list>ul strong, .ce_list>ol strong, .ce_text>ul strong, .ce_text>ol strong { font-weight: 600!important; } .ce_list>ol ol, .ce_list>ol ul, .ce_text>ol ol, .ce_text>ol ul, .ce_list>ul ol, .ce_list>ul ul, .ce_text>ul ol, .ce_text>ul ul { margin-left: 1.125em; margin-top: .8em; list-style-type: circle; } /* ========================================================================== colorbox / lightbox / lightcase [x] ========================================================================== */ .lightcase-open { --lc-border-color: #fff; --lc-overlay-color: #f4f4f4; /* beige: eff0eb */ } #lightcase-overlay { background: var(--lc-overlay-color); opacity: .85 !important; } #lightcase-content { /* background-image: linear-gradient(to bottom, var(--lc-border-color) 50%, #fff 50%) !important; */ border-radius: 0px; /* margin-top: -6px; */ } .lightcase-contentInner { border-radius: 16px; margin-bottom: 0px; border: 4px solid var(--lc-border-color); } #lightcase-info { background: var(--lc-border-color); width: 100%; border-radius: 0 0 16px 16px; padding: 30px 0 0 0; margin-top: -30px; } #lightcase-case { border-radius: 16px; } #lightcase-info #lightcase-title { color: #3a3a39; font-size: 1.1em; box-shadow: none; text-shadow: none; padding: 2px 24px 6px 24px; } html:not([data-lc-type=error]) #lightcase-content { box-shadow: none; background: none; } #lightcase-case, #lightcase-info { background: var(--lc-border-color); } #lightcase-case { box-shadow: 0 0 30px rgba(0,0,0,0.5) !important; } .lightcase-icon-play:before, .lightcase-icon-pause:before, .lightcase-icon-close:before, .lightcase-icon-prev:before, .lightcase-icon-next:before { color: #f4941e; } #lightcase-loading, #lightcase-loading:focus, .lightcase-icon-spin:before { color: #f6a800; } #lightcase-sequenceInfo { position: absolute; text-shadow: none; margin: 0 auto; bottom: -30px; width: 100%; text-align: center; z-index: 1000; color: rgba(0,0,0,.8) !important; } @media all and (max-width: 640px) { #lightcase-info { /* margin-top: -30px; */ position: absolute; bottom: 2px; padding: 0; box-shadow: none; background: rgba(255,255,255,.8); /* display: none !important; */ } /* #lightcase-case:after { content:''; display: inline-block; width: 100%; padding: 0px; background: #ff9900; } */ #lightcase-info #lightcase-title { position: relative; color: #3a3a39; font-size: 1.1em; box-shadow: none; text-shadow: none; padding: 6px 24px 5px 24px; top: 0px; background: none; font-size: 1em; } } /* ========================================================================== openstreetmap ========================================================================== */ .mod_openstreetmap_iframe { padding-top: 10px; } .mod_openstreetmap_iframe iframe { width: 100%; width: calc(100% - 2px); border: 1px solid #fff; border-radius: 6px; box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.15); } .mod_openstreetmap_iframe a:before { /* content:'\00BB'; */ content:'\1F50D'; /* 1F50E */ padding-right: 5px; } .mod_openstreetmap_iframe a { display: inline-block; margin-top: 1em; } /* ========================================================================== gallery dk_masonry ========================================================================== */ /* .ce_masonry_gallery, .msry_theme_standard.ce_masonry_gallery { padding: 0; clear: both; } .msry_theme_standard .masonry_gallery { border-radius: 6px; } */ /* .ce_masonry_gallery { margin-top: 5em; } */ .ce_masonry_gallery { padding: 0 !important; } .masonry { overflow: visible; width: 103.3333333%; margin-left: -1.6666666%; } .masonry_gallery { padding: 0 !important; margin-left: 0px !important; margin-right: 0px !important; box-shadow: none !important; border-radius: 6px !important; background: none !important; } .ce_masonry_gallery .masonry .masonry_gallery { width: 30%; margin: 0 !important; padding: 1.6666666% !important; } .ce_masonry_start .masonry .block.gallery_2col { width: calc(50% - 4px); margin: 4px 0; } /* .ce_masonry_start .masonry .spaltenzwischenraum { width: 8px; <- wird in js angegeben (gutter) } */ @media all and (max-width: 657px) { .ce_masonry_gallery .masonry .masonry_gallery { width: 45%; padding: 2.5% !important; } } .ce_text + .ce_masonry, .ce_text + .ce_masonry_gallery { margin-top: 2em; } .ce_masonry + .ce_text, .ce_masonry_gallery + .ce_text { margin-top: 1em; } #main .ce_masonry .image_container.withcaption, #main .ce_masonry_gallery .image_container.withcaption { border-radius: 5px; } #main .ce_masonry_gallery .image_container { position: relative; } #main .ce_masonry .image_container figcaption, #main .ce_masonry_gallery .image_container figcaption { position: absolute !important; bottom: 0px !important; max-width: 100%; } #main .ce_masonry_gallery .image_container figcaption, #main .masonry_gallery .image_container figcaption { border-radius: 0px } #main .ce_masonry_gallery .image_container { border-radius: 0 0 5px 5px; } #main .ce_masonry_gallery .image_container a { border-radius: 0px; } /* #main .masonry_gallery .image_container figcaption { width: 100%; border-radius: 0; position: relative; bottom: 0; } box-shadow: 0px 1px 0px 1px #fff, inset 0px 1px 0px 1px #fff; */ /* ========================================================================== retina stuff ========================================================================== */ @media all and (-webkit-min-device-pixel-ratio: 2), all and ( min--moz-device-pixel-ratio: 2), all and ( -o-min-device-pixel-ratio: 2/1), all and ( min-device-pixel-ratio: 2), all and ( min-resolution: 192dpi), all and ( min-resolution: 2dppx) { header .logo { background: #fff url(../../files/tmpl/logo_ergotherapie_barmstedt@2x.gif) 130px 43px no-repeat; background-size: 232px 106px; } } /* ========================================================================== general media queries: ========================================================================== */ @media all and (max-width: 970px) { header { height: 380px; } header .mod_pageimage { top: 157px; } header .mod_pageimage { width: 100%; display: flex !important; justify-content: center; } header .mod_pageimage .image_container img { /* min-height: 216px; object-fit: cover; */ min-width: 902px; } header .logo a, header .logo { border-radius: 0; } header .logo { width: 232px; height: 106px; left: 50%; top: 25px; margin-left: -116px; position: absolute; background-position: center center; z-index: 2; } #container { padding-bottom: 190px; } footer { height: 54px; /* 190px = 54 + 68 + 68 */ padding: 68px 0; } footer #adressblocks { justify-content: center; } #footermenu { width: 100%; top: -40px; right: auto; left: auto; } #footermenu ul { float: left; left: 50%; } #footermenu ul li { right: 50%; } footer .copyright { right: auto; width: 100%; text-align: center; bottom: -40px; } } @media all and (max-width: 768px) { header .inside:before { text-align: center; content: 'Praxis für Ergotherapie und systemische Beratung'; right: 0; left: 0; bottom: 27px; font-size: 1.1em; } #container { padding-bottom: 290px; } footer { height: 140px; /* 140px = 4 + 68 + 68 */ padding: 68px 0; } footer #adressblocks { flex-flow: column nowrap; justify-content: space-between; align-items: center; /* background: #ff9900; */ /* display: block; */ } footer #adressblocks .adressblock { padding: 0; border-right: none; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; outline: 1px dotted #fff; display: block; text-align: center; line-height: 1.35em; } footer #adressblocks .adressblock1 .row1, footer #adressblocks .adressblock2 .row3, footer #adressblocks .adressblock3 .row3 { display: block; } footer #adressblocks .adressblock1 .row2:after, footer #adressblocks .adressblock2 .row1:after { content: ', '; } /* footer #adressblocks .adressblock2:after { content: '\00a0'; } */ } @media all and (max-width: 499px) { header { height: 351px; } header .mod_pageimage { top: 157px; } header .inside:before { text-align: center; content: 'Praxis für Ergotherapie\A und systemische Beratung'; bottom: 20px; line-height: 1.3em; } header .mod_pageimage .image_container img { min-width: 712px; } } /* ========================================================================== j_accordion ========================================================================== */ .ce_accordionSingle, .ce_accordionStart { margin: 7px 0; } div + .ce_accordionSingle { /* accordion after e.g. ce_text */ margin-top: 2.5em; } .ce_accordion .toggler { text-align: left; padding: 12px 10px 12px 15px; margin-top: 0; margin-bottom: 1px; background: #fff; border-bottom: 1px solid #fff; color: #fa9b1e; font-weight: 600; line-height: 1.3em; position: relative; } .ce_accordion .toggler:hover { background: #fa9b1e; color: #fff; } .ce_accordion .toggler .paragraph { display: inline-block; width: 40px; float: left; } .ce_accordion .toggler div { margin-left: 40px; width: auto; } .ce_accordion .toggler:hover { cursor: pointer; text-align: left; } .ce_accordion .toggler { -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } .ce_accordion .toggler:before { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .ce_accordion .toggler:before { content: ""; position: absolute; width: 15px; height: 15px; top: 50%; top: calc(50% - 7.5px); left: 5px; background: url(../../files/tmpl/toggler_arrow@1x.png) 0 0 no-repeat; background-size: 15px 15px; } /* .ce_accordion .toggler:hover::before, */ .ce_accordion .toggler.active:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ce_accordion .toggler.active { border-radius: 2px 2px 0 0; /* background: rgba(17,80,160,1); */ background: #821618; color: #fff; } .ce_accordion .toggler, .ce_accordion .toggler:focus, .ce_accordion .toggler:active { outline: none; } .ce_accordion .accordion { padding: 1em; margin-bottom: 1px; overflow: auto; margin-top: 1px !important; } .ce_accordionSingle.last .accordion { margin-bottom: 0; } .ce_accordion ul{ margin-left: 1.125em; margin-left: 1.125em; margin-top: .8em; list-style-type: disc; } .ce_accordion li{ margin-bottom: 1em; } /* ========================================================================== mainmenu desktop ========================================================================== */ #mobilemenu, .mmenu_button { display: none; } .mm-wrapper__blocker { visibility: hidden; } #mainmenu { /* background: #ccc; */ display: inline-block; width: 100%; margin-left: 0; float: left; font-size: 1.15em; line-height: normal; border-radius: 0px; } #mainmenu ul li a { transition: all .15s ease-out; } #mainmenu ul.level_1 { position: relative; margin: 0; padding: 0; } #mainmenu ul.level_1>li>a, #mainmenu ul.level_1>li>strong { letter-spacing: .03em; font-weight: 500; line-height: 1.5em; } #mainmenu ul li a, #mainmenu ul li strong { display: block; padding: 6px 12px; /* border-bottom: 1px solid #b3c1ca; */ } #mainmenu ul li a.last, #mainmenu ul li strong.last { border-bottom: none; } /* 1st level default link color */ #mainmenu ul>li>a, #mainmenu ul>li>strong.submenu { color: #fff; } /* 1st level default background color */ #mainmenu ul.level_1>li { margin-top: 20px; } #mainmenu ul.level_1>li:not(.submenu) { background: #fa9b1e; } #mainmenu ul.level_1>li.first { margin-top: 0; } /* 1st level hover color */ /* #mainmenu ul.level_1 strong.submenu:hover, */ #mainmenu ul.level_1>li:hover>a { color: #fff; background: rgba(255,255,255,.3); } /* 1st level active link color */ #mainmenu li.active, #mainmenu li.submenu strong.trail, #mainmenu .level_1>strong.active { color: #fff; } /* 1st level active link background */ #mainmenu ul.level_1 li.active:not(.submenu), #mainmenu ul.level_1 li.trail>a { background: #821618; } /* 1st level 'active button with submenu' background - no active submenu button */ #mainmenu ul.level_1>li>.submenu.active { background: #821618; color: #fff; border-bottom: none; /* font-weight: 500 !important; */ } /* 1st level 'active button with submenu' link|background - active submenu button */ #mainmenu ul.level_1>li>.submenu.trail { background: #821618; color: #fff; border-bottom: none; /* font-weight: 500 !important; */ } #mainmenu ul.level_2 { margin: 10px 0 -10px 0; padding: 0; } #mainmenu ul.level_2>li>a, #mainmenu ul.level_2>li>strong { letter-spacing: 0; font-weight: 500; font-size: .75em; line-height: 1.3em; } /* 2nd level default link|background color */ #mainmenu ul.level_2 li>a { background: transparent; color: #9f7142; border-bottom: 1px solid rgba(250,155,29,.45); } /* 2nd level hover link and bg-color */ #mainmenu ul.level_2 li:hover>a { border-bottom: none; color: #9f7142; background: rgba(250,155,29,.15); border-bottom: 1px solid rgba(250,155,29,.45); } /* 2nd level active link and bg-color */ #mainmenu .level_2 strong.active { border-bottom: none; background: #fff; color: #962527; border-bottom: 1px solid rgba(250,155,29,.45); } /* ========================================================================== mainmenu mobile ========================================================================== */ @media all and (max-width: 970px) { #mainmenu, #left { display: none; } .mm-wrapper__blocker { visibility: visible; } #main .inside { padding-left: 0; } #mobilemenu, .mmenu_button { display: inline-block; } /* .mmenu_button { width: 35px; height: 35px; position: absolute; right: 19px; top: 8px; text-indent: -9999px; border: 2px solid #fff; border-radius: 5px; background: #ffe895; } */ .mmenu_button { visibility: visible; opacity: 1; position: absolute; top: 16px; right: 10px; z-index: 20; width: 41px; height: 41px; border-radius: 50%; border: 3px solid #f89d1b; /* box-shadow: 0px 0px 0px 2px rgba(255,255,255,.8); */ background: #fff; } /* .mmenu_button:hover { opacity: .65; } */ .mmenu_button label.hamburg { display: inline-block; position: relative; } .mmenu_button label.hamburg:hover, .mmenu_button label.hamburg:focus { cursor: pointer; } .mmenu_button input#hamburg { display: none; z-index: 1000; } .mmenu_button label.hamburg { /* rotation duration */ transition: .2s; margin-left: 0; margin-top: 0; width: 41px; height: 41px; border-radius: 50%; } .mmenu_button .line { display: block; height: 3px; width: 25px; background: #f89d1b; border-radius: 2px; transform-origin: center; margin-left: 8px; margin-top: 5px; } .mmenu_button .line.first { margin-top: 11px; } .mmenu_button label.hamburg:hover { /* background: rgba(246,168,0,.1); */ } /* hover devices only */ @media(hover: hover) and (pointer: fine) { .mmenu_button .line { transition: .3s; } .mmenu_button:hover .hamburg .line { /* transform: rotate(90deg); */ transform: scaleX(-1); background: #9f7142; } } /* touch devices only - !!! also see jquery !!! */ .mmenu_button.touchable .line { transition: .5s; /* effect time OUT */ } .mmenu_button.touched .hamburg .line { transition: .5s; /* effect time IN */ transform: scaleX(-1); background: #8a633c; } /* #hamburg:checked + .hamburg .line.first { transform: translateY(9px) rotate(-45deg); } #hamburg:checked + .hamburg .line.middle { opacity: 0; } #hamburg:checked + .hamburg .line.last { transform: translateY(-9px) rotate(45deg); } */ } /* ****************************** */ #mobilemenu { box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.5); z-index: 10000; border-right: 3px solid #ecece4; } #mobilemenu li a.mm-listitem__text, #mobilemenu li span.mm-listitem__text, #mobilemenu li a.mm-listitem__btn { font: 700 1.25em/1.3em 'Quicksand', sans-serif; /* line-height: 1.25em; */ /* text-transform: uppercase; */ } #mobilemenu ul.level_2 li { font-size: .95em; } #mobilemenu.mm-menu_theme-white { --mm-color-border: rgba( 255,255,255, 0.9 ); /* lines, dividers */ --mm-color-button: rgba( 255,255,255, 0.7 ); /* arrows */ --mm-color-text: rgba( 255,255,255, 1 ); /* text */ --mm-color-text-dimmed: rgba( 255,255,255, 0.7 ); /* Menutitle, Counternumber */ --mm-color-background: rgba( 238,238,238, 0.6 ); /* general bg */ --mm-color-background-highlight: rgba( 0,0,0, 0.08 ); --mm-color-background-emphasis: rgba( 0,0,0, .05); /* background color tap, touch */ --mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 ); } /* wrapper bg color */ .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker { opacity: .3; background-color: #000; } /* #mobilemenu.mm-menu { -webkit-tap-highlight-color:var(--mm-color-background-emphasis); -webkit-tap-highlight-color: #001eff; } background active menu button #mobilemenu .mm-listitem_selected>.mm-listitem__text { background:var(--mm-color-background-emphasis); } #mobilemenu .mm-iconbar__tab_selected { background:var(--mm-color-background-emphasis); } #mobilemenu .mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus { background:var(--mm-color-background-emphasis); } #mobilemenu .mm-navbars_top.mm-navbars_has-tabs .mm-navbar { background:var(--mm-color-background-emphasis); } #mobilemenu .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar { background:var(--mm-color-background-emphasis); } #mobilemenu .mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover { background:var(--mm-color-background-emphasis); } #mobilemenu .mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text { background:var(--mm-color-background-emphasis); } */ /* back arrow in menutitle */ #mobilemenu .mm-navbar .mm-btn:before { border-color: #575757; } /* default button background color */ #mobilemenu .mm-listitem { background: #fa9b1e; } /* don't care about this */ #mobilemenu .mm-listitem { color:var(--mm-color-text); } /* text active */ #mobilemenu .mm-listitem_selected { color: #fff; } /* #mobilemenu .mm-listitem_selected a { background: #000 !important; } */ /* arrow color active button */ #mobilemenu .mm-listitem_selected .mm-btn:after { border-color: rgba( 255,255,255, 0.6 ); } /* counter color active button */ #mobilemenu .mm-listitem_selected .mm-counter { color: rgba( 255,255,255, 0.6 ); /* font-weight: bold; */ /* vs. active menu button */ } /* active menu button: font-weight, background (here!), color */ #mobilemenu .mm-listitem_selected .mm-listitem__text { font-weight: 700; background: rgba(130,22,24,1); } /* menu button first level with active submenu button */ #mobilemenu .mm-listitem__text.trail { background: rgba(255,225,185, .3); /* background: linear-gradient(90deg, rgba(130,22,24, .8) 0%, rgba(255,255,255, .9) 100%); */ } /* active menu button -> counter */ #mobilemenu .mm-listitem_selected .mm-listitem__text .mm-counter { font-weight: 700; } /* top section with menu headline */ #mobilemenu .mm-navbar { background: transparent; background: rgba(239,239,239,.9); height: 60px; text-transform: uppercase; } /* borderstripes top and bottom */ #mobilemenu .mm-navbar { border-bottom: 1px solid #fff; } #mobilemenu ul { border-top: 5px solid #efeeed; border-bottom: 5px solid #efeeed; box-shadow: 0px 1px 0px 0px #fff, 0px 0px 15px 5px rgba(102,96,91, .45); } /* OR THIS ONE >> */ /* #mobilemenu ul { outline: 10px solid #000; } */ /* top section with menu headline */ #mobilemenu .mm-navbar .mm-navbar__title { line-height: 50px; color: #777; font-size: 1.3em; font-weight: 700; } /* arrow for active dropdown button (submenu active) */ #mobilemenu .submenu.trail>span::after, #mobilemenu .submenu.trail>span.forward.trail.submenu::after, #mobilemenu li.forward.submenu.trail::after { display: none; } /* distance of dividers / default left: 20px */ #mobilemenu .mm-listitem:after { left: 0; } #mobilemenu ul { /* box-shadow: 0px 1px 0px 0px #fff, 0px -5px 15px 5px rgba(102,96,91, .7); */ /* border-bottom: 9px solid rgba(236,236,228,.7); */ } /* multiline */ .mm-listitem__text { -o-text-overflow: clip; text-overflow: clip; white-space: normal; } /* multiline */ .mm-counter { width: 30px; margin-right: -20px; /* outline: 1px solid #ccc; */ height: 100%; padding: 0; display: flex; align-items: center; justify-content: center; } /* ========================================================================== Contactform ========================================================================== */ .contactform div.widget { display: inline; font-family: 'NoSpace'; /* fight against inline-spaces */ } .contactform div.widget > * { font-family: 'Quicksand', sans-serif; } form.contactform { text-align: left; line-height: 1em; /* reset line-height #main */ border: 1px solid #fff; /* box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,.2); */ /* box-shadow: 0 0 0 1px rgba(0, 0, 0, .01), 0 1px 5px rgba(0, 0, 0, .1); */ box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.15); font-size: 0.8em; border-radius: 0; /* background: #f2f2f2 url('../../files/tmpl_img/bg_contactform.gif') right bottom no-repeat; */ background: rgba(255,255,255,.3); padding: 3% 0; margin-top: 10px; margin-bottom: 45px; position: relative; z-index: 10; border-radius: 6px; } .contactform .container_left, .contactform .container_right { padding: 0 2%; width: 46%; float: left; position: relative; } /* flex adjustment if available */ .contactform .formbody { padding: 0; display: -webkit-box; display: -ms-flex; display: -webkit-flex; display: flex; } .contactform .container_right { display: flex; flex-direction: column; justify-content: space-between; } .contactform .container_left { /* background: #ccc; */ } .contactform .container_right { /* background: #ff9900; */ } .contactform label { width: 40%; display: inline-block; line-height: calc(2.1em + 2px); /* -> .contactform input */ float: left; clear: both; /* background: #ff3300; */ /* vertical-align: baseline; */ } .contactform .multicols label { line-height: 1.5em; padding: .35em 0; } .contactform input, .contactform select { margin-bottom: 1em; /* style line distances here */ float: left; } .contactform select::-ms-expand { display: none; } .contactform label .mandatory { margin-left: 2px; color: #d26669; } .contactform input { display: inline-block; padding: 0.2em 1%; height: 1.7em; } .contactform input, .contactform textarea { /* border: 1px solid #196bb8; */ border: 1px solid #9b7242; border-radius: 4px; background: rgba(255,255,255,.5); opacity: 0.8; box-shadow: inset -2px 5px 5px -5px rgba(0,0,0, 0.15); } .contactform input:focus, .contactform textarea:focus, .contactform input:hover, .contactform textarea:hover { background: rgba(255,255,255,.8); border-color: #7d1c1d; opacity: 1; } .contactform label.label-hidden { visibility: hidden; } .contactform label.label-none { display: none; } .contactform hr { margin: 1em 0 2em 0; border: none; height: 1px; /* background: #812738; */ border-top: 1px dotted #4c4c4c; } .contactform hr.leftright { display: none; } .contactform br { display: none; } .contactform select { color: #fff; font-weight: 600; padding: 0 1%; padding-right: 30px; background: #b78c3f url('../../files/tmpl/bg_select.jpg') right center no-repeat; /* background: #a09c7d; */ text-indent: 0.01px; text-overflow: ''; -webkit-appearance: none; -moz-appearance: none; -o-appearance:none; appearance: none; border: 0 !important; border: 0px solid #000; border-radius: 3px; cursor: pointer; height: calc(2.1em + 2px); line-height: calc(2.1em + 2px); } .contactform select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #fff; } /* .ie .contactform select { background-image: none; padding-right: 1px; } */ .contactform select[name=salutation] { width: 29%; margin-right: 31%; letter-spacing: 0.03em; } .contactform input { width: calc(58% - 2px); } .contactform input[name=first_name], .contactform input[name=surname] { width: calc(27% - 2px); } .contactform input[name=street], .contactform input[name=town] { width: calc(42.5% - 2px); } .contactform input[name=house_number], .contactform input[name=zip] { width: calc(11.5% - 2px); } .contactform input[name=first_name], .contactform input[name=street], .contactform input[name=zip] { margin-right: 2%; } .contactform input[name=email] { margin-bottom: 0; } .contactform textarea { padding: 0.4em 1% 0.4em 1%; line-height: 1.3em; width: 98%; max-width: 98%; min-width: 98%; height: 17.5em; min-height: 17.5em; /* height: calc(13.7em + 7px); min-height: calc(13.7em + 7px); */ margin-bottom: 2em; float: left; } /* body.firefox .contactform textarea { height: calc(13.7em + 8px); } */ .contactform hr.std { margin: 3.5em 0; } .contactform hr.captcha { margin: 2.1em 0 3.2em 0; } .contactform .captcha_text { display: inline-block; line-height: calc(2.1em + 2px); /* margin-bottom: calc(1.4em + 1px); */ margin-bottom: 1em; /* outline: 1px solid #fff; */ } .contactform input.captcha { float: right; width: 25%; } .contactform .explanation { font-size: 0.9em; line-height: 1.3em; } .contactform .container_left .explanation { position: absolute; bottom: 0; padding-top: 1.4em; /* bottom: calc(1.4em - 1px); */ right: 4%; } .contactform .container_left .explanation p { margin: 0; } .contactform .container_right .explanation p { display: inline-block; line-height: calc(2.43055536em + 2px); margin-bottom: 2em; width: 100%; } .contactform .infobox .explanation { text-align: left; } .contactform .infobox .explanation br { display: block; } .contactform .infobox .explanation ul { margin-left: 1.15em; } .contactform button[type=submit] { float: right; width: auto; font-weight: 600; /* letter-spacing: 0.02em; */ font-size: 1.05em; color: #fff; opacity: 1; /* text-shadow: 0 1px 0 rgba(0,0,0,.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; */ padding: 0 1.3em; border: 0px; height: 2.4em; background: #c17b7d; /* background-image: -webkit-linear-gradient(to bottom, #737373 30%, #515151 60%); background-image: -moz-linear-gradient(to bottom, #737373 30%, #515151 60%); background-image: -ms-linear-gradient(to bottom, #737373 30%, #515151 60%); background-image: -o-linear-gradient(to bottom, #737373 30%, #515151 60%); */ background-image: linear-gradient(to bottom, #a15152 30%, #7d1c1d 60%); border-radius: 4px; } .contactform button[type=submit]:hover { cursor: pointer; /* background-image: linear-gradient(to bottom, #bf8d8f 30%, #b07072 60%); */ background-image: linear-gradient(to bottom, #b67d7d 30%, #9b5a59 60%); box-shadow: 0px 0px 8px 8px rgba(255,255,255,.5); } form .infobubble { /* Fragezeichen f. Erklaerungstext */ display: inline-block; color: #fff; cursor: pointer; background: #f59c08; /* padding: 0 0.35em; line-height: 1.2em; */ font-size: 1em; border-radius: 2px; width: 1.6em; height: 1.6em; line-height: 1.6em; margin-left: 0.3em; text-align: center; position: relative; } form .infobubble:hover { background: rgba(245,156,8,.6); } form .infobubble div { display: none; line-height: 1.4em; right: -15px; bottom: 30px; padding: 0.5em; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); width: 180px; color: #fff; text-align: left; position: absolute; } form .infobubble div p { margin: 0; } .ie7 form .infobubble div, .ie8 form .infobubble div { box-shadow: none; border-radius: none; } form .infobubble:hover div { display: block; background: #f59c08; border: 1px solid #fff; } .contactform fieldset.ccfield { /* outline: 1px dotted #ff9900; */ padding-top: 1em; margin-bottom: 3em; margin-top: -3em; } .contactform .ccfield .checkbox_container span { width: 100%; display: inline-block; /* line-height: 1.3em; */ } .contactform fieldset.ccfield input.checkbox { width: auto; height: auto; float: none; display: inline-block; } .contactform fieldset.ccfield label { float: none; width: auto; margin-left: 5px; } p.error { font-weight: bold; color: #c22413; line-height: 1.3em; } div.widget.error label { margin-top: 3.4em; } .contactform input, .contactform textarea, form .infobubble, form .submit { transition: all 150ms ease-out; } /* ========================================================================== Media Queries | Breakpoints: 1 - 594 / 595 - 793 / 794 - 1123 ========================================================================== */ @media all and (min-width: 971px) and (max-width: 1123px), all and (min-width: 1px) and (max-width: 793px) { .contactform { /* background: #17e617; */ /* font-size: 0.75em; */ padding: 3% 0; } .contactform .formbody { display: inline; } .contactform .container_left, .contactform .container_right { padding: 2%; margin: 0; width: 96%; float: none; } .contactform input[name=email] { margin-bottom: 1em; } .contactform .container_left .explanation { /* position: relative; bottom: auto; right: auto; left: 36%; */ display: none; } .contactform hr.leftright { display: block; margin-top: 1em; margin-bottom: 1em; } .contactform label { width: 26%; } .contactform input { width: calc(72% - 2px); } .contactform select[name=salutation] { width: 36%; margin-right: 36%; } .contactform input[name=first_name], .contactform input[name=surname] { width: calc(34% - 2px); } .contactform input[name=street], .contactform input[name=town] { width: calc(51.5% - 2px); } .contactform input[name=house_number], .contactform input[name=zip] { width: calc(16.5% - 2px); } .contactform input[name=first_name], .contactform input[name=street], .contactform input[name=zip] { margin-right: 2%; } .contactform textarea { width: calc(98% - 2px); max-width: calc(98% - 2px); min-width: calc(98% - 2px); height: 15em; min-height: 15em; } .contactform fieldset.ccfield { margin: 0 0 0 26%; } .contactform hr.captcha { margin: 2.1em 0 3.2em 0; margin: 1.2em 0 2em 0; } } @media all and (max-width: 594px) { .contactform label { display: block; width: 100%; padding-bottom: 0; } .contactform .container_left .explanation { left: 0; } .contactform input { width: calc(98% - 2px); height: 2em; } .contactform select[name=salutation] { width: 49%; margin-right: 49%; } .contactform input[name=first_name], .contactform input[name=surname] { width: calc(47% - 2px); } .contactform input[name=street], .contactform input[name=town] { width: calc(77.5% - 2px); } .contactform input[name=house_number], .contactform input[name=zip] { width: calc(16.5% - 2px); } .contactform input[name=first_name], .contactform input[name=street], .contactform input[name=zip] { margin-right: 2%; } .contactform fieldset.ccfield { margin: 0; } .contactform fieldset.ccfield label { display: inline-block; } }