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{float:left}.float_right,.media--right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/*!
* mmenu.js
* mmenujs.com
*
* Copyright (c) Fred Heusschen
* frebsite.nl
*
* License: CC-BY-NC-4.0
* http://creativecommons.org/licenses/by-nc/4.0/
*/.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;display:block;left:0}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;display:block;right:0}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;z-index:2;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}body.modal-open .mm-slideout{z-index:unset}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
.contao-cookiebar {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
font-size: 0;
letter-spacing: 0;
text-align: center;
padding: 15px;
max-height: 100vh;
box-sizing: border-box;
pointer-events: none;
overflow: hidden; }
.contao-cookiebar * {
box-sizing: border-box; }
.contao-cookiebar:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.contao-cookiebar .cc-inner {
display: inline-block;
overflow-y: auto;
max-height: 100%;
max-width: 100%;
opacity: 0;
pointer-events: none;
visibility: hidden;
font-size: 1rem;
text-align: left; }
.contao-cookiebar.cc-top .cc-inner {
vertical-align: top; }
.contao-cookiebar.cc-top.cc-active .cc-inner {
animation: cookiebar-top-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-top.cc-saved .cc-inner {
animation: cookiebar-top-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-bottom .cc-inner {
vertical-align: bottom; }
.contao-cookiebar.cc-bottom.cc-active .cc-inner {
animation: cookiebar-bottom-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-bottom.cc-saved .cc-inner {
animation: cookiebar-bottom-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-middle .cc-inner {
vertical-align: middle; }
.contao-cookiebar.cc-middle.cc-active .cc-inner {
animation: cookiebar-middle-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-middle.cc-saved .cc-inner {
animation: cookiebar-middle-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-left {
text-align: left; }
.contao-cookiebar.cc-right {
text-align: right; }
.contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
margin-top: 0; }
.contao-cookiebar .cc-head p {
margin-bottom: 15px; }
.contao-cookiebar .cc-btn {
display: inline-block;
cursor: pointer;
width: 100%;
padding: 8px 14px;
margin-bottom: 8px;
font-size: 15px;
outline: 0 none;
border: 1px solid #cfcfcf;
border-radius: 4px;
color: #444;
background: #f5f5f5; }
.contao-cookiebar .cc-btn:hover {
background: #ececec; }
.contao-cookiebar .cc-btn:last-child {
margin-bottom: 0; }
.contao-cookiebar .grayscale .cc-btn {
background: #f1efef; }
.contao-cookiebar .grayscale .cc-btn:hover {
background: #ececec; }
.contao-cookiebar .grayscale .cc-btn.success {
background: #fbfbfb; }
.contao-cookiebar .grayscale .cc-btn.success:hover {
background: #f7f7f7; }
.contao-cookiebar .highlight .cc-btn.success {
background: #4e9e3e;
border-color: #3e7830;
color: #fff; }
.contao-cookiebar .highlight .cc-btn.success:hover {
background: #4c933f; }
.contao-cookiebar label {
position: relative;
display: block;
padding: 8px 13px 8px 0;
line-height: 1.2rem; }
.contao-cookiebar label.group {
font-weight: 600; }
.contao-cookiebar input {
position: absolute;
width: 1px;
height: 1px;
outline: 0 none;
opacity: 0; }
.contao-cookiebar input + label {
padding: 8px 13px 8px 50px;
cursor: pointer; }
.contao-cookiebar input + label:before {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 35px;
height: 18px;
margin: 0;
box-sizing: content-box;
border-radius: 10px;
background: #fff;
border: 2px solid #9c9b99;
transition: border-color .2s; }
.contao-cookiebar input + label:after {
display: block;
content: '';
position: absolute;
top: 10px;
left: 4px;
width: 14px;
height: 14px;
border-radius: 10px;
background: #9c9b99;
transition: background .2s, margin-left .2s, padding .2s; }
.contao-cookiebar input + label:active:after {
padding-left: 5px; }
.contao-cookiebar input.cc-group-half + label:after {
background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); }
.contao-cookiebar input:checked + label:after {
background: #399d32;
margin-left: 17px; }
.contao-cookiebar input:checked + label:active:after {
margin-left: 12px; }
.contao-cookiebar input:checked + label:before {
background: #dcf3db;
border-color: #399d32; }
.contao-cookiebar input:disabled + label {
pointer-events: none; }
.contao-cookiebar input:disabled + label:after {
background: #c8c7c5; }
.contao-cookiebar input:disabled + label:before {
background: #f4f4f4;
border-color: #c8c7c5; }
.contao-cookiebar.cc-active .cc-inner {
opacity: 1;
pointer-events: auto;
visibility: visible; }
.contao-cookiebar.cc-active.cc-blocked {
pointer-events: auto;
animation: cookiebar-overlay-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-saved.cc-inner {
opacity: 0;
pointer-events: none;
visibility: hidden; }
.contao-cookiebar.cc-saved.cc-blocked {
pointer-events: none;
animation: cookiebar-overlay-out 0.5s ease-in-out forwards; }
@media (min-width: 768px) {
.contao-cookiebar .cc-btn {
width: auto;
margin-bottom: 0; }
.contao-cookiebar .cc-inner {
max-width: 750px; } }
@keyframes cookiebar-overlay-in {
0% {
background: rgba(0, 0, 0, 0); }
100% {
background: rgba(0, 0, 0, 0.75); } }
@keyframes cookiebar-overlay-out {
0% {
background: rgba(0, 0, 0, 0.75); }
100% {
background: rgba(0, 0, 0, 0);
visibility: hidden; } }
@keyframes cookiebar-top-in {
0% {
opacity: 0;
transform: translateY(-100%); }
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes cookiebar-top-out {
0% {
opacity: 1;
visibility: visible;
transform: translateY(0); }
100% {
opacity: 0;
visibility: hidden;
transform: translateY(-100%); } }
@keyframes cookiebar-middle-in {
0% {
opacity: 0;
transform: scale(0); }
100% {
opacity: 1;
transform: scale(1); } }
@keyframes cookiebar-middle-out {
0% {
opacity: 1;
visibility: visible;
transform: scale(1); }
100% {
opacity: 0;
visibility: hidden;
transform: scale(0); } }
@keyframes cookiebar-bottom-in {
0% {
opacity: 0;
transform: translateY(100%); }
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes cookiebar-bottom-out {
0% {
opacity: 1;
visibility: visible;
transform: translateY(0); }
100% {
opacity: 0;
visibility: hidden;
transform: translateY(100%); } }
.contao-cookiebar {
color: #444444; }
.contao-cookiebar p {
color: #868686;
line-height: 1.4; }
.contao-cookiebar .cc-inner {
padding: 25px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
background: #fff; }
.contao-cookiebar .cc-group {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
position: relative;
border: 1px solid #d0d0d0;
border-radius: 5px;
margin-bottom: 10px; }
.contao-cookiebar .cc-group > label {
flex-grow: 1;
margin: 5px 0 5px 10px; }
.contao-cookiebar .cc-group .cc-detail-btn {
border: 0 none;
outline: 0 none;
background: transparent;
font-size: 13px;
letter-spacing: 0;
text-transform: initial;
cursor: pointer;
color: #a2a2a2;
padding: 8px 10px;
line-height: 1.2rem; }
.contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) {
display: none; }
.contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
display: none; }
.contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
display: inline; }
.contao-cookiebar .cc-group .cc-detail-btn:hover {
color: #717171; }
.contao-cookiebar .cc-group .cc-detail-btn-details {
display: inline-block;
border: 0 none;
outline: 0 none;
background: transparent;
font-size: 13px;
letter-spacing: 0;
text-transform: initial;
cursor: pointer;
color: #a2a2a2;
text-decoration: underline;
padding: 0;
margin: 0 0 10px; }
.contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) {
display: none; }
.contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
display: none; }
.contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
display: inline; }
.contao-cookiebar .cc-group .cc-detail-btn-details:hover {
color: #717171; }
.contao-cookiebar .cc-cookies {
display: none;
width: 100%;
background: #fbfbfb;
border-radius: 0 0 5px 5px; }
.contao-cookiebar .cc-cookies > p {
font-size: 0.875rem; }
.contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
margin: 0;
padding: 15px;
border-top: 1px solid #e6e6e6; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
font-size: 0.875rem;
background: #fff;
padding: 10px;
border-radius: 5px;
border: 1px solid #efefef; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
font-weight: 600; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
margin-top: 5px; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
margin-top: 15px; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p {
margin-bottom: 0; }
.contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
margin-top: 10px; }
.contao-cookiebar .cc-cookies .cc-cookie p {
margin: 0 0 15px;
font-size: 0.875rem; }
.contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
text-align: center; }
.contao-cookiebar .cc-info {
margin-top: 15px; }
.contao-cookiebar .cc-info > p {
font-size: 0.875rem; }
.contao-cookiebar .cc-info > a {
display: inline-block;
font-size: 0.813rem;
color: #a2a2a2;
text-decoration: none; }
.contao-cookiebar .cc-info > a:hover {
color: #717171; }
.contao-cookiebar .cc-info > a + a:before {
display: inline-block;
content: '·';
margin-right: 5px; }
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 0;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
* MPH / M1 Kliniken AG
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Webfonts
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/*************** WEBFONTS ***************/
/* lato-regular - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('../../files/layout/fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Lato Regular'), local('Lato-Regular'),
url('../../files/layout/fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../files/layout/fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../../files/layout/fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../../files/layout/fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/layout/fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('../../files/layout/fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
src: local('Lato Bold'), local('Lato-Bold'),
url('../../files/layout/fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../files/layout/fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../../files/layout/fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
url('../../files/layout/fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/layout/fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../../files/layout/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Roboto'), local('Roboto-Regular'),
url('../../files/layout/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../files/layout/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../../files/layout/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../../files/layout/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/layout/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../../files/layout/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
src: local('Roboto Bold'), local('Roboto-Bold'),
url('../../files/layout/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../files/layout/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../../files/layout/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
url('../../files/layout/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/layout/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* Brand Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* globale Variablen */
:root {
--hilite-color: #EF8005;
--hilite-dark-color: #BD6400;
--link-color: #575756;
--hover-color: #383837;
--border-hilite-color: #EF8005;
--border-hilite-off-color: #FF8C00;
--off-white-color: #F6F6F6 /* #F4F4FB */;
--light-grey-color: #ECEDED; /* all places with ededef, ededed, eceded */
--middle-grey-color: #ABACAD; /* all places with */
--text-color: #575756; /* normal text and button states */
--text-dark-color: #383837; /* active, hover states */
--black-color: #242424; /* almost black */
}
/* Brand M1 Variablen */
.brand-m1 {
--hilite-color: #EF8005;
--hilite-dark-color: #BD6400;
--link-color: #EF8005;
--hover-color: #FF8C00;
--border-hilite-color: #EF8005;
--border-hilite-off-color: #FF8C00;
}
.brand-mph {
--hilite-color: #E9540C;
--hilite-dark-color: #C64000;
--link-color: #E9540C;
--hover-color: #FF5B0C;
--border-hilite-color: #E9540C;
--border-hilite-off-color: #FF5B0C;
}
/* .brand-m1 .slidertext h1, */
/* .brand-m1 .slidertext h2, */
/* .brand-mph .slidertext h1, */
/* .brand-mph .slidertext h2 { color: #fff; } */
/* .brand-m1 h1.ce_headline:after, */
/* .brand-m1 h2.ce_headline:after { border-color: #EF8005; } */
/* .brand-mph h1.ce_headline:after, */
/* .brand-mph h2.ce_headline:after { border-color: #E9540C; } */
.brand-m1 .button { color: var(--text-color); }
.brand-m1 .button:hover,
.brand-m1 .button:focus { color: var(--black-color); }
.brand-m1 .slider-text--inner {
background: var(--hilite-color);
background: rgba(239, 128, 5, 0.9);
/* padding: 3rem; */
}
.brand-mph .bg-opaque .slider-text--inner {
background: transparent;
color: var(--text-color);
padding: 0;
}
.brand-mph .bg-white .slider-text--inner {
background: #fff;
color: var(--text-color);
}
.brand-mph .slider-text * {
color: var(--text-color);
}
.brand-mph .slider-text h1, .brand-mph .slider-text h2 {
color: var(--text-dark-color);
}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
position: relative;
width: calc(100% - 40px);
max-width: 1440px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
@media only screen and (max-width: 549px) {
#Secondary .mod_article {
padding-left: 20px;
padding-right: 20px;
}
}
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box; }
@media only screen and (min-width: 950px) {
.container {
/* width: 85%; */
}
}
@media only screen and (min-width: 1250px) {
.container {
width: calc(100% - 60px);
}
}
@media only screen and (min-width: 550px) {
.container {}
.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child,
.column.first,
.columns.first {
margin-left: 0; }
.one.column,
.one.columns { width: 4.66666666667%; }
.two.columns { width: 13.3333333333%; }
.three.columns { width: 22%; }
.four.columns { width: 30.6666666667%; }
.five.columns { width: 39.3333333333%; }
.six.columns { width: 48%; }
.seven.columns { width: 56.6666666667%; }
.eight.columns { width: 65.3333333333%; }
.nine.columns { width: 74.0%; }
.ten.columns { width: 82.6666666667%; }
.eleven.columns { width: 91.3333333333%; }
.twelve.columns { width: 100%; margin-left: 0; }
.one-third.column { width: 30.6666666667%; }
.two-thirds.column { width: 65.3333333333%; }
.one-half.column { width: 48%; }
.offset-by-one.column,
.offset-by-one.columns { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns { margin-left: 26%; }
.offset-by-four.column,
.offset-by-four.columns { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns { margin-left: 52%; }
.offset-by-seven.column,
.offset-by-seven.columns { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns { margin-left: 78.0%; }
.offset-by-ten.column,
.offset-by-ten.columns { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns { margin-left: 95.3333333333%; }
.offset-by-one-third.column,
.offset-by-one-third.columns { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
.offset-by-one-half.column,
.offset-by-one-half.columns { margin-left: 52%; }
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
font-size: 62.5%; }
body {
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6;
font-weight: 400;
font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: var(--text-color);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1000px) {
body { font-size: 1.4em; }
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 400; }
h1 { font-size: 3.0rem; line-height: 1.2; column-span: all; }
h2 { font-size: 2.4rem; line-height: 1.25; column-span: all; }
h3 { font-size: 2.0rem; line-height: 1.4; }
h4 { font-size: 1.8rem; line-height: 1.4; }
h5 { font-size: 1.6rem; line-height: 1.5; }
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; font-weight: 400; }
h1 {color: var(--hilite-color); }
@media (max-width: 549px) {
h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h1 { font-size: 2.6rem; }
}
@media (min-width: 1250px) {
h1 { font-size: 3.6rem; }
h2 { font-size: 2.6rem; }
h3 { font-size: 2.2rem; }
h4 { font-size: 2.0rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.5rem; }
}
.subtitle {
font-family: "Lato", sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
h1.ce_headline:after,
h2.ce_headline:after {
content: '';
display: block;
margin: 1.5rem 0 1.0rem;
width: 65px;
height: 1px;
border-top: 1px solid var(--border-hilite-color);
}
p {
margin-top: 0;
}
.intro {
font-size: 1.7rem;
}
@media (min-width: 550px) {
.intro {
font-size: 1.8rem;
}
.intro + .intro {
margin-top: 4rem;
}
h1.ce_headline:after, h2.ce_headline:after {
margin: 2rem 0 1rem;
}
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
color: var(--text-color);
/* transition: all ease-in-out 0.2s; */
}
a:hover {
color: var(--text-dark-color); }
#main .ce_text a:not(.button) {
text-decoration: none;
border-bottom: 1px solid var(--hilite-color);
}
.mod_newsarchive h3 a { color: var(--text-color); }
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
height: 50px;
padding: 0 50px;
color: var(--text-color);
text-align: center;
font-family: "Lato", sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 50px;
letter-spacing: 0;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 2px;
border: 1px solid var(--text-color);
cursor: pointer;
box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
color: var(--black-color);
border-color: var(--black-color);
outline: 0; }
.widget-submit button {
line-height: 1;
height: auto;
}
.kontaktform .widget-submit button {
line-height: 50px;
height: 50px;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
background-color: var(--text-color);
border-color: var(--text-color); }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
color: #FFF;
background-color: var(--black-color);
border-color: var(--black-color); }
@media ( min-width: 950px ) {
.button + .button {
margin-left: 2rem;
}
}
/* Cookie Box */
.contao-cookiebar .cc-inner {
font-size: 1.4rem !important;
}
.contao-cookiebar .cc-btn,
.cookiebar_default .cc-group .cc-detail-btn {
line-height: 1;
height: auto;
}
.brand-mph .cookiebar_default .cc-cookies > p,
.brand-mph .cookiebar_default p,
.brand-mph .cookiebar_default .cc-cookies .cc-cookie p {
font-style: normal;
font-size: 1.3rem;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info,
.cookiebar_default .cc-cookies .cc-cookie label.cookie {
font-size: 1.3rem;
}
.contao-cookiebar input + label::before { top: 4px; }
.contao-cookiebar input + label::after { top: 8px; }
/* Cookiebar adjust */
@media (max-width: 550px) {
.cookiebar_default .cc-inner {
padding: 15px;
}
.cookiebar_default .cc-group .cc-detail-btn {
line-height: 1;
height: auto;
display: block;
position: relative;
outline: 1px solid gainsboro;
margin: 5px 10px 10px;
}
.cookiebar_default .cc-group > label {
margin-right: 10px;
}
.cc-footer .cc-btn {
margin: 8px 0;
}
.cookiebar_default .cc-info > a {
display: inline-block;
padding: 8px 0;
font-size: 1.2rem;
}
}
/* Cookiebox oveleon */
.ccb-element-blocker {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 400;
font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
color: var(--text-color);
}
#chart .cc-module {
text-align: center;
}
.cc-module .cc-icon {
position: relative;
width: 125px;
height: 110px;
margin: 0 auto 8px;
}
.cc-module .cc-icon::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-position: center left;
background-size: contain;
background-repeat: no-repeat;
background-image: url("/files/layout/images/cookiebar-default.png");
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 0;
box-shadow: none;
box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid var(--text-color);
outline: 0; }
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 700; }
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal; }
.kontaktform input[type="email"],
.kontaktform input[type="number"],
.kontaktform input[type="search"],
.kontaktform input[type="text"],
.kontaktform input[type="tel"],
.kontaktform textarea {
display: block;
width: 100%;
box-sizing: border-box;
}
.kontaktform textarea {
min-height: 100px;
}
input[type="checkbox"],
input[type="radio"] {
display: inline;
}
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal;
}
.kontaktform .checkbox_container input,
.kontaktform .widget-checkbox input {
display: inline-block;
margin-right: .5rem;
margin-bottom: 0;
margin-bottom: 0;
}
.kontaktform .checkbox_container label,
.kontaktform .widget-checkbox label {
display: inline;
font-weight: 400;
text-transform: none;
}
@media screen and ( max-width: 549px ) {}
@media screen and ( min-width: 550px ) {
.kontaktform label {
/* display: none; */
display: block;
font-weight: 400;
color: #58595a;
font-size: 1.2rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
}
.kontaktform .widget.full {
float: none;
clear: both;
width: 100%;
}
.kontaktform .widget.half {
display: inline-block;
width: 48%;
float: right;
box-sizing: border-box;
}
.kontaktform .widget.half.first {
margin-right: 0%;
float: left;
}
.kontaktform textarea {
min-height: 150px;
}
}
/* Google recaptcha */
.grecaptcha-badge {
z-index: 1;
bottom: 8rem !important;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
list-style: disc outside;
}
.ce_text ul, .teaser ul {
list-style: square outside;
padding-left: 0;
list-style: none;
}
.ce_text ul li, .teaser ul li {
padding-left: 25px;
background: url(../../files/layout/images/list-image-32.png) no-repeat left top;
background-size: 16px 16px;
}
ol {
list-style: decimal outside; }
ol, ul {
padding-left: 25px;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 100%; }
li {
margin-bottom: 1rem; }
ol {
counter-reset: item;
}
ol > li {
counter-increment: item;
}
ol ol > li {
display: block;
}
ol ol > li:before {
content: counters(item, ".") ". ";
margin-left: -20px;
}
ol ul {
list-style: disc;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; }
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
min-width: 50%;
line-height: 1.4;
}
th,
td {
padding: 8px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1;
vertical-align: top; }
th {
border-bottom-color: #899494; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; }
th.col_last,
td.col_last {
padding-right: 15px; }
/* Rating table */
.rating_table table {
width: 100%;
}
.rating_table .col_0 img {
float: left;
max-height: 40px;
vertical-align: middle;
margin-top: -10px;
margin-bottom: -10px;
margin-right: 10px;
}
@media screen and (max-width: 549px) {
.rating_table table {
font-size: 1.3rem;
table-layout: fixed;
}
.rating_table .head_0,
.rating_table .col_0 {
width: 30%;
}
.rating_table .head_3,
.rating_table .col_3 {
display: none;
}
.rating_table .col_0 a,
.rating_table .col_0 a+br {
display: none;
}
.rating_table th.col_last,
.rating_table td.col_last {
padding-right: 0;
}
}
#cap_table * {
vertical-align: middle;
}
#cap_table td,
#cap_table th {
text-align: right;
vertical-align: middle;
}
#cap_table td.col_0,
#cap_table th.head_0,
#cap_table td.foot_0 {
text-align: left;
}
#cap_table .col_0 img {
margin-top: -5px;
margin-bottom: -5px;
float: none;
}
#cap_table tbody tr.row_last td {
border-bottom-color: #899494;
}
#cap_table tfoot td {
border-bottom-color: #899494;
font-weight: bold;
}
.perf_table th {
padding-top: 20px;
}
.perf_table th::before {
content: '';
height: 12px;
width: 24px;
display: inline-block;
margin: 0 0 0 0;
background: url(../../files/layout/images/list-image-32.png) no-repeat left top;
background-size: contain;
}
@media only screen and (min-width: 550px) {
#table_396 .col_last { min-width: 200px; width: 35%;}
}
@media only screen and (max-width: 549px) {
th, td {
padding: 6px 5px;
}
#cap_table .col_2,
#cap_table .col_3,
#cap_table .head_2,
#cap_table .head_3,
#cap_table .foot_2,
#cap_table .foot_3 {
display: none;
}
#cap_table td img {
/*
float: none;
width: auto;
display: block;
height: auto;
max-height: none;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
*/
display: none;
}
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; }
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; }
.centered {
text-align: center;
}
figcaption {
padding: 0 0 2rem;
}
.float_below, .float_above {
max-width: 100%;
}
@media only screen and ( min-width: 550px ) {
.float_right, .float_left { max-width: 50%; }
.float_right,
.float_right figcaption, .float_right .caption { padding: 0 0 2rem 2rem; }
.float_left,
.float_left figcaption, .float_left .caption { padding: 0 2rem 2rem 0; }
}
@media only screen and ( max-width: 549px ) {
.float_right, .float_left { float: none; width: 100%; padding: 0 !important; margin: 0 0 2rem !important;}
}
.css-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 35px;
-webkit-column-gap: 35px;
column-gap: 35px;
}
.css-columns .ce_text {
box-decoration-break: clone;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1;
}
@media only screen and ( max-width: 549px ) {
hr { margin: 1rem; }
}
abbr {
border-bottom: 1px dotted;
text-decoration: none;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
content: "";
display: table;
clear: both; }
/* Contao Classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ce_download,
.ce_downloads {
margin-bottom: 2.5rem;
}
.ce_downloads ul {
list-style: none;
padding-left: 0;
}
.enclosure, #right .enclosure,
.ce_downloads, #right .ce_downloads {
margin: 0 0 3.5rem 0;
border: 0px solid var(--light-grey-color);
}
.home .ce_downloads {
margin-bottom: 0;
}
.mod_newsreader .enclosure {
margin: 3.5rem 0 0 0;
padding: 2rem 2rem;
background: var(--light-grey-color);
}
.mod_newslist .layout_compact .enclosure {
margin: 0 0 0 0;
padding: 2rem 2rem 0;
border: 1px solid #dedede;
background: #fff;
}
.mod_newsreader .enclosure::before {
content: "Downloads";
display: block;
padding: 0;
margin: 0 0 1rem;
font-size: 13px;
font-family: "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 0.05rem;
}
.mod_newsreader .enclosure p {
margin: 0 0 0.5rem;
}
.enclosure {
margin-top: 0;
overflow: auto;
}
.enclosure a,
.ce_downloads a {
color: var(--text-color);
text-decoration: none;
border-bottom: 1px solid var(--hilite-color);
}
.home .ce_downloads a .size,
#berichte .enclosure a .size { display: none; }
figure { display: table; }
figcaption, .caption {
color: var(--text-color);
font-size: 13px;
font-family: "Lato", sans-serif;
text-transform: uppercase;
display: table-caption;
caption-side: bottom;
letter-spacing: 0.05rem;
}
figure.border img,
.border figure img {
border: 1px solid #dedede;
box-sizing: border-box;
padding: 10px;
}
figure.shadow img,
.shadow figure img {
border: 0px solid #dedede;
box-sizing: border-box;
padding: 0;
box-shadow: 0 0px 15px rgba(0,0,0,.1);
margin: 15px;
max-width: calc(100% - 30px);
}
.float_right_grid figure {
box-sizing: border-box;
padding: 20px;
background: #fff;
border: 0px solid var(--light-grey-color);
}
.float_right_grid figure img {
display: block;
width: 100%;
}
@media screen and (min-width: 950px) {
.float_right_grid figure {
width: 30.6%;
}
}
.float_left figcaption,
.float_left .caption {
position: relative;
top: -15px;
}
.ce_gallery > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
}
.ce_gallery.align_top>ul {
-ms-flex-align: start;
align-items: flex-start;
}
.ce_gallery.align_bottom>ul {
-ms-flex-align: end;
align-items: flex-end;
}
.ce_gallery.align_left>ul {
-ms-flex-pack: start;
justify-content: flex-start;
}
.ce_gallery.align_right>ul {
-ms-flex-pack: end;
justify-content: flex-end;
}
.ce_gallery>ul:after {
display: block;
content: " invisible node "
flex(999 999 auto)
}
.ce_gallery>ul li {
float: none;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0;
padding: 5px;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ce_gallery>ul li figure {
width: 100%;
text-align: center;
margin-bottom: 0;
}
.ce_gallery>ul.cols_1 li { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; }
.ce_gallery>ul.cols_2 li { -ms-flex: 0 0 50%; flex: 0 0 50%; }
.ce_gallery>ul.cols_3 li { -ms-flex: 0 1 30%; flex: 0 0 33.33%; }
.ce_gallery>ul.cols_4 li { -ms-flex: 0 0 25%; flex: 0 0 25%; }
.ce_gallery>ul.cols_5 li { -ms-flex: 0 0 19.5%; flex: 0 0 20%; }
.ce_gallery>ul.cols_6 li { -ms-flex: 0 0 15.5%; flex: 0 0 16.666%; }
.ce_gallery>ul.cols_7 li { -ms-flex: 0 0 14.0%; flex: 0 0 14.285%; }
.ce_gallery>ul.cols_8 li { -ms-flex: 0 0 11.5%; flex: 0 0 12.5%; }
.ce_gallery>ul.cols_9 li { -ms-flex: 0 0 10.5%; flex: 0 0 11.33%; }
.ce_gallery>ul.cols_10 li { -ms-flex: 0 0 9.5%; flex: 0 0 10%; }
.ce_gallery>ul.cols_11 li { -ms-flex: 0 0 9.0%; flex: 0 0 9.09%; }
.ce_gallery>ul.cols_12 li { -ms-flex: 0 0 8.0%; flex: 0 0 8.333%; }
@media only screen and (max-width: 549px) {
.ce_gallery>ul li { -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; }
.ce_gallery figure { margin-bottom: 1rem; }
}
/* Akkordeon */
.ce_accordion {
position: relative;
overflow: visible;
}
.ce_accordion:last-child {
margin-bottom: 1rem;
}
.ce_accordion .toggler {
position: relative;
margin-bottom: -2px;
padding: 1.2rem 2.5rem 1.2rem 2.5rem;
border: 1px solid #dedede;
outline: none;
font-weight: bold;
cursor: pointer;
color: var(--text-color);
background: white;
}
.ce_accordion .toggler.active {
color: #e01e26;
}
.ce_accordion .accordion {
position: relative;
overflow: hidden;
/* collapse borders */
margin-bottom: -2px;
padding: 1.5rem 2.5rem;
border: 1px solid #dedede;
border-top-color: var(--light-grey-color);
background: var(--light-grey-color);
}
.ce_accordion .toggler:after {
font-size: 2rem;
font-weight: 400;
line-height: 1;
content: "+";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 1.3rem;
right: 2rem;
}
.ce_accordion .toggler:hover {
color: var(--text-color);
text-decoration: none;
}
.ce_accordion .toggler.ui-accordion-header-active:after {
content: "-";
}
.enclosure img, .mime_icon {
vertical-align: middle;
}
/* Images */
.grayscale img {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
transition: all ease-in-out 0.5s;
}
.grayscale img:hover {
-webkit-filter: grayscale(0);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(0);
}
.opaque img {
opacity: 0.5;
transition: all ease-in-out 0.5s;
}
.opaque img:hover {
opacity: 1;
}
.darken img {
mix-blend-mode: darken;
}
.multiply img {
mix-blend-mode: multiply;
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}
/* Larger than tablet */
@media (min-width: 750px) {}
/* Larger than desktop */
@media (min-width: 1000px) {}
/* Larger than Desktop HD */
@media (min-width: 1200px) {}
/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#wrapper {
max-width: 100vw;
overflow: hidden;
/* max-width: 1760px; */
margin: 0 auto;
box-sizing: border-box;
background: var(--off-white-color);
}
@media only screen and ( min-width: 1000px ) {
.home #wrapper, #wrapper {padding-top: 88px;}
.home #header { background-color: #fff;}
}
@media only screen and ( min-width: 1250px ) {
.home #wrapper, #wrapper {padding-top: 98px;}
}
@media only screen and ( min-width: 1680px ) {
body {
/* background: var(--light-grey-color); */
}
#wrapper {
/* border-left: 40px solid #fff; */
/* border-right: 40px solid #fff; */
}
}
#header {
background: #fff;
border-top: 3px solid var(--border-hilite-color);
}
#header .inside {
padding: 1rem 0;
}
@media ( min-width: 1000px ) {
#header {
background: #fff;
background-color: rgba(255,255,255,0.8);
box-shadow: 0 1px 15px rgba(0,0,0,.1);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
#header.stickytop {
position:fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
-webkit-backface-visibility: hidden;
-webkit-transform:translate3d(0,0,0);
box-shadow: 0 1px 15px rgba(0,0,0,.1);
}
.sticky-top + * { margin-top: 125px; }
#header .inside {
padding: 2.7rem 0 1rem;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
}
@media only screen and ( max-width:549px ) {
#header {
/* padding: 0 2.5rem 0; */
padding: 0 2rem;
min-height: 65px;
}
#header .inside {
width: auto;
}
#logo {
max-width: 55%;
margin: 5px 0 0;
width: auto;
}
}
@media only screen and ( min-width: 550px ) {
#logo {
display: block;
max-width: 200px;
margin: 0 auto 2rem;
}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
#logo { margin-bottom: 0; }
}
@media only screen and ( min-width: 1000px ) {
#logo {
display: inline-block;
width: 25%;
margin: 0 auto 0 0;
align-self: flex-start;
}
}
@media only screen and ( min-width: 1250px ) {
#logo {
display: inline-block;
width: 25%;
vertical-align: middle;
}
}
/* main content */
#container {
z-index: 1;
}
#left {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
float: none;
margin: 0;
padding: 2rem 0;
}
#right {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
float: none;
margin: 0;
padding: 2rem 0;
}
#main {
flex: 1 1 auto;
float: none;
margin: 0;
padding: 0;
}
#container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* 1 Spalte */
.one-column #container {
display: block;
width: calc(100% - 40px);
max-width: 1440px;
/* width: 100%; */
/* max-width: none; */
}
.one-column #container .inside {
/* width: 85%; */
/* max-width: 1440px; */
/* margin: 0 auto; */
}
/* .one-column #main { */
/* margin: 0; */
/* } */
/* .home #main { */
/* padding: 0; */
/* } */
/* 2 Spalten */
.two-column {}
#Subcontent {
padding-top: 2rem;
}
#right {
border-top: 3px double #dedede;
padding-top: 2rem;
}
#main .mod_article {
background: #fff;
padding: 2rem;
}
.home #main .mod_article {
padding: 0;
margin-bottom: 0;
background: transparent;
}
.pressespiegel #main .mod_article {
padding: 0;
background: transparent;
}
#main .mod_article.tiles {
padding: 0rem 0 0;
background: transparent;
}
@media only screen and (max-width: 549px) {
#left, #main, #right {
/* padding: 2rem; */
}
#container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#main {
flex-basis: 100%;
max-width: 100%;
box-sizing: border-box;
margin-top: 2rem;
}
#left { -ms-flex-order: 1; order: 1; }
#main { -ms-flex-order: 2; order: 2; }
#right { -ms-flex-order: 3; order: 3; margin-top: 2rem !important;}
.one-column #container .inside { width: 100%; }
/* .home.one-column #container .inside { width: 85%; } */
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
#container {
margin-top: -2rem;
}
}
@media only screen and (min-width: 550px) {
#container {
flex-wrap: wrap;
max-width: 1440px;
}
.two-column #container { }
#left, #right, #main {
-ms-flex-negative: 1;
-ms-flex-positive: 1;
-ms-flex-preferred-size: 0px;
/* padding: 2rem 0; */
flex-shrink: 1;
flex-grow: 1;
/* outline: 1px solid blue; */
}
#main {
flex-basis: 100%;
flex-shrink: 0;
-ms-flex-negative: 1;
-ms-flex-positive: 1;
-ms-flex-preferred-size: 0px;
}
#left {
margin: 0 35px 0 0;
-ms-flex-negative: 1;
-ms-flex-positive: 1;
-ms-flex-preferred-size: auto;
}
#right {
flex-basis: 50%;
-ms-flex-negative: 1;
-ms-flex-positive: 1;
-ms-flex-preferred-size: auto;
}
/* .one-column #main { */
/* padding: 2rem 0; */
/* } */
}
@media only screen and (min-width: 550px) and ( max-width: 949px ) {
#right .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
flex-direction: row;
justify-content: space-between;
margin-left: -17.5px;
margin-right: -17.5px;
}
#right .inside > * {
flex-basis: 50%;
margin: 0 17.5px 35px 17.5px;
width: auto;
-ms-flex: 1 1 0px;
flex: 1 0px;
min-width: 180px;
flex-basis: calc(50% - 35px);
flex-shrink: 1;
flex-grow: 1;
box-sizing: border-box;
}
#right .inside .kontaktbox {
margin: 0 17.5px 35px 17.5px;
}
#right .inside .kontaktbox::before {
content: 'Kontakt';
display: block;
font-size: 2.0rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 2rem;
font-weight: 400;
}
#right .inside .news_list {
padding: 0;
}
.home #main {
padding-top: 3rem;
}
}
@media only screen and (min-width: 950px) {
#right, #Subcontent {
border-top: none;
padding-top: 0;
}
#container {
/* width: 85%; */
}
#main {
width: auto;
margin: 0;
-ms-flex: 1 0px;
flex: 1 0px;
-ms-flex-order: 2;
order: 2;
}
#left {
width: 33%;
margin: 0 35px 0 0;
-ms-flex-negative: 0;
-ms-flex-positive: 0;
-ms-flex-preferred-size: auto;
flex: 1 33%;
min-width: 180px;
max-width: 30%;
-ms-flex-order: 1;
order: 1;
}
#right {
width: 100%;
-ms-flex-negative: 1;
-ms-flex-positive: 1;
-ms-flex-preferred-size: auto;
flex: 1 100%;
flex-basis: 100%;
-ms-flex-order: 3;
order: 3;
}
/* #left, #right, #main { */
/* padding: 3rem 0; */
/* } */
.two-column #container { }
.two-column #main { margin-left: 0; }
}
@media only screen and (min-width: 950px) and ( max-width: 1249px ) {
.brand-m1 #right {
width: 30%;
-ms-flex-negative: 0;
-ms-flex-positive: 0;
-ms-flex-preferred-size: auto;
flex: 1 30%;
min-width: 180px;
max-width: 260px;
-ms-flex-order: 2;
order: 2;
margin: 0 0 0 35px;
padding: 3rem 0;
}
.home #main {
padding-top: 3rem;
}
}
@media only screen and (min-width: 1250px) {
#wrapper { }
#main {
width: auto;
margin: -3vw 35px 0 0;
/* position: relative; */
/* top: 0; */
}
.one-column #container {
width: calc(100% - 60px);
}
.home #main {
margin: 0;
top: 0;
padding: 0;
padding-top: 3vw;
}
/* .one-column #main { */
/* padding: 7rem 0; */
/* } */
/* #main .mod_article { */
/* padding: 3rem; */
/* margin-bottom: 3.5rem; */
/* } */
/* .home #main { */
/* position: relative; */
/* top: 0; */
/* padding: 0; */
/* } */
/* .home #main .mod_article { */
/* padding-left: 0; */
/* padding-right: 0; */
/* margin-bottom: 0; */
/* background: transparent; */
/* } */
.presse #main .mod_article {
background: transparent;
padding: 0;
margin-bottom: 0;
}
#left {
width: 17.5%;
-ms-flex-negative: 0;
-ms-flex-positive: 0;
-ms-flex-preferred-size: auto;
flex: 1 17.5%;
max-width: 17.5%;
margin: 0 35px 0 0;
}
#right {
width: 22.5%;
-ms-flex-negative: 0;
-ms-flex-positive: 0;
-ms-flex-preferred-size: auto;
flex-basis: 22.5%;
min-width: 150px;
max-width: 23%; /* 22.5% */
-ms-order: 3;
order: 3;
padding-top: 3rem !important;
}
}
/* Sidebar rechts */
#right .inside > div {}
#right .mod_newslist ul {
list-style: square url(../../files/layout/images/list-style-blue.png) outside;
}
.box-white {
background: #e9e9ea;
margin-bottom: 3.5rem;
}
.box-white.padding-m {
padding: 2rem;
}
.padding-m p:last-child {
margin-bottom: 0;
}
#right .news_teaser .layout_latest,
#right .news_list {
background: #e9e9ea;
flex-grow: 1;
}
/* Secondary */
#Secondary {
margin-top: 2rem;
}
.mod_article.fullscreen {
background: var(--light-grey-color);
}
.mod_article.fullscreen .inside {
/* width: 85%; */
max-width: 1440px;
margin: 0 auto;
padding: 2rem 0;
}
@media only screen and (min-width: 550px) {
.mod_article.fullscreen .inside {
padding: 3rem 0;
}
}
@media only screen and (min-width: 1000px) {
.mod_article.fullscreen .inside {
padding: 5rem 0;
}
#Secondary {
margin-top: 3rem;
}
}
/* subcontent */
#Subcontent {
max-width: 1440px;
/* width: 85%; */
width: calc(100% - 40px);
margin: 0 auto;
padding: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home #Subcontent {}
#Subcontent > .fullwidth {
width: auto;
-ms-flex: 1 1 0px;
flex: 1 0px;
flex-basis: 100%;
margin-bottom: 0 /*35px*/;
}
@media only screen and (max-width: 549px) {
#Subcontent {
width: auto;
}
}
@media only screen and (min-width: 550px) {
#Subcontent {
padding: 2rem 0 5rem 0;
}
.home #Subcontent {
padding: 3.5rem 0 0;
}
}
@media only screen and (min-width: 750px) {
.home #Subcontent {
padding-top: 0;
}
}
@media only screen and ( min-width: 950px ) {
.home #Subcontent {
/* padding: 0; */
}
.home #Subcontent,
.one-column #Subcontent { }
#Subcontent .news_teaser {
-ms-flex: 1 0px;
/* width: 100%; */
/* not necessary - default full-width */
}
.leistungen #Subcontent .news_teaser {
width: 67%; /*calc(67% - 35px)*/
flex-basis: 67%; /*calc(67% - 35px)*/
flex-grow: 1;
flex-shrink: 1;
}
}
@media only screen and ( min-width: 1250px ) {
#Subcontent {
width: calc(100% - 60px);
}
.home #Subcontent {
padding: 0;
}
.leistungen #Subcontent .news_teaser {
width: calc(75% - 35px);
flex-basis: calc(75% - 35px);
flex-grow: 1;
flex-shrink: 1;
}
}
/* Footer */
#footer {
background: #fff;
color: #666;
padding: 2rem 0;
position: relative;
}
#footer::before {
display: block;
content: '';
margin: 2rem auto;
height: 1px;
border-top: 1px solid var(--border-hilite-color);
}
@media screen and ( max-width:549px ) {
#footer { padding: 0; }
#footer .container { padding: 0; }
}
@media ( min-width: 550px ) {
#footer {
padding: 2rem 0;
margin: 2rem 0 0;
}
}
@media only screen and (min-width: 950px) {
#footer {
padding: 5rem 0;
margin: 5rem 0 0;
}
#footer::before {
margin: 5rem auto 2rem;
width: 100%;
max-width: 1480px;
position: absolute;
top: -8rem;
left: 50%;
transform: translate(-50%, 0);
}
}
@media only screen and (min-width: 1250px) {
#footer::before {
width: 90%;
}
}
#footer .copyright {}
#footer nav {
overflow: visible;
}
#footer nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer nav li {
display: inline;
margin: 0 5px 0 0;
padding: 0;
}
#footer nav li.last {
margin-right: 0;
}
#footer nav a,
#footer nav strong {
display: inline-block;
padding: 0.5rem 0;
font-size: 1.4rem;
color: #666;
text-decoration: none;
}
.brand-m1 #footer nav a,
.brand-m1 #footer nav strong {
color: #666;
}
#footer nav a:hover {
color: #444;
}
@media only screen and ( min-width: 550px ) {
#footer nav li {
margin: 0 2rem 0 0;
}
}
@media only screen and (min-width: 950px) {
#footer .copyright {
display: inline-block;
width: 35%;
}
#footer nav {
display: inline-block;
width: 65%;
float: right;
text-align: right;
}
#footer nav li {
margin: 0 1px;
}
#footer nav a,
#footer nav strong {
padding: 0 1rem;
}
}
/* Sprunglink */
#toTop {
width: 35px;
height: 35px;
position: absolute;
right: 0; top: 25px;
z-index: 10;
display: block;
margin: 0;
padding: 0;
border: 0px transparent;
border-radius: 1px;
text-indent: -10000px;
background: var(--light-grey-color) url("../../files/layout/images/up.png") center center no-repeat;
background-size: contain;
outline: 0;
cursor: pointer;
mix-blend-mode: multiply;
}
#toTop:hover {
background-color: #c8c8cf;
}
#toTop:active {
background-position: center 5px;
}
.mobile #toTop,
#toTop {
position: fixed;
top: auto;
right: 2.5rem;
bottom: 2.5rem;
opacity: 0.6;
margin: 0;
background-color: var(--light-grey-color);
color: #fff;
opacity: 0.9;
}
.mobile #toTop:hover,
#toTop:hover {
background-color: #c8c8cf;
}
@media only screen and (min-width: 950px) {
.js #toTop,
#toTop { right: 4rem; }
}
/* Hauptnavigation */
.main_nav {}
.main_nav ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
overflow: visible;
}
.main_nav li {
padding: 0;
margin: 0 0rem;
display: inline-block;
position: relative;
}
.main_nav a,
.main_nav strong {
padding: 0.2rem 0.5rem;
/* font-family: "Lato", sans-serif; */
/* text-transform: uppercase; */
letter-spacing: 0;
font-size: 1.5rem;
color: var(--text-color);
text-decoration: none;
}
.main_nav a:hover {
color: var(--black-color);
/* border-bottom: 1px solid var(--text-color); */
}
.main_nav .active > span,
.main_nav .trail > a {
color: var(--hilite-color);
}
.main_nav .submenu > a::after,
.main_nav .submenu > strong::after {
content: "\e800";
color: #999;
font-family: "m1-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: auto;
margin: 0 5px 0 15px;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main_nav .level_2 {
position: absolute;
left: 0;
top: 4.4rem;
z-index: 3;
text-align: left;
background: #fff;
width: auto;
min-width: 225px;
max-width: 275px;
padding: 0rem 0;
border-top: 3px solid var(--border-hilite-off-color);
box-shadow: 0 2px 3px rgba(0,0,0,0.15);
visibility: hidden;
opacity: 0;
transform: translate(0, 10px);
transition: all ease-in-out 0.3s;
}
.main_nav li:hover .level_2 {
display: block;
transform: translate(0, 0);
visibility: visible;
opacity: 1;
}
.main_nav .level_2 li {
display: block;
margin-bottom: 0;
}
.main_nav .level_2 a,
.main_nav .level_2 strong {
display: block;
padding: 0.2rem 2rem;
border-bottom: 0px solid var(--light-grey-color);
text-transform: none;
line-height: 1.35;
}
.main_nav .level_2 a:hover,
.main_nav .level_2 strong:hover {
background-color: var(--light-grey-color);
}
@media only screen and ( min-width: 550px ) {
.main_nav {
display: block;
width: 100%;
overflow: visible;
}
}
@media only screen and ( min-width: 1000px ) {
.main_nav {
display: inline-block;
width: 75%;
width: calc(75% - 100px);
max-width: calc(100% - 375px);
text-align: right;
vertical-align: top;
overflow: visible;
margin-right: 2rem;
/* float: right; */
}
.main_nav a, .main_nav strong {
padding: 1rem;
display: block;
}
.main_nav .level_2 a,
.main_nav .level_2 strong {
padding: 1rem;
}
}
@media only screen and ( min-width: 1250px ) {
.main_nav {
padding-top: 1.2rem;
}
.main_nav a, .main_nav strong {
padding: 1rem 2rem;
}
.main_nav .level_2 a,
.main_nav .level_2 strong {
padding: 1rem 2rem;
}
}
/* language Sprachenwechsler */
.lang_nav {
font-size: 1.2rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
}
.lang_nav ul, .lang_nav li {
margin: 0;
padding: 0;
list-style: none;
}
.lang_nav li {
display: inline-block;
padding: 0.75rem 0;
}
.lang_nav li > a,
.lang_nav li > strong {
display: inline-block;
background: transparent;
/* background: var(--light-grey-color); */
color: var(--text-color);
padding: 0.5rem 0.25rem;
margin: 0 0 0 1rem;
text-decoration: none;
font-style: normal;
font-weight: normal;
}
.lang_nav li > strong {
color: var(--text-color);
}
.lang_nav li.last:not(.first)::before {
display: inline-block;
content: ' ';
width: 1px;
height: 16px;
border-left: 1px solid var(--middle-grey-color);
vertical-align: middle;
line-height: 1;
padding: 0;
margin: 0 0 0 .5rem;
}
@media only screen and ( max-width:549px ) {
.lang_nav {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 4rem;
}
.lang_nav li {
padding: 0;
}
.lang_nav li > a, .lang_nav li > strong {
padding: 0.8rem;
margin: 0;
background: var(--off-white-color);
opacity: 0.9;
}
.lang_nav li > a:hover {
opacity: 1;
background: var(--light-grey-color);
}
.lang_nav li.active {
display: none;
}
.lang_nav li.last:not(.first)::before {
display: none;
}
}
@media only screen and ( min-width: 1000px ) {
.lang_nav {
display: inline-block;
width: auto;
text-align: right;
vertical-align: top;
overflow: visible;
margin: 0 0 0 0;
}
}
/* Mobile menu */
@media screen and (min-width: 768px) {
.mod_mmenu, #mmenu:not( .mm-menu ) {
display: none;
}
}
.menutoggle { display: none; flex: none; }
@media screen and (max-width: 767px) {
.menutoggle {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
z-index: 10;
width: 3rem;
height: 3rem;
text-indent: -9999px;
font-size: 1em;
}
.menutoggle img {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 10;
background: var(--light-grey-color);
opacity: 0.9;
padding: 5px;
}
.main_nav {
display: none;
visibility: hidden;
}
}
@media screen and (max-width: 767px) {
.menutoggle img {
background: transparent;
padding: 0;
}
}
/* Unternavigation */
.sub_nav {}
.sub_nav ul {
padding: 0;
margin: 0 0 2rem;
list-style: none;
}
.sub_nav li {
display: block;
margin-bottom: 0;
}
.sub_nav li > a,
.sub_nav li > span,
.sub_nav li > strong {
display: block;
padding: 0.8rem 2rem;
border: 0;
text-transform: none;
background: #e9e9ea /* #fff */;
color: #545454;
border-bottom: 1px solid var(--off-white-color) /* #dedede */;
text-decoration: none;
}
.sub_nav .last > * {
border-bottom: 0;
}
.sub_nav .trail a {
color: var(--hilite-dark-color);
}
.sub_nav .active span,
.sub_nav .active strong,
.sub_nav .active {
color: var(--hilite-color);
}
.sub_nav .active > span {
font-weight: bold;
}
@media only screen and ( min-width: 550px ) {
.sub_nav ul {
margin: 0 0 3.5rem 0;
}
}
/* News Categories in Subnav */
/* .mod_newscategories */
.sub_nav.mod_newscategories li.active {
display: block;
padding: 0.8rem 2rem;
border: 0;
text-transform: none;
background: #e9e9ea /* #fff */;
border-bottom: 1px solid var(--off-white-color) /* #dedede */;
text-decoration: none;
}
.sub_nav.mod_newscategories .active > strong {
display: inline;
padding: 0;
border: 0;
}
.sub_nav.mod_newscategories li img {
display: inline-block;
max-width: 24px;
vertical-align: middle;
margin: 0 1rem 0 0;
filter: grayscale(100%);
}
.sub_nav.mod_newscategories li.active img {
filter: grayscale(0%);
}
/* Nav Skiplink / Artikelnavigation */
.skip_nav {
padding: 0;
margin: 0 0 2rem;
list-style: none;
}
.skip_nav li {
margin: 0;
}
.skip_nav a {
display: block;
padding: 0.8rem 2rem;
background: #fff;
color: #545454;
border-bottom: 1px solid #dedede;
text-decoration: none;
}
.skip_nav a:focus, .skip_nav a:active { color: var(--hilite-color); }
.skip_nav .last a {
border-bottom: 0;
}
.skip_nav a::after {
float: right;
content: "\e800";
color: #999;
font-family: "m1-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: auto;
margin: 0 5px;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1.6;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Navigation Jahresarchiv */
.mod_newsmenu ul ul {
margin-bottom: 0px;
}
.mod_newsmenu ul ul .last a {
border-bottom: 1px solid #dedede;
}
.mod_newsmenu ul ul a,
.mod_newsmenu ul ul span {
padding-left: 30px;
}
.mod_newsmenu ul ul a::before,
.mod_newsmenu ul ul span::before {
content: "\e802";
color: #999;
font-family: "m1-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: auto;
margin: 0 10px 0 0;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
/* font-size: 120%; */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Navigation Sitemap */
.mod_sitemap {}
.mod_sitemap ul {
list-style: none;
padding-left: 0;
}
.mod_sitemap ul ul {
margin-top: 0;
margin-bottom: 1.25rem;
}
.mod_sitemap li {
margin: 0;
}
.mod_sitemap .level_1 > li {
margin-bottom: 0.5rem;
}
.mod_sitemap a {
color: #666;
text-decoration: none;
}
.mod_sitemap .level_1 > li > a {
font-weight: 700;
}
.mod_sitemap .level_2 a::before {
content: "\e802";
color: #999;
font-family: "m1-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: auto;
margin: 0 5px;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Sub Navigation Leistungen */
.mod_customnav {}
.mod_customnav.navboxes {
max-width: 1440px;
/* width: 85%; */
width: calc(100% - 40px);
margin: 0 auto;
padding: 2rem;
}
.mod_customnav.navboxes h3::before {
content: 'Wir verbinden die 4 Elemente';
display: block;
font-size: 3.6rem;
color: #e01e26;
column-span: all;
margin-bottom: 2rem;
}
@media only screen and (max-width: 549px) {
.mod_customnav.navboxes {
/* display: none; */
padding: 0 2rem;
}
.home .mod_customnav.navboxes {
display: block;
width: auto;
padding-top: 2rem;
}
}
@media (min-width: 500px) {
.mod_customnav.navboxes {
}
}
@media (min-width: 1250px) {
.mod_customnav.navboxes {
/* padding-bottom: 3.5rem; */
width: calc(100% - 60px);
padding: 3.5rem 0;
}
}
.mod_customnav.navboxes h3 {}
.mod_customnav.navboxes ul {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.mod_customnav.navboxes ul li {
margin: 0;
background: var(--light-grey-color);
width: calc(50% - 10px);
margin: 0 0 20px;
color: #fff;
background: var(--text-dark-color) no-repeat center center;
background-size: cover;
}
.button--image figure {
overflow: hidden;
position: relative;
line-height: 0;
}
.button--image figcaption {
position: absolute;
top: 2rem;
left: 2rem;
z-index: 3;
line-height: 1;
color: var(--light-grey-color);
font-size: 1.2rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 0;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.button--image figcaption::after {
content: '';
width: 65px;
height: 1em;
display: block;
border-bottom: 1px solid #fff;
transition: all ease-in-out 0.2s;
}
.button--image a {
position: relative;
display: block;
z-index: 3;
}
.mod_customnav.navboxes ul li::after,
.button--image a::after {
content: '';
display: block;
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
background: var(--text-color);
background-color: rgba(87, 87, 86, 0.5);
mix-blend-mode: multiply;
transition: all ease-in-out 0.2s;
z-index: 1;
}
.mod_customnav.navboxes ul li:hover::after,
.button--image a:hover::after {
background-color: rgba(255, 255, 255, 0.5);
mix-blend-mode: lighten;
}
.mod_customnav.navboxes ul li a::after {
content: '';
width: 65px;
height: 1rem;
display: block;
border-bottom: 1px solid #fff;
transition: all ease-in-out 0.2s;
}
.mod_customnav.navboxes ul li a {
font-size: 1.2rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
color: inherit;
text-decoration: none;
display: block;
padding: 2rem;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.mod_customnav.navboxes ul li a:hover {
color: #000;
}
.mod_customnav.navboxes ul li a:hover::after {
border-color: #000;
}
@media only screen and (max-width: 549px) {
.mod_customnav.navboxes ul li {
min-height: 100px;
}
.mod_customnav.navboxes ul li a {
padding: 1rem 2rem;
}
.mod_customnav.navboxes ul li::after {
display: none;
}
}
@media only screen and (min-width: 550px) {
.mod_customnav.navboxes ul {
margin-left: -17.5px;
margin-right: -17.5px;
margin-bottom: -35px;
}
.mod_customnav.navboxes ul li {
-ms-flex: 0 1 0px;
flex: 0 1 0px;
width: calc(50% - 35px);
margin: 0 17.5px 35px;
flex-basis: calc(50% - 35px);
position: relative;
}
.mod_customnav.navboxes ul li:before {
content: "";
float: left;
padding-top: 50% /* 100% */;
}
.mod_customnav.navboxes ul li a {
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
padding: 2rem;
text-decoration: none;
z-index: 2;
}
}
@media only screen and (min-width: 950px) {
.mod_customnav.navboxes ul li {
width: calc(25% - 35px);
margin: 0 17.5px 35px;
flex-basis: calc(25% - 35px);
position: relative; /* If you want text inside of it */
}
}
@media only screen and (min-width: 1250px) {
.mod_customnav.navboxes ul { }
.mod_customnav.navboxes ul li {
/*
width: calc(16.5% - 35px);
flex-basis: calc(16.5% - 35px);
*/
width: calc(25% - 35px);
flex-basis: calc(25% - 35px);
}
.win .mod_customnav.navboxes ul li {
width:auto;
-ms-flex: 1 1 0px;
flex: 1 0px;
min-width: 180px;
flex-shrink: 1;
flex-grow: 1;
box-sizing: border-box;
}
}
/* Breadcrumb Navigation */
.mod_breadcrumb, #hero .mod_breadcrumb {
position: relative;
z-index: 2;
}
.breadcrumb, .mod_breadcrumb ul {
width: 100%;
padding: 15px 0;
margin: 0;
font-family: "Lato", sans-serif;
}
.mod_breadcrumb li {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.3rem;
color: inherit;
}
.mod_breadcrumb li a {
color: inherit;
text-decoration: none;
}
.mod_breadcrumb li::before {
content: '>';
content: '\e802';
display: inline-block;
vertical-align: middle;
color: var(--text-color);
font-family: "m1-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin: 0 10px 0 5px;
width: auto;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
position: relative;
top: -1px;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mod_breadcrumb li.active::before {
color: inherit;
}
.mod_breadcrumb li.first::before {
display: none;
}
/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Hero Element */
#hero {
color: var(--text-dark-color);
background-color: #fff;
min-height: 20vw;
overflow: hidden;
z-index: 0;
/* background: url('https://mph.cnetemp.de/cms/files/uploads/header/M1_%20Kliniken_banner_Unternehemen.jpg') no-repeat center top; */
/* background-size: cover; */
}
#hero .inside {
/* padding-top: 100px; */
/* min-height: 25vw; */
min-height: 20vw;
}
#hero *, #hero a {
color: var(--text-dark-color);
/*
color: #fff;
text-shadow: 0 0 15px rgba(0,0,0,0.5);
*/
}
#hero h1, #hero .mod_article.first {
position: relative;
z-index: 2;
overflow: visible;
}
@media only screen and (max-width: 749px) {
#hero {
height: 63.5vw/* 80vw */;
}
}
@media only screen and (max-width: 749px) and (orientation: landscape) {
#hero {
height: 27.5vw;
}
}
@media only screen and (min-width: 1920px) {
#hero,
#hero .inside {
max-height: 384px;
min-height: 384px;
}
}
/* Seitenbild pageimage */
.mod_pageImage {
position: absolute;
left: 50%;
top: 0;
width: 100vw;
transform: translate(-50%, 0);
z-index: 0;
}
.mod_pageImage::after {
content: '';
display: block;
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
background: var(--hilite-color);
opacity: 0.2;
/* mix-blend-mode: multiply; */
background: var(--text-color);
opacity: 0.5;
/* mix-blend-mode: luminosity; */
display: none;
}
@media only screen and (min-width: 750px) {
.mod_pageImage {
}
}
.mod_pageImage figure,
.mod_rocksolid_slider .rsts-slide-image div {
position: relative;
margin: 0;
}
.mod_pageImage figure {
width: 100%;
}
.mod_pageImage picture {
display: block;
line-height: 0;
}
.mod_pageImage img,
.mod_rocksolid_slider .rsts-slide-image img {
width: 100%;
height: auto;
}
.pageimage_title {
display: none;
}
.mod_rocksolid_slider .rsts-text {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: 3rem;
max-width: 1440px;
/* width: 85%; */
width: calc(100% - 40%);
color: #fff;
font-size: 2.2rem;
}
.mod_rocksolid_slider .rsts-text {
font-size: 1.6rem;
}
@media screen and ( max-width:549px ) {
.mod_rocksolid_slider .rsts-text { bottom: 1rem; }
}
/* Slider */
#slider {
margin: 0;
padding: 0 0 2rem;
overflow: visible;
}
#slider:after {
content: "";
display: table;
clear: both;
}
@media only screen and (max-width: 549px) {
#slider { padding: 0; }
}
@media only screen and ( min-width: 550px ) {
#slider { padding-bottom: 0;}
}
/* Rocksolid Slider */
.mod_rocksolid_slider {}
.rsts-view {
z-index: 1;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #fff;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
.rsts-slide {
max-height: 600px;
}
.mod_rocksolid_slider .ce_image figure {
display: block;
width: 100%;
padding: 0;
margin: 0;
}
.mod_rocksolid_slider .ce_image img {
display: block;
width: 100%;
height: auto;
}
.slider-text {
position: absolute;
bottom: 1rem;
left: 0;
right: 0;
z-index: 2;
width: calc(100% - 40px);
max-width: 1440px;
margin: 0 auto;
color: #fff;
opacity: 0;
transition: all ease-in-out .3s;
}
.rsts-active .slider-text {
opacity: 1;
}
.slider-text--inner {
background: var(--text-color);
background: rgba(87, 87, 86, 0.8);
padding: 3rem;
}
.slider-text * {
color: #fff;
}
.slider-text h1, .slider-text h2 {
color: inherit;
}
.slider-text h3,
.slider-text h2 > em {
font-family: "Lato", sans-serif;
text-transform: uppercase;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.05rem;
margin-bottom: 1rem;
}
.slider-text h2 > em {
display: block;
font-style: normal;
}
@media only screen and (max-width: 549px) {
.slider-text {
width: auto;
bottom: 2rem;
margin: 0 2rem;
}
.slider-text.absolute {
}
.slider-text--inner {
padding: 2rem;
}
.slider-text *:last-child {
margin-bottom: 0;
}
.slider-text h1 {
margin-bottom: 1rem;
}
.slider-text h3, .slider-text h2 > em {
font-size: 1.4rem;
}
}
@media only screen and (min-width: 500px) {
.slider-text {
bottom: 2rem;
}
}
@media ( min-width: 950px) {
.slider-text {
}
}
@media ( min-width: 1250px) {
.slider-text {
width: calc(100% - 60px);
bottom: 5rem;
font-size: 1.8rem;
}
.slider-text--inner {
width: 50%;
width: calc(50% - 20px);
}
.text-right .slider-text--inner {
float: right;
}
.text-left .slider-text--inner {
float: left;
}
.slider-text h1, .slider-text h2 {
font-size: 4.3rem;
text-transform: uppercase;
letter-spacing: 0.05rem;
}
}
/* Bild-Slider */
.rsts-skin-abro-ref {
max-height: 30vw;
width: 100vw !important;
position: relative;
}
.rsts-skin-abro-ref:after {
content: '';
display: block;
height: 100%;
width: 50vw;
position: absolute;
top: 0; bottom: 0;
left: 0;
z-index: 2;
background: transparent;
background-size: auto 100%;
}
.rsts-skin-abro-ref .rsts-slide {
max-height: 30vw;
height: auto;
width: 100%;
text-align: right;
padding-left: 19vw;
}
.rsts-skin-abro-ref .rsts-slide-image div {
height: 100%;
width: auto;
}
.rsts-skin-abro-ref .rsts-slide img {
/* float: right; */
max-width: 81vw !important;
height: auto !important;
}
.rsts-nav-tabs {
z-index: 0;
top: -2px;
margin: 0;
}
.rsts-nav {
position: relative;
z-index: 1;
margin: 0;
text-align: center;
}
.rsts-nav-tabs ul {
width: 100%;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
text-align: left;
background-color: var(--text-dark-color);
}
.rsts-nav-tabs ul li {
padding: 0;
margin: 0;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
width: 25%;
flex: 0 0 auto;
}
.rsts-nav-tabs ul li.rsts-nav-prev,
.rsts-nav-tabs ul li.rsts-nav-next {
display: none;
}
.rsts-nav-tabs ul li a {
background-color: var(--text-dark-color);
color: #fff;
display: block;
height: 100%;
padding: 1rem 2rem;
text-decoration: none;
}
.rsts-nav-tabs ul li .active { background-color: var(--text-dark--color); }
.rsts-prev,
.rsts-next {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 55px;
transition: all ease-in-out 0.25s;
}
.rsts-prev:hover,
.rsts-next:hover {
background: rgba(0,0,0,0.15);
}
.rsts-prev { left: 0; }
.rsts-next { right: 0; }
.rsts-prev span,
.rsts-next span {
font-size: 0;
position: absolute;
top: 50%;
margin-top: -32px;
}
.rsts-next span {
right: 0;
}
.rsts-prev span:after,
.rsts-next span:after {
display: block;
height: 64px;
width: 50px;
content: '';
transition: all ease-in-out 0.25s;
opacity: 0.0;
}
.rsts-prev span:after {
background: transparent url(../../files/layout/images/left_arrow.svg) no-repeat 5px center;
}
.rsts-next span:after {
background: transparent url(../../files/layout/images/right_arrow.svg) no-repeat right center;
}
.mod_rocksolid_slider:hover span:after,
.mod_rocksolid_slider:hover span:after {
opacity: 0.3;
}
.rsts-prev:hover span:after,
.rsts-next:hover span:after {
opacity: 0.8;
}
@media only screen and (max-width:549px) {
.rsts-nav-tabs ul li {
min-width: 50%;
}
.rsts-nav-tabs ul li a {
padding: 1rem 2.75rem;
}
}
@media only screen and ( min-width: 550px ) {
.rsts-nav-tabs ul {
}
.rsts-nav-tabs ul li a {
padding: 4rem 3.5rem 3rem;
}
}
@media only screen and ( min-width: 1250px ) {
.rsts-nav-tabs ul li a { padding-top: 8rem; font-size: 2.2rem; }
}
/* Nav Bullets */
.mod_rocksolid_slider {
position: relative;
}
.rsts-nav-bullets {
position: absolute;
bottom: 2rem;
left: 50%;
z-index: 3;
transform: translate(-50%, 0);
}
.rsts-nav-bullets ul {
display: block;
list-style: none;
margin: 0; padding: 0;
text-align: center;
}
.rsts-nav-bullets li {
display: inline-block;
margin: 0 0.5em;
}
.rsts-nav-bullets li a {
display: inline-block;
width: 10px;
height: 10px;
font-size: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
outline: none;
box-sizing: border-box;
transition: .2s ease-in-out;
}
.rsts-nav-bullets .rsts-nav-prev, .rsts-nav-bullets .rsts-nav-next {
display: none;
}
.rsts-nav-bullets li.rsts-nav-item a {
background-color: rgba(255,255,255,.5);
border-radius: 50%;
}
.rsts-nav-bullets li.rsts-nav-item a:hover {
background-color: rgba(255,255,255,1);
}
.rsts-nav-bullets li.rsts-nav-item a.active {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,1);
}
/* Nav Numbers */
.rsts-nav-numbers {}
/* Nav Thumbs */
.rsts-nav-thumbs {}
/* Aktien iframe */
.aktie-iframe {}
.aktie-iframe--mini {
margin: 0 0 3.5rem;
padding: 2rem;
background: #e9e9ea;
}
@media only screen and (min-width:1250px) {
.aktie-iframe--mini {
}
}
/* Unternehmen */
/* News */
/* News Teaser */
#main .mod_article.teaser-container {
padding: 0;
background: transparent;
margin-bottom: 0;
}
.news_teaser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
flex-direction: row;
justify-content: flex-start;
margin-left: -17.5px;
margin-right: -17.5px;
}
.news .news_teaser.no-padding .layout_latest {
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 950px) {
#main .mod_article.teaser-container {
padding-top: 2rem;
}
}
@media only screen and (min-width: 1250px) {
.news .news_teaser.border .layout_latest {
border: 1px solid #dedede;
position: relative;
}
.news .news_teaser.border .layout_latest::after {
content: "Corporate News";
color: #58595a;
font-size: 5rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
position: absolute;
bottom: -0.75rem;
right: -0.25rem;
color: #dedede;
opacity: .3;
}
}
.news_teaser > h3 {
margin-left: 17.5px;
margin-right: 17.5px;
flex: none;
display: block;
width: 100%;
}
.news_teaser .layout_latest {
position: relative;
width: auto;
-ms-flex: 1 1 0px;
flex: 1 0px;
padding: 2rem;
padding-bottom: 40px !important;
margin: 0 17.5px 35px 17.5px;
background: #fff;
border: 0px solid var(--light-grey-color);
min-width: 180px;
flex-basis: calc(100% - 35px);
flex-shrink: 1;
flex-grow: 0;
box-sizing: border-box;
}
.news_intro_teaser.news_teaser .layout_latest {
flex-grow: 1;
}
.info {
color: #58595a;
font-size: 1.2rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
}
.news_teaser .info {
margin-bottom: 1.5rem;
}
.news_teaser .layout_latest h3 {
font-size: 1.6rem;
text-transform: none;
font-weight: 700;
margin-bottom: 1.5rem;
}
.news_teaser .layout_latest h3 a {
color: var(--hilite-color);
}
.news_teaser .layout_latest a {
text-decoration: none;
}
.mod_newslist .more,
.mod_newsarchive .more,
.kontaktbox .more {
margin-bottom: 0;
}
.mod_newslist .more a,
.mod_newsarchive .more a,
.kontaktbox .more a,
.ce_text .more a {
text-decoration: none;
border-bottom: 1px solid var(--hilite-color);
display: inline-block;
padding: 0;
color: #757574;
font-weight: 400;
}
#main .ce_text a:not(.button) {
}
.home .kontaktbox .ce_text {
position: relative;
}
.home .layout_latest .more,
.presse .layout_latest .more,
.home .kontaktbox .more {
position: absolute;
left: 2rem;
bottom: 2rem;
}
.news_overview .layout_latest {
border-bottom: 1px solid var(--light-grey-color);
margin-bottom: 2.5rem;
background: var(--light-grey-color);
padding: 2rem 2rem 0;
}
/* @media (max-width: 549px) { */
/* .home .layout_latest, */
/* .presse .layout_latest { */
/* position: relative; */
/* padding-bottom: 40px !important; */
/* padding: 2rem; */
/* border-width: 1px; */
/* } */
/* } */
@media only screen and (min-width: 550px) {
.news_teaser .layout_latest {
flex-basis: calc(50% - 35px);
}
.news_teaser .layout_latest > *:last-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 950px) {
.news_teaser .layout_latest {
flex-basis: calc(25% - 35px);
}
.home .news_teaser .layout_latest {
flex-basis: calc(25% - 35px);
}
.pressespiegel .news_teaser .layout_latest,
.tiles .news_teaser .layout_latest {
flex-basis: calc(33% - 35px);
/* max-width: calc(33% - 35px); */
}
}
@media only screen and (min-width: 1250px) {
.news_teaser .layout_latest {
padding: 2rem;
}
.home .layout_latest .more {
left: 2rem;
}
}
.presse .news_teaser .layout_latest {
padding-top: 0 /* 11% */ /* 23% */;
position: relative;
}
.presse .news_teaser figure {
/* position: absolute; */
display: block;
/*
top: 0;
left: 0;
right: -1px;
*/
min-width: 100%;
margin: 0 0 2rem;
z-index: 1;
line-height: 0;
}
.presse .news_teaser figure::after {
content: ' ';
display: block;
background: rgba(0,0,0,0.15);
position: absolute;
top: 0;
bottom: 0;
right: -1px;
left: 0;
z-index: 2;
display: none;
}
.presse .news_teaser figure img {
display: block;
width: 100%;
}
/* Category Image */
.presse .news_teaser .cat_image {
border-bottom: 1px solid var(--light-grey-color);
padding: 15px 0 10px;
}
.presse .news_teaser .cat_image img {
display: inline-block;
width: auto;
max-width: 38px;
}
@media only screen and (max-width: 549px) {
.news_teaser > h3 {
margin-top: 2rem;
}
}
/* News List */
.news_list {
column-width: 300px;
column-gap: 35px;
}
.news_list > .layout_simple {
margin-bottom: 1rem;
break-inside: avoid;
}
.news_list > .layout_simple.last {
margin-bottom: 2.5rem;
}
aside .news_list {
padding: 2rem;
margin: 0 0 35px;
background: inherit;
}
.news_list .info {
margin-bottom: 0;
}
.news_list a {
text-decoration: none;
}
.news_list + .ce_text.last {
display: block;
margin: 35px 0 0;
}
/* News Reader */
.mod_newsreader .layout_full,
.mod_newsreader .ce_text {
max-width: 700px;
overflow: visible;
}
.mod_newsreader .float_right {
padding: 10px;
border: 1px solid #ddd;
box-sizing: border-box;
}
.mod_newsreader figure img {
width: 100%;
}
@media only screen and (min-width: 1250px) {
.mod_newsreader .float_right {
margin-top: -15px;
margin-right: -60px;
}
}
.mod_newsreader h1 {
margin-bottom: 0.5rem;
}
.mod_newsreader h2 {
font-size: 1.8rem;
color: var(--text-color);
font-weight: 700;
}
.mod_newsreader .ce_text ul {
margin-left: 2rem;
}
.mod_newsreader .back a {
font-size: 0;
}
.mod_newsreader .back a::after {
content: "Zurück";
text-transform: uppercase;
font-family: 'Lato', sans-serif;
letter-spacing: 0.05rem;
font-size: 1.2rem;
text-decoration: none;
display: inline-block;
padding: 0.2rem 1rem;
color: #454545;
border: 1px solid #454545;
}
html[lang="en"] .mod_newsreader .back a::after {
content: "Go back";
}
/* News Archiv */
.mod_newsarchive {}
.mod_newsarchive .layout_latest {
border-bottom: 1px solid #dedede;
margin-bottom: 35px;
padding-bottom: 25px;
}
/* Referenzen */
.referenzen_list {}
.referenzen_list p { margin-bottom: 0; }
.referenzen_list .teaser { opacity: 0.75; }
.referenzen_list .teaser p { margin-bottom: 2.5rem; }
.referenzen_list .teaser ul { margin-top: 0.5rem; }
.referenzen_list .teaser li { margin-bottom: 0.5rem; }
/* Zertifikate */
.mod_newslist.zertifikate {
margin: 0;
margin-left: -17.5px;
margin-right: -17.5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fullscreen .mod_newslist.zertifikate {}
section:not(.ce_accordion) .mod_newslist.zertifikate {
margin-bottom: 2.5rem;
padding-bottom: 2.0rem;
border-bottom: 1px solid #dedede;
}
.mod_newslist.zertifikate > h3 {
width: 100%;
margin: 2.5rem 17.5px;
}
.zertifikate .layout_latest {
display: block;
margin: 0 17.5px 35px;
flex-grow: 0;
flex-shrink: 0;
-ms-flex: 1 0px;
flex: 0 0px;
flex-basis: auto;
width: auto;
max-width: calc(25% - 35px);
min-width: 130px;
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: wrap/* nowrap */;
align-content: flex-start;
}
.fullscreen .zertifikate .layout_latest {
width: auto;
max-width: calc(25% - 35px);
flex-basis: calc(25% - 35px);
}
.zertifikate .layout_latest > div {
padding: 0.5rem 0;
-ms-flex: 1 0px;
flex: 0 0px;
flex-basis: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
}
/*
.firefox.mac .zertifikate .layout_latest > div {
margin-left: 50px;
}
*/
.mod_newslist.zertifikate .info {
margin-bottom: 0.5rem;
}
.mod_newslist.zertifikate .layout_latest h3 {
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 0.5rem;
}
.mod_newslist.zertifikate .enclosure {
font-size: 1.2rem;
padding: 0;
margin: 0;
border: 0;
background: transparent;
}
.mod_newslist.zertifikate figure {
overflow: visible;
margin: 0 15px 0 0;
flex: 0 0 100%/* 40% */;
flex-basis: 100%/* 40% */;
width: auto;
display: block;
}
.mod_newslist.zertifikate figure img {
box-shadow: 0 2px 3px rgba(0,0,0,0.15);
display: block;
width: 100%;
}
#main .mod_newslist.zertifikate figure img {
border: 1px solid #dedede;
}
@media only screen and (max-width: 549px) {
.zertifikate .layout_latest,
.fullscreen .zertifikate .layout_latest {
max-width: none;
/* flex-basis: calc(100% - 35px); */
flex-basis: calc(50% - 35px);
}
}
/* Zertifikate Liste */
.mod_newslist.zertifikate_list {
}
.mod_newslist.zertifikate_list .layout_simple {
}
.mod_newslist .layout_simple > *,
.mod_newslist .layout_simple .info,
.mod_newslist .layout_simple h3,
.mod_newslist .layout_simple .enclosure {
margin-bottom: 0.5rem;
}
/* Pagination */
.pagination {
flex: none;
width: 100%;
margin: 0 0 /*35px*/;
padding: 2.5rem 0 0;
font-size: 1.2rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
}
.pressespiegel .pagination,
.tiles .pagination {
margin: 0 17.5px;
}
.news_list .pagination {
margin: 0 0 35px;
}
.pagination p {
margin-bottom: 1.5rem;
}
.pagination ul {
display: block;
list-style: none;
padding: 0;
}
.pagination li {
display: inline;
}
.pagination a,
.pagination span,
.pagination strong {
display: inline-block;
background: var(--light-grey-color) /*#f2f2fa*/;
color: var(--text-color);
padding: 0.5rem 1.25rem;
margin: 0 1rem 0 0;
text-decoration: none;
}
.presse .pagination a,
.presse .pagination span,
.presse .pagination strong {
background-color: #e5e5e7;
}
.pagination a:hover {
background: var(--text-color);
color: #fff;
}
.pagination .current,
.pagination span.active,
.pagination strong.active {
background: var(--text-color);
color: #fff;
}
.presse .pagination span.active,
.presse .pagination strong.active {
background: var(--hilite-color);
color: #fff;
}
.brand-m1 .pagination .current { background-color: var(--hilite-color); }
.mod_newsreader .pagination { margin: 0 0 2.5rem; }
.mod_newsreader .pagination a { margin: 0 2.5rem 0 0; }
#prevItem,
#nextItem,
.layout_full .pagination .previous,
.layout_full .pagination .next {
font-size: 0;
}
#prevItem::after,
.layout_full .pagination .previous::after {
font-size: 1.2rem;
content: "Vorheriger Artikel";
display: inline-block;
}
#nextItem::before,
.layout_full .pagination .next::before {
font-size: 1.2rem;
content: "Nächster Artikel";
display: inline-block;
}
html[lang="en"] #prevItem::after { content: "previous article"; }
html[lang="en"] #nextItem::before { content: "next article"; }
@media only screen and (max-width:549px) {
.mod_newsreader .pagination { margin: 0 0 2.5rem 0; }
.mod_newsreader .pagination { margin: 0 0 2.5rem 0; }
.mod_newsreader .pagination a { margin: 0 0.5rem 0 0; vertical-align: bottom; }
/*
#prevItem, .pagination .previous { padding: 0.5rem 2rem 0.5rem 1rem; }
#nextItem, .pagination .next { padding: 0.5rem 1rem 0.5rem 2rem }
#prevItem::after, .pagination .previous::after { content: "\00ab \2009 vor"; }
#nextItem::before, .pagination .next::before { content: "weiter \2009 \00bb "; }
html[lang="en"] #prevItem::after { content: "previous"; }
html[lang="en"] #nextItem::before { content: "next"; }
*/
}
/* Kontaktbox */
.kontaktbox {
width: calc(25% - 35px);
/* flex-basis: calc(30% - 17.5px); */
flex-basis: calc(25% - 35px);
flex-shrink: 1;
flex-grow: 1;
min-width: 150px;
/* max-width: 333px; */
max-width: calc(25% - 25.0px);
margin: 0 0 0 35px;
}
.home .kontaktbox {
height: auto;
max-width: calc(25% - 35px);
padding-bottom: 40px;
margin: 0 17.5px 35px 17.5px;
border: 0;
}
.home .kontaktbox .ce_text {
height: 100%;
margin-bottom: 0;
background: #e9e9ea;
}
#right .kontaktbox {
width: 100%;
max-width: 100%;
margin: 0;
}
.kontaktbox .ce_text {
padding: 2rem;
/* background: var(--light-grey-color); */
background: #e9e9ea;
}
.kontaktbox p {
/* margin-bottom: 2rem; */
}
.kontaktbox .ce_text > *:last-child {
margin-bottom: 0;
}
@media only screen and (max-width:549px) {
.home .kontaktbox {
display: none;
}
.kontaktbox {
max-width: none;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
flex-basis: 100%;
margin: 0;
}
}
@media only screen and (min-width: 550px) {
.home .kontaktbox {
max-width: calc(50% - 35px);
flex-basis: calc(50% - 35px);
}
.kontaktbox h3 {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 950px) {
.kontaktbox {
flex-basis: 33%; /*calc(33% - 17.5px)*/
}
.home .kontaktbox {
max-width: calc(25% - 35px);
flex-basis: calc(25% - 35px);
}
}
@media only screen and (min-width: 1250px) {
.kontaktbox {
flex-basis: calc(25% - 17.5px);
}
}
/* Facts */
.facts, .mod_article.fullscreen.facts {
background: #485563; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #29323c, #485563); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #29323c, #485563); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #fff;
margin: 0 0 3.5rem 0;
}
.facts * {
color: inherit;
}
.facts .flex-container {
align-items: center;
justify-content: center;
padding-top: 1rem;
}
.facts .flex-item {
padding: 0 1.5rem;
font-size: 1.2rem;
letter-spacing: 0.05rem;
font-family: "Lato", sans-serif;
text-transform: uppercase;
}
.facts .flex-item p {
margin: 0;
}
.facts .flex-item strong {
display: block;
font-weight: 700;
font-size: 3rem;
}
/* ********************************************************** */
/* Cookiebar */
.cookiebar-active #wrapper { margin-bottom: 4rem; }
.cookiebar {
background-color: var(--text-dark-color);
font-weight: 400;
font-size: 14px;
color: #e5e5e5;
padding: 15px;
box-sizing: border-box;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
text-align: left;
align-items: flex-start;
justify-content: space-between;
}
.cookiebar > * {
flex: 0 1 auto;
}
.cookiebar__text {
/* flex-basis: 50%; */
}
.cookiebar__message, .cookiebar__text {
margin-right: auto;
}
@media only screen and (min-width: 1250px) {
.cookiebar { padding: 15px 8vw; }
.cookiebar__text { flex-basis: 50%; flex-grow: 1; padding-right: 20px; }
}
.cookiebar .cookiebar__button {
line-height: 1;
height: auto;
color: var(--light-grey-color);
background-color: var(--hilite-color);
}
.cookiebar__analytics {}
/* Marketing Suite Opt-In */
.mod_cms_accept_tags.cookie-bar {
font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
text-rendering: optimizeLegibility;
background: rgba(0,0,0,0.6);
}
.mod_cms_accept_tags .info {
font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
text-transform: none;
letter-spacing: normal;
}
.mod_cms_accept_tags.cookie-bar form {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.mod_cms_accept_tags.cookie-bar form > .formbody,
.mod_cms_accept_tags.cookie-bar form > .tags > div {
padding: 20px;
}
.mod_cms_accept_tags.cookie-bar .info {
font: inherit;
text-transform: none;
letter-spacing: 0;
}
.mod_cms_accept_tags.cookie-bar button, .mod_cms_cookie_bar.cookie-bar button {
line-height: 1;
height: auto;
}
/* Layout Elemente */
/* Flex Container */
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-flow: row wrap;
flex-direction: row;
justify-content: space-between;
margin-left: -17.5px;
margin-right: -17.5px;
flex-wrap: wrap;
}
.flex-item {
width: auto;
-ms-flex: 1 1 0px;
flex: 1 0px;
margin: 0 17.5px 35px;
min-width: 150px;
box-sizing: border-box;
}
.flex-item.width-1-2 {
flex-basis: calc( 50% - 35px );
flex-grow: 0;
}
.flex-item.width-1-4 {
flex-basis: calc( 25% - 35px );
flex-grow: 0;
}
.flex-item.width-3-4 {
flex-basis: calc( 75% - 35px );
flex-grow: 0;
}
.flex-item.width-1-3 {
flex-basis: calc( 33.33% - 35px );
flex-grow: 0;
}
.flex-item.width-2-3 {
flex-basis: calc( 66.6667% - 35px );
flex-grow: 0;
}
.flex-item.padding {
padding: 2rem;
}
@media only screen and (max-width:549px) {
.home .flex-item { margin-bottom: 0; }
.flex-item.width-1-2,
.flex-item.width-1-4,
.flex-item.width-3-4,
.flex-item.width-1-3,
.flex-item.width-2-3 {
flex-basis: 100%;
flex-grow: 1;
}
}
@media only screen and (max-width:999px) and (min-width:550px) {
.flex-item.width-1-4 {
flex-basis: calc( 33.33% - 35px );
}
.flex-item.width-3-4 {
flex-basis: calc( 66.6667% - 35px );
}
}
@media only screen and (min-width: 1250px) {
.flex-item.padding {
/* padding: 3rem; */
}
}
.kachel-white {
background: #fff;
}
.kachel-white.width-2-3 {}
.kachel-white.width-2-3 .ce_text {
position: relative;
padding: 2rem;
}
/* @media only screen and (max-width: 549px) { */
/* .kachel-white { */
/* padding: 2rem; */
/* } */
/* .kachel-white.width-2-3 .ce_text { */
/* padding: 0; */
/* } */
/* } */
@media only screen and (min-width: 1000px) {
.kachel-white.width-2-3 .ce_text {
padding-left: calc(50% + 20px);
}
.kachel-white.width-2-3 .ce_text figure {
position: absolute;
left: 0;
top: 0; bottom: 0;
width: 50%;
overflow: hidden;
margin: 0;
padding: 0;
height: 100%;
}
.kachel-white.width-2-3 .ce_text figure img {
object-fit: cover;
min-height: 100%;
position: absolute;
}
}
.iconbox1,
.iconbox2 {
position: relative;
padding-left: 70px;
padding-top: 1.2rem;
}
.iconbox1:before,
.iconbox2:before {
position: absolute;
left: 0rem;
top: 0rem;
content: '\e800';
display: block;
background: #e01e26;
padding: 0px;
text-align: center;
font-size: 2rem;
border-radius: 50%;
line-height: 5rem;
width: 5rem;
height: 5rem;
color: #fff;
}
.iconbox2:before {
content: '\e801';
}
/* Videos */
.video-container {
width: 100%;
height: auto;
padding-top: 57%;
position: relative;
}
@media (max-width: 1249px) {
.video-container {
margin-bottom: 3.5rem;
}
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
/*sorgt dafuer, dass der zweitäußerste Container immer das Seitenverhaeltnis 16:9 behaelt */
.mejs-container {
width: 100% !important;
height: auto !important;
padding-top: 57%;
}
/* sorgt dafuer, dass das Vorschaubild und der Play-Button wieder mittig zentriert sind */
.mejs-overlay, .mejs-poster {
width: 100% !important;
height: 100% !important;
}
/* sorgt dafuer, dass das Video-Element, der übergeordnete DIV-Container vom Flash-Video
und das Flash-Video richtig skaliert werden */
.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
}
/* responsive iframe */
.iframe-container {
position: relative;
padding-bottom: 150%;
height: 0;
overflow: hidden;
width: 100%;
height: auto;
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ratio */
.iframe-container.ratio3x4 {
padding-bottom: 150%;
}
.iframe-container.ratio6x9 {
padding-bottom: 56.25%;
}
@font-face {
font-family: 'm1-icons';
src: url('../../files/layout/fonts/m1-icons.eot?79281867');
src: url('../../files/layout/fonts/m1-icons.eot?79281867#iefix') format('embedded-opentype'),
url('../../files/layout/fonts/m1-icons.woff2?79281867') format('woff2'),
url('../../files/layout/fonts/m1-icons.woff?79281867') format('woff'),
url('../../files/layout/fonts/m1-icons.ttf?79281867') format('truetype'),
url('../../files/layout/fonts/m1-icons.svg?79281867#m1-icons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'm1-icons';
src: url('../../files/layout/font/m1-icons.svg?79281867#m1-icons') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "m1-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-down-open:before { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
.icon-up-open:before { content: '\e803'; } /* '' */
.icon-down-open-mini:before { content: '\e804'; } /* '' */
.icon-left-open-mini:before { content: '\e805'; } /* '' */
.icon-right-open-mini:before { content: '\e806'; } /* '' */
.icon-up-open-mini:before { content: '\e807'; } /* '' */
.icon-down-open-big:before { content: '\e808'; } /* '' */
.icon-left-open-big:before { content: '\e809'; } /* '' */
.icon-right-open-big:before { content: '\e80a'; } /* '' */
.icon-up-open-big:before { content: '\e80b'; } /* '' */
.icon-down-small:before { content: '\e80c'; } /* '' */
.icon-left-small:before { content: '\e80d'; } /* '' */
.icon-right-small:before { content: '\e80e'; } /* '' */
.icon-up-small:before { content: '\e80f'; } /* '' */
.icon-download:before { content: '\e810'; } /* '' */
.icon-doc:before { content: '\e811'; } /* '' */
.icon-phone:before { content: '\e812'; } /* '' */
.icon-phone-1:before { content: '\e813'; } /* '' */
.icon-mobile:before { content: '\e814'; } /* '' */
.icon-mail:before { content: '\e815'; } /* '' */
.icon-check:before { content: '\e816'; } /* '' */
.icon-link:before { content: '\e817'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-mobile-1:before { content: '\f10b'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-powerpoint:before { content: '\f1c4'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-archive:before { content: '\f1c6'; } /* '' */
.icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
/* 200717_CSS_timeline.css */
.flex-parent{width:100%;height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center}.input-flex-container{width:80vw;height:100px;max-width:1000px;position:relative;display:flex;justify-content: space-around;align-items: center;z-index: 0;/* adjustment without 2021 */max-width: 900px}.input{width:25px;height:25px;position:relative;background-color:#2C3E50;border-radius:50%}.input:hover{cursor: pointer}.input::before,.input::after{width:4vw;height:3px;max-width:50px;top:50%;position:absolute;display:block;background-color:#2C3E50;content: "";z-index: -1;transform: translateY(-50%)}.input::before{left: calc(-4vw + 12.5px)}.input::after{right: calc(-4vw + 12.5px)}.input.active{background-color:#2C3E50}.input.active::before{background-color:#2C3E50}.input.active::after{background-color:#AEB6BF}.input.active span{color: #E9540C}.input.active ~ .input,.input.active ~ .input::before,.input.active ~ .input::after{background-color:#AEB6BF}.input span{width:1px;height:1px;top:50%;position:absolute;left: 50%;transform: translate(-50%, -50%);visibility: hidden;font-size: 13px;font-family: "Lato", sans-serif}.input span::before,.input span::after{left:50%;position:absolute;visibility: visible}.input span::after{top:25px;font-size:14px;content: attr(data-year);transform: translateX(-50%);text-transform: uppercase;letter-spacing: 0.05rem}.input span::before{width:150px;bottom:70px;font-size:12px;content: attr(data-info);transform: translateX(-25px) rotateZ(-45deg)}.description-flex-container{width:80vw;max-width:1000px;margin-top:100px;font-size:22px;font-weight: 400}.description-flex-container p{display:none;margin-top:0}.description-flex-container p.active{display:block}.description-flex-container p strong{font-weight:bold;color: var(--hilite-color)}.description-flex-container p strong::after{content: " \2013";color: var(--text-color);font-weight: normal}@media (min-width: 1250px){.input::before { left: -37.5px; } .input::after { right: -37.5px; }}@media (max-width: 850px){.input { width: 17px; height: 17px; } .input::before, .input::after { height: 3px; } .input::before { left: calc(-4vw + 8.5px); } .input::after { right: calc(-4vw + 8.5px); }}@media (max-width: 600px){.flex-parent { justify-content: initial; } .input-flex-container { flex-wrap: wrap; justify-content: center; width: 100%; height: auto; margin-top: 15vh; } .input { width: 60px; height: 60px; margin: 0 10px 50px; background-color: #AEB6BF; } .input::before, .input::after { content: none; } .input span { width: 100%; height: 100%; display: block; } .input span::before { top: calc(100% + 5px); transform: translateX(-50%); text-indent: 0; text-align: center; } .input span::after { top: 50%; transform: translate(-50%, -50%); color: #ECF0F1; } .description-flex-container { margin-top: 30px; text-align: center; }}@media (max-width: 400px){body { min-height: 950px; }}
@media screen and (max-width: 849px){
/* 200717_CSS_timeline--mobile.css */
.input-flex-container{display:none}.description-flex-container{width:100%;font-size:1.6rem}.description-flex-container p{display:block;margin-top:0;margin-bottom:0;text-align:left}.description-flex-container p.active{font-weight:bold}
}