body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;display:block;left:0}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;display:block;right:0}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;z-index:2;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}body.modal-open .mm-slideout{z-index:unset} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} @font-face { font-family: 'OpenSans', sans-serif; src: url(../../files/files/font/OpenSans-Regular.ttf) format('truetype'); font-weight: 300; } @font-face { font-family: 'OpenSans', sans-serif; src: url(../../files/files/font/OpenSans-SemiBold.ttf) format('truetype'); font-weight: 400; } @font-face { font-family: 'OpenSans', sans-serif; src: url(/files/font/OpenSans-Bold.ttf) format('truetype'); font-weight: 600; } @font-face { font-family: 'Font-Awesome', sans-serif; src: url(../../files/files/font/fa-light-300.ttf) format('truetype'); font-weight: 300; } @font-face { font-family: 'Font-Awesome', sans-serif; src: url(/files/font/fa-regular-400.ttf) format('truetype'); font-weight: 400; } @font-face { font-family: 'Font-Awesome', sans-serif; src: url(/files/font/fa-solid-900.ttf) format('truetype'); font-weight: 600; } @font-face { font-family: 'Font-Awesome', sans-serif; src: url(/files/font/fa-brands-400.ttf) format('truetype'); font-weight: 400; } /*arrows-styling*/ a[href^=tel] { text-decoration:inherit; color: inherit; } .widget.widget-captcha.mandatory.spamschutz{ display: flex; } .captcha_text.spamschutz { float: left; position: relative !important; top: 0 !important; left: 0 !important; color: white; margin-left: .5rem; display: inline-block; } input.captcha.spamschutz{ width: 44px !important; order: 3; text-align: center; margin-left: 1rem; display: inline-block; } .arrow-orange span{ color: #ef7b00; font-weight: 300; font-size: 4rem; line-height: 1; display: flex; padding-right: 8px; margin-left: -2.3rem; } .fahrzeugaufbereitung .arrow-orange span{ line-height: 1; margin-left:0; } .fahrzeugaufbereitung .arrow-orange span:first-of-type{ color: #ef7b00; font-weight: 300; font-size: 4rem; line-height: 1; display: flex; padding-right: 8px; margin-left: -2.3rem; } .blue-box.full .arrow-orange { width: 100%; margin: 1.5rem 0; } .arrow-orange { color: white; text-transform: uppercase; font-size: 3rem; display: flex; align-items: baseline; } .arrow-blue.subheadline span:last-of-type{ text-transform: initial; font-weight: 400; color: #055FA9; font-size: 1.8rem; width: 100%; } .arrow-blue { color: white; text-transform: uppercase; font-size: 3rem; display: flex; flex-flow: row wrap; align-items: baseline; } .arrow-blue.subheadline.flex-50 { width: 50%; } .arrow-blue.subheadline { color: white; text-transform: uppercase; font-size: 2.6rem; display: flex; flex-flow: row wrap; align-items: baseline; width: 100%; } .arrow-blue.subheadline span:first-of-type{ color: #055FA9; font-weight: 300; font-size: 4rem; line-height: 0; display: flex; padding-right: 8px; margin-left: -2.3rem; } .job .arrow-blue.thick { color: white; justify-content: flex-start; display: flex; flex-flow: row wrap; align-items: center; text-transform: initial; font-weight: 300; font-size: 2.8rem; align-self: flex-start; text-align: left; width: 100%; } .arrow-blue.thick { color: white; text-align: center; justify-content: center; display: flex; flex-flow: row wrap; align-items: baseline; text-transform: initial; font-weight: 300; font-size: 2.8rem; margin-top: 0; } .arrow-blue.thick span { font-weight: 600; font-size: 6rem; text-transform: uppercase; width: 100%; } .job .arrow-blue.thick span { width: initial; } .searchpage .text { z-index: 39 !important; } .arrow-blue.thick span:first-of-type{ color: #055FA9; font-weight: 300; font-size: 4.5rem; padding-right: 8px; margin-left: -2.3rem; width: initial; } .news .arrow-blue.thick span { font-weight: 600; font-size: 6rem; text-transform:initial; width: 100%; } .searchpage .text.smallf p{ color: white; font-size: 15px; } .news .arrow-blue.thick span:first-of-type{ color: #055FA9; font-weight: 300; font-size: 4.5rem; padding-right: 8px; margin-left: -2.3rem; width: initial; } .arrow-blue.prices { color: white; text-transform: uppercase; font-weight: 300; width: 100%; position: relative; font-size: 2.6rem; width: 100%; } .arrow-blue.prices span{ color: #055FA9; font-weight: 300; font-size: 4rem; line-height: 0; display: flex; padding-right: 8px; margin-left: -2.3rem; } .arrow-blue.thick.mix { color: white; text-align: left; justify-content: flex-start; display: flex; flex-flow: row wrap; align-items: baseline; text-transform: initial; font-weight: 300; font-size: 3rem; color: white; } .arrow-blue.thick.mix span:first-of-type{ color: #055FA9; font-weight: 300; font-size: 4.5rem; padding-right: 8px; margin-left: -2.3rem; } .arrow-blue.thick.mix span:last-of-type { font-weight: 700; font-size: 13.5rem; color: white; } .arrow-blue.thick.mix span:last-of-type span{ margin-left:0; } .arrow-blue.thick.mix span:nth-of-type(2) { font-weight: 300; font-size: 13.5rem; color: white; } .stdort .arrow-orange.subheadline span:first-of-type{ color: #ef7b00; font-weight: 300; font-size: 4rem; margin-left: -2.3rem; padding-right: 8px; } .stdort .arrow-orange.subheadline { color: white; text-transform: initial; font-size: 3rem; font-weight: 600; margin-left: 0; position: relative; display: flex; margin-top: 0; flex-flow: row wrap; } .stdort .arrow-orange.subheadline span:last-of-type{ padding-left: 0; color: #ef7b00; width: 100%; text-transform: inherit; font-size: 2rem; font-weight: 400; margin-left: initial; line-height: 1; } .stdort .arrow-orange.subheadline span:nth-of-type(2){ text-transform: uppercase; font-weight: 300; margin-left: 1rem; font-size: 3rem; color: white; } .down .logo-container a{ padding: 1.8rem; background-color: #ef7b00; border: 3px solid white; width: 116px; } .down .logo-container img { max-width: initial; width: 100%; } .down .mobileMenu { padding: 0 ; width: 100%; z-index: 97; } .price .arrow-blue.subheadline span:first-of-type{ color: #055FA9; font-weight: 300; font-size: 4rem; margin-left: -2.3rem; padding-right: 8px; } .price .arrow-blue.subheadline { color: white; text-transform: initial; font-size: 3rem; font-weight: 600; position: relative; display: flex; flex-flow: row wrap; z-index: 11; margin: 1rem 0; } .price .arrow-blue.subheadline span:last-of-type{ padding-left: 0; color: #055FA9; width: 100%; text-transform: inherit; font-size: 2rem; font-weight: 400; } .price .arrow-blue.subheadline span:nth-of-type(2){ text-transform: uppercase; font-weight: 300; margin-left: 1rem; font-size: 3rem; color: white; } /*Auswahlkreise*/ #main #leistungendiv li h2 { display: table; } #main #leistungendiv h1 { text-align: center; } #main #leistungendiv h2 { font-size: 1.3em; width: 100%; color: #017CBA; text-align: center; margin: 10px 0 20px 0; } .container { width: 100%; position: relative; } .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid li:after, .ch-grid li:before { content: ''; display: table; } .ch-grid li:after { clear: both; } .ch-grid li { width: 260px; height: 260px; display: inline-block; margin: 0 37px; } ul.ch-grid { padding-bottom: 100px; position: relative; display: none; } ul.ch-grid a{ text-decoration: none; } .ch-item { width: 100%; height: 100%; border-radius: 0; background-size: 100% 100%; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ch-img-1 { background-image: url(../../files/img/icon/fruehling.png); background-color: #76B828; background-size: 50%; background-repeat: no-repeat; background-position: center; border-radius: 22px; position: relative; } .ch-img-2 { background-image: url(../../files/img/icon/sommer.png); background-color: #F7C600; background-size: 50%; background-repeat: no-repeat; background-position: center; border-radius: 22px; position: relative; } .ch-img-3 { background-image: url(../../files/img/icon/herbst.png); background-color: #DE8447; background-size: 50%; background-repeat: no-repeat; background-position: center; border-radius: 22px; } .ch-img-4 { background-image: url(../../files/img/icon/winter.png); background-color: #74C2ED; background-size: 50%; background-repeat: no-repeat; background-position: center; border-radius: 22px; position: relative; } .ch-info { position: absolute; background: rgba(255, 255, 255, 0.8); width: inherit; height: inherit; display: table; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .ch-info .ch-centered { display: table-cell; vertical-align: middle; } .ch-info p { color: #000000; padding: 10px 5px; font-style: italic; margin: 0 20px; font-size: 0.9em; opacity: 0; border-top: 2px solid #017CBA; border-bottom: 2px solid #017CBA; } .ch-item:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); } .ch-item:hover .ch-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .ch-item:hover .ch-info p { opacity: 1; } .ce_sHtml5Start.thank_you.flexbox.two.grey.middle_pos.block { overflow: visible; min-height: 71vh; height: auto; display: flex; justify-content: flex-start; align-content: baseline; } .overlay_nav { position: initial; top: initial; bottom: initial; height: 100%; margin: auto; left: initial; right: initial; margin: auto; transform: initial; } .overlay_nav > div { width: 100%; display: flex; padding: 0; height: 100%; margin: auto; position: initial; top: 0; display: flex; vertical-align: middle; justify-content: center; flex-flow: column; align-items: center; align-content: center; } .overlay_nav span.text, .sf6 .overlay_nav span.text { position: initial; top: initial; color: #ffffff; transform: initial; text-align: center; right: 0; left: 0; font-size: 1.5rem; margin: 1rem auto; border-top: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; text-transform: uppercase; z-index: 20; font-weight: 700; } .overlay_nav span.text:last-of-type, .sf6 .overlay_nav span.text:last-of-type{ font-weight: 300; font-size: 1.1rem; text-transform: initial; border: none; } .sf6 span.text { top: 40%; } .time-h{ position: absolute; bottom: -17px; font-size: 2.1rem; visibility: visible; } .overlay_nav span { font-size: .9rem; } .overlay_nav > div:hover span.background, li.clicked span.background, .safari .clicked .overlay_nav span.background, .sf6 span.background { position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; background-color: #017CBA; transition: background 0.5s; opacity: 0.75; } .placeholder:hover { background-color: white !important; transition: background 0.5s; opacity: 0 !important; } .overlay_nav img { width: 100%; height: 100%; display: block; transform: scale(0); transition: transform 0.5s; overflow: hidden; } .overlay_nav img { height: auto; display: initial; max-width: 90px; } body.sf5 .overlay_nav { padding-top: 25%; } body.sf5 .overlay_nav { display: none; } body.sf5 .ch-grid .ch-item:hover .overlay_nav { display: block; } body.sf5 .overlay_nav span.text { top: 40%; } body.sf5 .ch-img-1 .overlay_nav { margin-top: 5%; } .ch-item:hover, li.clicked .ch-item { background-image: none; transition: background 2s; cursor: initial; } .ch-item { transition: background 2s; } .ch-item:hover .overlay_nav img, li.clicked .overlay_nav img, .sf6 .overlay_nav img { transform: scale(1); transition: transform 0.5s; } .ch-info { display: none; } .overlay_nav .text { visibility: hidden; } .ch-item .overlay_nav > div:hover .text, li.clicked .text, .sf6 li.clicked .text { visibility: visible; } .ch-item .overlay_nav > div:hover .time-h, li.clicked .time-h, .sf6 li.clicked .time-h { visibility: hidden; } .overlay_nav span { pointer-events: none; } .overlay_nav img { pointer-events: all; } .ch-img-2 .overlay_nav { top: 0; } li.clicked div.overlay_nav, .sf6 div.overlay_nav { display: block; } .sf6 .overlay_nav span.text { visibility: visible; top: 40% } .slider-header{ width: 100% !important; height: 101vh !important; } .home.home .container{ transition: all 700ms ease; height: 100%; } .home{ transition: all 700ms ease; height: 100%; overflow: hidden; } .type-detail li.orange { background-color:initial; } .type-detail a.orange { background-color:initial; } .home.orange.type { transform: none; transition: initial; height: initial; overflow: initial; } html { box-sizing: border-box; margin: 0; padding: 0; font-family: 'OpenSans', sans-serif; width: 100%; font-weight: 300; font-size: 1.1rem; hyphens: auto; } .blue-box.full .textbox:first-of-type { padding-bottom:0; } #mobileNavigation_m .hamburger{ display: none;} .ce_sHtml5Start{ overflow: hidden; } #main { width: 100%; overflow: hidden; box-sizing: border-box; } body { width: 100%; font-family: 'Open Sans', sans-serif; margin: auto; position: relative; overflow-x: hidden !important; } h1, h2, h3, h4, h5{ color: white; hyphens: auto; } p { line-height: inherit; font-weight: 400; color:white; font-size: 1.1rem; word-break: break-word; hyphens: auto; hyphens: auto; } header { width: 100%; margin: auto; } .white{ color:#ffffff; } .smallfont, .smallfont p{ font-size: 0.8rem; } .mobileMenu { display: none; } .nav-main > ul > li { float:left; margin-right:10px; font-weight:bold; } .submenu .level_2 { width:170px; left:-9999em; position:absolute; z-index: 88; } /* add base dropdown styles */ .submenu .level_2 { width:170px; left:-9999em; position:absolute; z-index: 88; } /* show dropdown on hover */ li.submenu:hover .level_2 { left:auto; } /* show dropdown on hover */ #mobileNavigation li.submenu:hover .level_2, #mobileNavigation li.submenu:focus .level_2 { left: auto; background-color: white; padding: 0; width: 90%; right: -462px; top: 0rem; position: absolute; } ul li.submenue.sibling{ position: relative; } .slidertextblock.bluetext::before { opacity: 0; } .slidertextblock.hide.bluetext::before { content: ""; height: 47px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: -9rem; transform: rotate( 90deg ); left: calc(100vw - 50vw - 23.5px); border: none; filter: brightness(100); /* transform: none; */ width: 47px; opacity: .8; position: absolute; } .slidertextblock.orangetext::before { opacity: 0; } .slidertextblock.hide.orangetext::before { content: ""; height: 47px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: -9rem; transform: rotate( 90deg ); left: calc(100vw - 50vw - 23.5px); border: none; filter: brightness(100); /* transform: none; */ width: 47px; opacity: .8; position: absolute; } li.submenu:active .level_2 { left:auto; background-color: white; padding: 0; width: auto; } li.submenu:focus .level_2 { left:auto; background-color: white; padding: 1rem .5rem; width: auto; } .sm .hamburger.mobile{ display: none;} .mm-listview>li:hover { background-color: white !important; } .mm-listview>li:hover a span{ color: #055fab; } .mm-listview>.type:hover a { background-color: white } .mm-listview>.blue:hover a { background-color: white } .type-detail.orange .right-text a{ background-color: #055FA9; padding: 1rem; color: white; text-decoration: none; text-transform: uppercase; transition: .3s; cursor: pointer; border: 2px solid white; } .type-detail.orange .right-text a:hover{ background-color: #ef7b00; } .type-detail.blue .right-text a{ background-color: #ef7b00; padding: 1rem; color: white; text-decoration: none; text-transform: uppercase; transition: .3s; cursor: pointer; border: 2px solid white; } .type-detail.blue .right-text a:hover{ background-color: #055FA9; } .type-detail .orange #mobileNavigation { background-color: transparent!important; height: initial; } .mm-menu .mm-listview { border-color: transparent; border: none; display: flex; flex-flow: column; justify-content: center; width: 80%; margin: auto !important; } .mm-menu li .mm-next { content: ""; height: 23px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 0.5rem; left: initial; border: none; transform: none; right: 1rem; width: 23px; } .magazine-viewport { height: 470px; overflow: hidden !important; } .magazine-viewport { z-index: 95 !important; height: 1031px !important; width: 1560px; top: -11px; } .mm-menu .mm-listview>li .mm-next:after { display: none; } .mm-listview>li:not(.mm-divider):after{ display: none; } #mobileNavigation { background: rgba(5, 95, 171, .9); z-index: 97; } /*.border{ border: 14px solid rgba(255, 255, 255, 0.4); max-height: calc(100vh - 31px); top: 0; pointer-events: none; } */ #mobileNavigation ul{ padding: 0; width: 45%; margin: 0 auto; padding-top: 12vh; } #mobileNavigation ul.level_1 li.fade { width: 500px; opacity: 1; text-align: center; padding: .5rem; list-style: none; text-align: left; transition: .3s; position: relative; } #mobileNavigation ul.level_2 li.fade{ width: initial; padding: .85rem; } #mobileNavigation .subnav .sub-menu .level_1 li.fade { width: auto; padding: 1rem; } #mobileNavigation .subnav .sub-menu.sub-container ul li.fade:first-of-type { padding: 1rem 1rem 1rem 0; } #mobileNavigation ul.level_2 li{ padding: 1rem 1rem; } #mobileNavigation ul.level_2 li.fade:hover { background-color: #ef7b00; } #mobileNavigation ul.level_2 li.fade:hover a{ color: white; } #mobileNavigation ul.level_2 li:hover{ background-color: #ef7b00; } .mod_mmenu ul li.none{ display: none; } #mobileNavigation .subnav .sub-menu.sub-container ul li.fade:hover { background-color: initial; color: #ef7b00; } #mobileNavigation .subnav .sub-menu.sub-container ul { width:auto; padding-top: 1rem; } .mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span { padding-right: 0; margin-right: 0; padding-left: 0; } #mobileNavigation ul li.fade:hover { background-color: white; color: #055fab; } #mobileNavigation ul li.fade:hover a{ color: #055fab; } .nav-flexbox { display: none; } .mobileMenu { display: flex; border-bottom:none; justify-content: space-between; align-items:flex-start; padding: 0 ; position: fixed; top: 0; width: 100%; z-index: 97; transition: .3s; pointer-events: none; } .sm { display: flex; justify-content: space-around; align-items: center; height: 124px; width: auto; top: 0; position: relative; right: 0; z-index: 999; pointer-events: all; } .hamburger.close { position: absolute; right: 0; top: 0; margin: 0; height: 111px; width: 102px; background-color: #ef7b00; display: flex; opacity: 1; z-index: 99; justify-content: center; } .hamburger.close .line:first-of-type { -webkit-transform: translateY(8px) rotate( 45deg ); transform: translateY(8px) rotate( 45deg ); align-self: center; } .hamburger.close .line:last-of-type { -webkit-transform: translateY(-9px) rotate( -45deg ); transform: translateY(-9px) rotate( -45deg ); align-self: center; } .sub-menu.sub-container ul{ width: 90%; padding: 0; margin: 0; display: flex; justify-content: center; } .sub-menu.sub-container ul li{ list-style: none; width: auto; padding: 0 1rem; text-align: center; } a.submenu span{ position: relative; } a.submenu span:before { display: none; } a.submenu span:after { display: none; } li.submenu:hover a.submenu span:after { content: ""; height: 29px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: .45rem; left: initial; border: none; transform: none; right: -3rem; width: 29px; position: absolute; display: block; } .sub-menu.sub-container ul li a{ font-size: 1.2rem; text-transform: initial; padding-right: 0; } .subnav{ display: flex; flex-flow: row; width: 100%; max-width: 940px; justify-content: space-between; margin: 0; } .subnav.icon{ display: flex; justify-content: center; width: 15%; align-content: center; vertical-align: middle; align-items: center; } .subnav.icon .ce_image{ padding: 0 1rem 0 0; } .subnav.icon .ce_image figure{ max-width: 38px; } .magazine.animated { position: relative; width: 1122px; height: 580px; top: 16px !important; left: -1164px !important; margin-left: 0px; } .sub-menu.sub-container { font-size: 1.2rem; width: auto; text-transform: initial; padding-left: .7rem; } .sub-menu.sub-container li a span:after{ content: ""; width: 2px; height: 25px; position: absolute; right: -16px; background-color: white; top: 2px; } .sub-menu.sub-container li:last-of-type a span:after { display: none; } .sub-menu.sub-container li a span{ position: relative; } .sub-menu.sub-container li a span:hover{ color: #ef7b00; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{ border: none; border-color: transparent; font: inherit; font-size: 1.7rem; line-height: 40px; padding: 1rem 0; text-transform: uppercase; } .mm-listview li.blue-bg { background-color: initial; } .mm-listview li.orange_bg { background-color: initial; } .mm-listview li.blue{ background-color: initial; } .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: 0; height: 60vh; } .mm-menu.mm-offcanvas { width: 80%; min-width: 100vw; background-color: font: inherit; font-size: 25px; line-height: 56px; max-width: 100vw; /* width: 92% !important; */ } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; } .mm-menu_offcanvas { width: 100%; min-width: 238px !important; max-width: 510px !important; } .line { width: 54px; height: 5px; background: white; margin: 5px; transition: .3s; } .ce_hyperlink.link-bnt { height: 124px; width: 102px; display: flex; background-color: #055FA9; justify-content: center; align-items: center; padding: .5rem; vertical-align: middle; border: 3px solid white; transition: .3s; cursor: pointer; position: absolute; right: calc(306px + 2.5rem + 2.5rem + 2.5rem); } .ce_hyperlink.link-bnt:nth-of-type(3) { right: calc(204px + 2.5rem + 2.5rem); } .sm .ce_hyperlink.link-bnt:nth-of-type(4) { right: calc(102px + 2.5rem); } .ce_hyperlink.link-bnt:last-of-type { right: 0; } .ce_hyperlink.link-bnt:hover { background-color: #ef7b00; justify-content: center; align-items: center; padding: .5rem; vertical-align: middle; border: 3px solid white; } .logo-container a{ display: block; border: 3px solid transparent; } .logo-container{ padding: 2rem; transition: .5s; pointer-events: all; } .down .logo-container { padding: 0; } .logo-container img{ max-width: 230px; } .link-bnt figure{ width: 100%; /* max-width: 50px; */ text-align: center; margin: auto; height: 100%; padding-top: 20%; display: flex; justify-content: center; vertical-align: middle; flex-flow: column; position: relative; align-content: center; text-align: center; align-items: center; } .link-bnt figcaption{ position: relative; padding: 0; color: white; width: 100%; display: flex; justify-content: center; margin-top: 2rem; font-size: 1.25rem; } .hamburger{ flex-flow: column; margin: .5rem 0; height: 124px; width: 102px; display: flex; background-color: #ef7b00; justify-content: flex-end; align-items: center; padding: .5rem; vertical-align: middle; border: 3px solid white; transition: .3s; cursor: pointer; } .hamburger:hover{ background-color: white; border: 3px solid #ef7b00; } .hamburger:hover figcaption{ color: #ef7b00; } .hamburger:hover .line { background: #ef7b00; } .search-form .header{ display: none; } p.url, span.relevance{ display: none; } .highlight{ color: #055FA9; background-color: initial; } .hamburger figcaption { padding: 0; color: white; width: 100%; display: flex; justify-content: center; margin-top: rem; font-size: 1.3rem; margin: .6rem 1rem; transition: .3s; } .link-bnt a{ position: absolute; top: 0; right: 0; left: 0; z-index: 99; bottom: 0; /* display: flex; */ } .link-bnt a img{ max-width: 75px; position: RELATIVE; /* width: 50%; */ /* padding-bottom: 1rem; */ top: 19%; /* margin-bottom: 1rem; */ /* LEFT: auto; */ /* RIGHT: auto; */ } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } li.orange_bg.fade span.orange_bg { background-color: initial; } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; z-index: 0; left: inherit; right: 0; top: 0; bottom: 0; } .hamMenu { height: 140px; width: 102px; background-color: #ef7b00; background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; align-items: center; flex-flow: column; text-decoration: none; border: 3px solid white; } .hamMenu figcaption{ color: white; text-decoration: none; font-size: 1.3rem; } .mm-panels > .mm-panel:not(.mm-hidden) { display: block; } .mm-panels, .mm-panels > .mm-panel { background: rgba(5, 95, 171, .7); border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0px; right: 0; top: 0; bottom: 0; width: 100%; z-index: 0; padding-top: 13rem; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { text-decoration: none; color: white !important; background-color: initial !important; } .home h1, .home h2{ color: white; position: absolute; top: 0; bottom: 45vh; left: 0; align-items: baseline; right: 0; width: 100%; max-width: initial; height: 288px; margin: auto; display: flex; font-weight: 400; justify-content: center; flex-flow: row wrap; font-size: 3rem; text-align: center; } #content-max { width: 100%; max-width: 1300px; margin: auto; } .content-max { width: calc(100% - 4rem); max-width: 1300px; margin: auto; padding: 0 2rem; } .slider-header{ position: relative; height: 100vh; overflow: hidden; overflow-x: hidden; overflow-y: hidden; } .slider-header.bluetext-active .header-headline{ } @keyframes smoke-o { from { transform: translatey(100px) } to { transform: translatey(-1000px) } } @keyframes smoke { from { transform: translatey(-1000px) } to { transform: translatey(100px) } } .bluetext.active { transition: .5s linear; animation-name: smoke; animation-duration: .4s; animation-fill-mode: forwards; } /* .down .rsts-slides{ display: block; width: 100%; position: fixed; overflow: hidden; transform: none !important; transition-duration: 1000ms; transition-timing-function: initial !important; } .down .rsts-skin-default.rsts-main.bluetext-active { display: block; width: 100%; position: fixed; overflow: hidden; z-index: 999; transform: none !important; transition-duration: 1000ms; transition-timing-function: initial !important; } .down .slider-header.bluetext-active { display: block; width: 100%; position: fixed; overflow: hidden; transform: none !important; transition-duration: 1000ms; transition-timing-function: initial !important; } */ .bluetext_cont .bluetext{ animation-name: smoke-o; animation-duration: .4s; animation-fill-mode: forwards; z-index: 8; display: none; transition: .4s linear; justify-content: center; height: auto; background-color: #055FA9; position: absolute; top: initial; flex-flow: column; padding: 2rem 2rem 4rem; text-align: left; transition: left 3s 3s; } .home.home { overflow: visible; } #bluetext{ } .bluetext_cont .bluetext h2{ z-index: 9; position: relative; max-width: inherit; height: initial; bottom: inherit; margin: 0 auto; width: 72%; font-size: 1.8rem; font-weight: 600; padding: 1rem 0; } .bluetext_cont .bluetext p{ color: white; margin: 0 auto; width: 72%; z-index: 9; } .home h1 span:last-of-type, .home h2 span:last-of-type{ font-weight: bolder; text-transform: uppercase; /* width: 100%; */ display: block; text-align: left; font-size: 7.1rem; width: 100%; text-align: center; } .home h1 span:first-of-type, .home h2 span:first-of-type { color: #ef7b00; font-weight: 300; font-size: 4rem; line-height: 0; display: flex; padding-right: 8px; margin-left: 0; } .home .action.orange h1 span:first-of-type, .home .action.orange h2 span:first-of-type { color: #055FA9; font-weight: 300; font-size: 4rem; line-height: 0; display: flex; padding-right: 8px; margin-left: -2.3rem; } .career .mm-listview .mm-next.mm-fullsubopen { display: none; } li.submenu.career.sibling a.mm-next { display: none; } li.submenu.news.sibling a.mm-next { display: none; } .action.orange.slider-header figure img { max-width: initial; width: auto; object-fit: cover; min-width: initial; height: initial; } .slider-header figure img { max-width: initial; width: auto; min-width: 100vw; height: 100vh; object-fit: cover; } .action.orange.slider-header .aktion figure img { max-width: 232px; width: 100%; } li.home{ height: initial; } .link-social{ text-align: center; height: 50px; } .link-social{ max-width: 50px; background-color: white; padding: .5rem; transition: .3s; } .link-social:first-of-type{ margin-bottom: 1rem; } .link-social:hover{ background-color: #ef7b00; } .social-container{ position: fixed; right: 0; z-index: 98; /* background-color: white; */ bottom: 0; top: 0; right: 54px; height: 200px; margin: auto; } .aktion p { color: white; max-width: 630px; width: 100%; margin: auto; padding: 3rem 0; } .aktion h2 span{ text-align: center; } .aktion .image_container{ width: 100%; text-align: center; padding: 1rem 0rem; } .aktion .image_container a img{ max-width: 232px; margin: auto; transition: .3s; } .aktion .image_container a img:hover{ background-color: #055FA9; } .flex-50-pic { width: 50%; overlow:hidden !important; } .orange .aktion{ width: 50%; display: flex; flex-flow: column; justify-content: space-around; vertical-align: middle; align-items: center; max-height: 90%; margin: 195px auto auto; height: initial; align-self: baseline; align-content: center; background-color: #ef7b00; } .action.orange{ background-color: #ef7b00; display: flex; position: relative; flex-flow: row wrap; height: 100vh; vertical-align: middle; align-items: center; } .flex-50-pic figure{ display: flex; justify-content: end; height: 100vh; } .home .aktion h2{ position: relative; height: initial; margin: 0 auto; display: flex; flex-flow: row wrap; left: 0; width: 100%; display: block; display: flex; } .home .action.orange h1 span:last-of-type, .home .action.orange h2 span:last-of-type { text-align: center; line-height: 1; font-size: 5.1rem; } /*Waschtypüen*/ .type-nav .ce_hyperlink { width: calc(100% - 3rem); max-width: 520px; position: relative; display: flex; min-height: 81px; flex-flow: row; padding: .5rem 1rem; border: 2px solid white; margin: 1rem 0; transition: .3s; cursor: pointer; } .type-nav .ce_hyperlink:hover { background-color: #055FA9; } .type-nav .ce_hyperlink .image_container { border: none; height: initial; display: flex; flex-flow: row; width: 100%; justify-content: flex-start; position: relative; align-items: center; vertical-align: revert; align-content: center; } .type-nav .ce_hyperlink .image_container img{ display: block; position: relative; width: 20%; margin: auto 0; max-width: 68px; } .type-nav { height: initial; width: 50%; position: relative; display: flex; max-width: 760px; flex-flow: column; justify-content: space-between; } .rsts-skin-default .rsts-nav-bullets { line-height: 0; display: none; } .type-nav figcaption { width: 67%; margin: auto; color: white; font-size: 1.8rem; text-transform: uppercase; font-weight: 700; } .type-nav a{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; /* padding: 0 1rem; */ text-align: center; vertical-align: middle; display: flex; } .home.type .orange.flexbox{ padding-bottom: 4rem; } .orange.flexbox{ background-color: #ef7b00; display: flex; height: initial; flex-flow: row wrap; width: calc(100% - 24%); padding: 0 12% 0; justify-content: space-around; } .type-detail.orange.liebhaber .icn-type:nth-of-type(3){ background-color: #055FA9; } .type-detail.blue.regelm .icn-type:nth-of-type(2){ background-color: #055FA9; } .type-detail.blue.hundertp .icn-type:nth-of-type(4){ background-color: #055FA9; } .type-detail.orange.eilig .icn-type:first-of-type{ background-color: #055FA9; } .orange{ background-color: #ef7b00; height: 100vh; } .blue{ background-color: #055FA9; } .type-detail .orange{ background-color: #ef7b00; height: initial; } .big-h{ display: flex; justify-content: center; width: calc(100% - 24%); padding: 158px 12% 0; max-width: initial; margin: auto; position: relative; } .home.orange.type .header-headline{ position: relative; width: 100%; max-width: initial; display: flex; /* flex-flow: row wrap; */ } .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 span:nth-of-type(2) { display: inline; display: flex; flex-flow: row; font-weight: 300; color: white; font-size: 13.5rem; } .home.orange.type h2 .bold{ /* display: inline; */ font-weight: 700; font-size: 13.5rem; color: white; } .home.orange.type h2 .bold:before, .home.orange.type h2 .bold:before{ display: none; } .home.orange.type h2 .bold:after, .home.orange.type h2 .bold:after{ display: none; } .orange.flexbox .right-text{ width: calc(50% - 4rem); color: white; padding: 2rem; height: initial; height: initial; position: relative; } .orange.flexbox .right-text p{ color: white; } .home.orange.type #container{ display: flex; justify-content: center; align-items: center; vertical-align: middle; height: 100vh; } li.blue { background-color:white; } li.blue a { color:#055FA9; } #mobileNavigation ul.level_2 li{ background-color:white; color:#055FA9; width: 100%; } #mobileNavigation ul.level_2 .subnav{ display:none ; } #mobileNavigation ul.level_2 li a{ background-color:initial; color:#055FA9; font-size: 1.3rem; font-weight: 400; } ul.level_2 .hamburger.close{ display: none; } .bookcover{ display: none; z-index: 7; } .type-detail .flexbox.left-pic { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; /* max-width: 1550px; */ align-items: center; vertical-align: middle; align-content: baseline; min-height: calc(100vh - 158px); padding: 158px 12% 0 0; width: calc(100% - 12%);} .orange .pic-type{ width: calc(60vw - 6%); position: relative; overflow: hidden; position: fixed; /* height: calc(100vh - 158px); */ float: right; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ /* overflow: visible; */ left: initial; top: 0; left: 0; z-index: 95; } .type-detail .flexbox.right-pic { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; /* max-width: 1550px; */ align-items: center; vertical-align: middle; align-content: baseline; min-height: calc(100vh - 158px); padding: 158px 0 0 12%; width: calc(100% - 12%); } .fahrzeugaufbereitung footer .inside .ce_hyperlink a { width: auto; text-align: center; display: block; color: white; list-style: none; padding: .5rem; text-decoration: none; text-transform: uppercase; } .fahrzeugaufbereitung footer .inside .ce_hyperlink{ width: 22%; background-color: #ef7b00; /* text-align: center; */ border: 2px solid white; list-style: none; padding: 0; text-align: center; transition: .3s; cursor: pointer; display: flex; justify-content: center; align-items: center; } .fahrzeugaufbereitung footer .inside .ce_hyperlink:hover{ background-color: #055FA9; } .fahrzeugaufbereitung footer .inside{ display: flex; flex-flow: row; justify-content: space-between; width: 100%; padding: 0; } .type-detail.fahrzeugaufbereitung .flexbox .pic-type figure{ z-index: 41; } .fahrzeugaufbereitung #footer{ justify-content: end; margin: auto; align-content: end; align-items: end; display: flex; flex-flow: row; /* justify-content: space-between; */ padding: 0; position: fixed; left: initial; width: calc(47vw - 58px); bottom: 1rem; z-index: 60; right: 58px; } .type-detail .flexbox .pic-type figure{ position: relative; width: 100%; height: initial; float: right; box-sizing: border-box; overflow: hidden; right: 0; top: 0; display: flex; left: initial; z-index: 95; justify-content: center; align-content: flex-end; align-items: end; } .type-detail.fahrzeugaufbereitung .flexbox .pic-type figure{ justify-content: flex-end; } .type-detail .flexbox .pic-type.transp figure img{ object-fit: cover; height: 100vh; width: auto; } .type-detail .flexbox .pic-type.transp figure{ position: relative; width: 100%; height: 100vh; float: right; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ overflow: hidden; right: 0; top: 0; left: initial; z-index: 95; } .type-detail.blue .flexbox .pic-type figure { position: relative; width: auto; /* height: calc(100vh - 158px); */ float: right; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ overflow: visible; left: initial; top: 0; z-index: 95; } .fahrzeugaufbereitung .arrow-blue.thick.center{ margin: auto; } .type-detail .flexbox.right-pic .right-text { width: 40%; position: relative; padding: 0; margin: 0; } ul .home.orange { background-color: initial; height: initial; } ul .orange { background-color: initial; height: initial; } .type-detail .pic-type img{ object-fit: cover; height: 100vh; width: auto; } .type-detail.blue .pic-type { width: calc(60vw - 6%); position: relative; overflow: hidden; position: fixed; /* height: calc(100vh - 158px); */ float: right; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ /* overflow: visible; */ left: initial; top: 0; right: 0; z-index: 95; } .type-detail .pic-type.transp { pointer-events: none; position: fixed; width: 50vw; height:100vh; float: left; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; position: fixed; overflow: hidden; right: 0; z-index: 10; top: 78px; } .type-detail.orange .flexbox .pic-type figure { position: inherit; width: calc(60vw - 6%); /* height: calc(100vh - 158px); */ float: right; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ overflow: hidden; left: 0; right: initial; top: 0; display: flex; top: 0; z-index: 95; justify-content: flex-start; z-index: 95; } .type-detail .right-text h1 { font-size: 2.4rem; color: white; padding-left: 100px; padding-bottom: 1rem; text-transform: uppercase; } .type-detail .right-text{ width: calc(50% - 4rem); position: relative; padding: 0 2rem; } .type-detail.orange .right-text { width: calc(40% - 4rem); position: relative; padding: 0 0rem 0 4rem; margin: 0 0 0 auto; } .type-detail .right-text figure{ position: absolute; top: 10px; left: 4rem; } .type-detail.blue .right-text figure { position: absolute; top: 10px; left: 0rem; } .type-detail .right-text figure img{ max-width: 80px; } .type-detail .right-text p { line-height: inherit; font-weight: 400; color: white; font-size: 1.1rem; max-width: 645px; } .prog .prog-pic{ width: 50%; } .type-detail.orange .type-nav { height: initial; width: 100%; position: fixed; display: flex; max-width: initial; flex-flow: row; max-width: 80vw; bottom: 1rem; margin: 0 0 0 auto; justify-content: flex-start; left: calc(54px - .7rem); z-index: 96; } .type-detail .type-nav .ce_hyperlink { width: auto; /* min-width: 145px; */ position: relative; display: flex; min-height: 50px; flex-flow: row; padding: 0.5rem .7rem; border: 2px solid white; transition: .3s; margin: 0rem .5rem; cursor: pointer; background-color: #ef7b00; } .type-detail .type-nav .ce_hyperlink:hover { background-color: #055FA9; } #footer { clear: both; position: absolute; width: 100%; bottom: 0rem; } .type-detail.blue .type-nav { height: initial; width: 100%; position: fixed; display: flex; max-width: initial; flex-flow: row; max-width: 80vw; bottom: 1rem; margin: 0 0 0 auto; justify-content: flex-end; right: calc(54px - .7rem); z-index: 96; } .type-detail .type-nav .ce_hyperlink .image_container img { display: block; position: relative; width: 100%; margin: auto 0; max-width: 45px; } .type-detail .type-nav figcaption { width: 85%; margin: 0; color: white; font-size: 1rem; text-transform: uppercase; font-weight: 500; margin-left: 55px; } /*Waschablauf ab hier*/ .bubble.flex-50{ width: 40%; } .small-h.flex-50 span:last-of-type{ text-transform: initial; font-weight: 400; color: #055FA9; font-size: 2rem; } .small-h.flex-50 span:first-of-type { color: white; text-transform: uppercase; font-size: 3rem; font-weight: 600; position: relative; } .small-h.flex-50 span:first-of-type:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .header-headline.small-h.flex-50{ color: white; text-transform: uppercase; font-size: 3rem; display: flex; flex-flow: column; position: relative; width: 50%; } #orange-bg-right-end .flex-50 .arrow-orange span:last-of-type { font-size: 2.5rem; } #orange-bg-right-end .flex-50 .arrow-orange{ flex-flow: row wrap; } #orange-bg-right-end .flex-50{ width: calc(50% - 4rem); padding-right: 4rem; } #orange-bg-right-end .flex-50 .ce_hyperlink{ padding-top: 1rem; } #orange-bg-right-end .flex-50 .hyperlink_txt{ color: white; background-color: #ef7b00; text-decoration: none; text-transform: uppercase; padding: .5rem; cursor: pointer; transition: .3s; border: 2px solid white; } #orange-bg-right-end .flex-50 .hyperlink_txt:hover{ background-color:#055FA9;; } #orange-bg-right-end .arrow-blue.subheadline span:last-of-type { color: white; } #orange-bg-right-end{ background-color: #055FA9; padding: 1rem 12% 0; justify-content: space-between; width: calc(100% - 12%); flex-flow: row wrap; max-width: initial; margin: 0 0 0 auto; /* min-height: calc(100vh - 158px); */ align-items: center; } #orange-bg-right-end .text-pic{ display: flex; flex-flow: row wrap; } #orange-bg-right-end .pic-type figure img{ object-fit: cover; height: auto; width: auto; } #orange-bg-right-end .pic-type{ background-color: #055FA9; width: 50%; } #orange-bg-right-end .pic-type figure{ background-color: #055FA9; position: initial; width: 100%; height: initial; float: initial; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ overflow: hidden; right: initial; top: initial; display: initial; left: initial; z-index: 95; justify-content: center; align-content: flex-end; align-items: end; } #orange-bg-right .flexbox.text-pic .small-h span:last-of-type{ text-transform: initial; font-weight: 400; color: #055FA9; font-size: 2rem; padding-left: 0; } #orange-bg-right .flexbox.text-pic .small-h span:first-of-type { color: white; text-transform: uppercase; font-size: 3rem; font-weight: 600; margin-left: 0; } #orange-bg-right .flexbox.text-pic .small-h span:first-of-type:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } #orange-bg-right .flexbox.text-pic .header-headline.small-h{ color: white; text-transform: uppercase; font-size: 3rem; display: flex; flex-flow: column; position: relative; } .flexbox.orange-bg{ background-color: #ef7b00; display: flex; justify-content: space-between; width: calc(100% - 10rem); padding: 262px 5rem 1rem; } #orange-header{ background-color: #ef7b00; width: 100%; padding: 0; } #orange-bg-text{ background-color: #ef7b00; width: 100%; padding: 0; } .flexbox.orange-bg { background-color: #ef7b00; display: flex; justify-content: space-between; width: calc(100% - 4rem); padding: 262px 2rem 1rem; max-width: 1570px; margin: auto; } .washing .flexbox.orange-bg { background-color: #ef7b00; display: flex; justify-content: space-between; width: calc(100% - 24%); padding: 156px 12% 1rem; max-width: initial; margin: auto; align-items: flex-start; } #orange-bg-text .flexbox { background-color: #ef7b00; display: flex; justify-content: space-between; width: calc(100% - 24%); padding: 3rem 12% 5rem; margin: auto; } .grey-bg.flexbox { background-color: #E6E3E3; display: flex; justify-content: space-between; width: calc(100% - 10rem); margin: auto; padding: 2rem 5rem; } .graphic span:last-of-type{ color: white; background-color: #ED7A1C; border-radius: 9px; width: fit-content; padding: 0rem .5rem .2rem 1.2rem; margin-left: -1rem; z-index: 7; } .graphic span:first-of-type{ background-color: #055FA9; border-radius: 58px; width: 20px; height: 20px; border: 3px solid white; display: inline-block; padding: .4rem; color: white; text-align: center; text-align: center; display: flex; justify-content: center; align-items: center; z-index: 9; } .graphic h3{ display: flex; justify-content: center; align-items: center; } .graphic{ width: 20%; display: flex; justify-content: center; flex-flow: column; } .flex-50.text { width: calc(50% - 0rem); display: flex; flex-flow: column; vertical-align: middle; align-items: flex-start; justify-content: space-around; padding: 0 0 2rem 0; } .mm-listview { font: inherit; font-size: initial; line-height: initial; } .flex-50.pic figcaption{ order: 1; width: 72%; background-color: white; border: 3px solid black; border-radius: 7px; padding: 1rem 1rem; font-weight: 600; font-style: oblique; margin: auto; position: relative; } .submenu.orange_bg { background-color: initial; } .flex-50.pic .caption:after{ content: ""; width: 0; left: 5rem; bottom: -32px; height: 0; position: absolute; -webkit-transform: rotate( 309deg ); border-style: solid; border-width: 27px 0px 34px 23px; border-color: #27272700 transparent transparent #ffffff; } .mm-menu li.news .mm-next { display: none; } .mm-menu li.career .mm-next { display: none; } li.orange-bg.space-top { background-color: initial; padding-top: initial; padding-bottom: initial; } .flex-50.pic .caption:before{ content: ""; width: 0; left: 5.3rem; bottom: -37px; height: 0; position: absolute; -webkit-transform: rotate( 310deg ); border-style: solid; border-width: 27px 6px 31px 24px; border-color: #27272700 transparent transparent black; } .flex-50.pic figure img{ order: 2; max-width: 786px; } .flex-50.pic figure { /* order: 2; */ display: flex; flex-flow: column; justify-content: center; align-items: end; padding: 0 3rem; } .flex-50.pic { width: 50%; display: flex; /* flex-flow: column-reverse; */ justify-content: center; align-items: end; } #orange-bg .flexbox { display: flex; justify-content: center; width: calc(100% - 24%); padding: 3rem 12% 0; flex-flow: row wrap; max-width: initial; margin: auto; align-items: flex-end; } #orange-bg-right .flexbox{ display: flex; justify-content: center; width: calc(100% - 0rem); padding: 3rem 0rem 0; flex-flow: row wrap; max-width: 1570px; margin: auto; } #orange-bg-right .flexbox.text-pic { padding: 152px 0 0 12%; justify-content: space-between; width: calc(100% - 12%); flex-flow: row wrap; max-width: initial; margin: 0 0 0 auto; min-height: calc(100vh - 158px); align-items: center; } #orange-bg-right .flexbox.text-pic .flex-50 { width: calc(50vw - 4rem - 12%); padding-right: 4rem; } #orange-bg-right .flexbox.text-pic .flex-50 h2{ color: white; font-weight: 300; text-transform: uppercase; font-size: 2rem; } #orange-bg-right .flexbox.text-pic .flex-50 h2 span{ color: white; font-weight: 600; text-transform: initial; } #orange-bg-right .flexbox.text-pic .flex-50 p:first-of-type strong{ font-size: 1.5rem; text-transform: uppercase; color: white; } #orange-bg-right .flexbox.text-pic .flex-50 .white p strong { font-size: 1.1rem; text-transform: uppercase; color: white; } #orange-bg-right .flexbox.text-pic .flex-50 .white p a strong{ background-color: #055FA9; padding: 1rem; color: white; text-decoration: none; text-transform: uppercase; transition: .3s; cursor: pointer; border: 2px solid white; } .fahrzeugaufbereitung #orange-bg-right .flexbox.text-pic .flex-50 .left-text.white p a { text-decoration: none; color: white; } .fahrzeugaufbereitung .arrow-blue.subheadline{ text-transform: initial; font-size: 1.8rem; position: relative; padding-left: 0; } .fahrzeugaufbereitung .arrow-blue.subheadline span:first-of-type { position: absolute; top: 11px; } #orange-bg-right .text-pic .flex-50 strong{ color: #055FA9; } #orange-bg, #orange-bg-right{ background-color: #ef7b00; /* display: flex; */ /* justify-content: center; */ width: 100%; padding: 0; /* flex-flow: row wrap; */ } .type-detail.fahrzeugaufbereitung #orange-bg{ /* flex-flow: row wrap; */ padding: 0 0 4rem 0; } .prog #orange-bg-right .flexbox.text-pic .flex-50 { width: calc(50% - 4rem); padding-right: 4rem; } .flex-text h2 span:last-of-type{ color: #ED7A1C; background-color: white; border-radius: 9px; width: fit-content; padding: 0rem .5rem .2rem 1.2rem; margin-left: -1rem; z-index: 7; } .flex-text h2 span:first-of-type{ background-color: #055FA9; border-radius: 58px; width: 34px; border: 3px solid white; height: 34px; display: inline-block; padding: .4rem; color: white; text-align: center; text-align: center; display: flex; justify-content: center; align-items: center; z-index: 9; } .flex-text h2{ display: flex; justify-content: flex-start; align-items: center; } .flex-text{ width: 100%; } .small-pic { display: flex; width: calc(50% - 1rem); flex-flow: column; min-height: 260px; padding: 0 .5rem; justify-content: space-between; } .small-pic:first-of-type{ border-right: 3px solid #ef7b00; width: calc(50% - 1rem - 3px); border-bottom: 3px solid #ef7b00; } .small-pic:nth-of-type(3){ border-right: 3px solid #ef7b00; width: calc(50% - 1rem - 3px); } .small-pic:nth-of-type(2){ border-bottom: 3px solid #ef7b00; } .small-pic h4 { color: white; } .flex-50.two-column { width: 50%; display: flex; justify-content: center; flex-flow: row wrap; } #blue-bg .flex-text { width: calc(50% - 4rem); padding: 0 4rem 0 0; } #blue-bg .flexbox { display: flex; justify-content: center; width: calc(100% - 24%); padding: 3rem 12%; flex-flow: row wrap; max-width: initial; margin: auto; } #blue-bg{ background-color: #3261AB; width: 100%; padding: 0 ; } .flex-text.full{ width: calc(50% - 4rem); padding: 0 4rem 0 0rem; } .flex-text.full:last-of-type{ width: calc(50% - 0rem); padding: 0 0rem 0 0rem; } .list-h:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } /*List*/ #orange-bg .flexbox.list { display: flex; justify-content: flex-start; width: calc(100% - 24%); flex-flow: row wrap; max-width: initial; margin: auto; padding: 0 12%; align-items: baseline; } #orange-bg .flexbox.list.two { margin: 2rem auto 1rem; } .list-h { color: white; text-transform: uppercase; font-size: 3rem; font-weight: 300; width: 100%; position: relative; z-index: 10; } .table{ width: calc(33% - 0rem); display: flex; justify-content: center; text-align: center; padding: 0; z-index: 60; flex-flow: row wrap; align-items: flex-start; } .table:nth-of-type(2){ width: calc(33% - 2rem); padding: 0 1rem; } .prog .table:first-of-type h2, .price .table:first-of-type h2{ width: auto; max-width: 299px; display: block; font-size: 2.5rem; text-transform: uppercase; background-color: white; padding: .5rem 1.5rem; border: solid #055FA9 4px; border-radius: 17px; color: black; } .prog .table:nth-of-type(2) h2, .price .table:nth-of-type(2) h2{ width: auto; max-width: 299px; display: block; font-size: 2.5rem; text-transform: uppercase; background-color: #055FA9; color: white; padding: .5rem 1.5rem; border: solid #055FA9 4px; border-radius: 17px; } .prog .table:nth-of-type(3) h2, .price .table:nth-of-type(3) h2{ width: auto; max-width: 299px; display: block; font-size: 2.5rem; text-transform: uppercase; background-color:#ef7b00; color: white; padding: .5rem 1.5rem; border: solid white 4px; border-radius: 17px; } .table table{ width: 100%; border-collapse: collapse; } .table .head_0.col_first{ font-weight: 300; padding: .8rem; text-transform: uppercase; font-size: 1.6rem; } .table .head_0.col_first span{ padding: .5rem 0; color: #ef7b00; } .fahrzeugaufbereitung .table .head_0.col_first span{ padding: 0; display: block; color: #ef7b00; } .table table thead{ background-color: #055FA9; color: white; font-size: 1.5rem; font-weight: 300; padding: .5rem 0; } .price .orange-bg.list.light .table .head_0.col_first{ font-weight: 600; padding: .8rem 0; text-transform: uppercase; font-size: 2.5rem; color: white; } .prog .dark .table table tbody tr:nth-child(odd){ color: #055FA9!important; background-color: white!important; /* padding: 2rem 0; */ } .table table tbody .row_first td{ border-top: .5rem solid #ef7b00; height: 58px; } .table table tbody tr:nth-child(odd){ color: #055FA9; background-color: white; /* padding: 2rem 0; */ } .table table tbody tr td{ padding: 1.3rem 0.5rem; font-size: 1.2rem; font-weight: 600; height: 57px; } .table table tbody tr:nth-child(even){ color: white; height: 53px; background-color: #055FA9; /* padding: 2rem 0; */ } .flexbox.orange-bg .centered-text { text-align: center; width: 100%; padding: 6rem 2rem 7rem; } .flexbox.orange-bg .centered-text p{ font-size: 2rem; text-transform: uppercase; font-weight: 300; } .flexbox.orange-bg.list.white{ background-color: white; display: flex; padding: 1rem 0 !important; justify-content: flex-start; width: calc(100% - 24%); border: solid black 6px; border-radius: 47px; } .flexbox.orange-bg.list.white .flex.point{ width: calc(50% - 24%); padding: 0 12%; margin: 0 auto; }.flexbox.orange-bg.list.white .flex.point h3{ color: #ef7b00; font-size: 1.7rem; margin-bottom: 0; } #orange-bg .flexbox.list.white{ position: relative; z-index: 10; } #orange-bg .flexbox.list.white:before { content: none; background-image:initial; background-size: contain; background-repeat: repeat; height: initial; width: initial; margin: 0 0.5rem 0 0; font-size: 1.5rem; position: initial; top: 0; z-index: 0; left: 0; opacity: .3; } .flexbox.orange-bg.list.white .flex.point p:nth-child(odd){ color: #ef7b00; margin-top: 0; font-size: 1.3rem; } .flexbox.orange-bg.list.white .flex.point p span{ opacity: .2; } .flexbox.orange-bg.list.white .flex.point p:nth-child(even){ color: #055FA9; margin-top: 0; font-size: 1.3rem; } .flexbox.orange-bg.list.white .flex.point p strong{ color: #055FA9; font-size: 1.4rem; } #orange-bg-pic .type-detail .flexbox .pic-type figure { justify-content: flex-end; align-content: flex-end; align-items: end; } #orange-bg-pic{ background-color: #ef7b00; /* display: flex; */ /* justify-content: space-between; */ /* padding: 0; */ max-width: initial; margin: auto; padding: 3rem 12%; justify-content: space-between; width: calc(100% - 24%); } #text-two-column .flex-50:first-of-type{ width: calc(50% - 2rem); padding-right: 2rem; } #text-two-column .flex-50:last-of-type{ width: calc(50% - 2rem); padding-left: 2rem; } #text-two-column h2{ color: white; text-transform: uppercase; font-size: 2.2rem; display: flex; flex-flow: row wrap; align-items: baseline; } #text-two-column .flex-50 h2 span:last-of-type{ text-transform: initial; font-weight: 400; color: #055FA9; font-size: 1.8rem; width: 100%; } #text-two-column .flex-50 h2 span:first-of-type{ color: #055FA9; font-weight: 300; font-size: 4rem; line-height: 0; display: flex; padding-right: 8px; margin-left: -2.3rem; width: initial; } #text-two-column .flex-50{ width: calc(50% - 2rem); } #text-two-column .flexbox{ display: flex; flex-flow: row wrap; justify-content: space-between; } #text-two-column{ background-color: #ef7b00; /* display: flex; */ /* justify-content: space-between; */ /* padding: 0; */ max-width: initial; margin: auto; padding: 3rem 12%; justify-content: space-between; width: calc(100% - 24%); } #orange-bg-right-end .pic-type figure picture{ display: flex; } #orange-bg-pic .flexbox.orange-bg .pic-type img { object-fit: initial; height: auto; width: 100%; max-width: 760px; } #orange-bg-pic .flexbox.orange-bg .pic-type { width: 50%; } #orange-bg-pic .flexbox.orange-bg .flex-50 { width: 50%; } #orange-bg-pic .flexbox.orange-bg { background-color: #ef7b00; display: flex; justify-content: space-between; width: 100%; padding: 0; max-width: initial; margin: auto; } #main .inside { min-height: initial; } #orange-bg{ position: relative; } #orange-bg .flexbox:before { content: ' '; background-image: url(../../files/img/blasen-sterne.png); background-size: contain; background-repeat: repeat; height: 100%; width: 101%; margin: 0 0.5rem 0 0; font-size: 1.5rem; position: absolute; top: 0; z-index: 9; left: 0; opacity: .3; } .mm-navbar .orange { background-color: transparent !important; } .washing #orange-bg .flexbox:before { display: none; } .type-detail .flex-50 .left-text figure img{ max-width: 161px; position: relative; } .type-detail .flex-50 .left-text figure{ text-align: left; position: relative; } /* .text-pic .pic-type figure:before{ content: ' '; background-image: url(../../files/img/sonax-01.png); background-size: contain; background-repeat: no-repeat; height: 100%; width: 180px; margin: 0 0.5rem 0 0; font-size: 1.5rem; position: absolute; top: 13%; z-index: 9; left: 0; } */ .prog .text-pic .pic-type figure:before{ display: none; } .text-pic .pic-type figure{ position: relative; } .type-detail .pic-type.transp figure { position: fixed; } .transp{ transition: opacity 0.1s; opacity: 1; } /* .down .transp{ animation-name: example; animation-duration: 4s; } @keyframes example { from { opacity: 1 } to { opacity: .5 } } .down.more .transp{ animation-name: example_two; animation-duration: 4s; opacity: 0; transition: .3s; } @keyframes example_two { from { opacity: .5 } to { opacity: 0 } } */ /*Waschprogramme ab hier*/ .washing #blue-bg .flex-text ul li::marker { color: #ef7b00; } .washing #blue-bg .flex-text ul li { color: white; } .washing #blue-bg .flex-text ul{ padding: 0 2rem; display: flex; justify-content: space-between; } .prog h1{ color: white; display: flex; flex-flow: column; text-align: center; line-height: 1; } .prog h1 span{ font-weight: 600; font-size:7rem ; text-transform: uppercase; } .prog h1 span:first-of-type{ font-weight: 300; font-size:2.8rem ; text-transform: initial; position: relative; } .prog h1 .arrow:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .prog h1 .arrow{ position: relative; } .prog .table table tbody tr:nth-child(odd) { color:white; background-color: #055FA9; /* padding: 2rem 0; */ } .blue_bg{ background-color: #055FA9; } .prog .table table tbody tr:nth-child(even) { color: #055FA9; background-color: white; /* padding: 2rem 0; */ } .prog #orange-bg-right .flexbox.text-pic { padding: 152px 12% 0; justify-content: center; width: calc(100% - 24%); flex-flow: row wrap; max-width: initial; margin: auto; align-items: center; background-color: #ef7b00; } .prog #orange-bg-right .flexbox.text-pic figure img{ min-width: 730px; } .prog .white-text { width: 80%; margin: auto; } .prog #orange-bg .flexbox.list.dark:last-of-type { padding-bottom: 7rem; } .sub-container ul li .active { font-size: 1.2rem; text-transform: initial; padding-right: 0; } nav { position: relative; } .hamburger { position: absolute; right: calc(408px + 2.5rem + 2.5rem + 2.5rem + 2.5rem); } .hamburger-ref { position: absolute; cursor: pointer; right: 2rem; top: 6.4rem; transform: translate(-5%, -50%); z-index: 2; } nav li .active, .forward.trail { color: #0085C9; text-transform: uppercase; width: 100%; } footer nav li .active, .forward.trail { color: #0085C9; text-transform: uppercase; font-size: inherit; width: 100%; } #mobileNavigation ul.level_2 .active{ color: white; font-size: 1.3rem; background-color: #ef7b00; } #mobileNavigation ul .sub-menu.sub-container ul li.fade:hover a { color: #ef7b00; } nav li .active, .forward.trail { font-size: 1.8rem; width: 100%; text-decoration: none; color: #ef7b00; text-transform: uppercase; text-align: left; font-weight: 600; } .referenzen .mod_navigation li:nth-of-type(3) a { color: #0085C9; text-transform: uppercase; font-weight: 600; font-size: 25px; } .news-reader .mod_navigation li:nth-of-type(5) a { color: #0085C9; text-transform: uppercase; font-weight: 600; font-size: 25px; } .news-wrapper nav > ul { display: flex; justify-content: space-evenly; padding: 0; width: 100%; margin: 20px auto; position: relative; max-width: 900px; } .news-wrapper nav > ul > ul{ display: flex; justify-content: space-evenly; width: calc(100% - 2 * 265px); margin: 0 auto; padding: 0; max-width: 400px; } .news-wrapper nav > ul a, .news-wrapper nav > ul .active{ display: block; } .news-wrapper nav > ul > :not(.pages) { position: absolute; } .news-wrapper nav > ul > :not(.pages) a{ width: 85px; } .news-wrapper nav > ul .first{ left: 0; } .news-wrapper nav > ul .previous{ left: 140px; } .news-wrapper nav > ul .next{ right: 140px; } .news-wrapper nav > ul .last{ right: 0; } .news-wrapper nav ul li .active{ color: white; list-style: none; width: auto; font-weight: 300; text-align: center; text-transform: initial; font-size: 1.1rem; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: .5rem !important; padding-bottom: .5rem !important; /*margin: 1rem;*/ border: 2px solid white; background-color: #055FA9; } .news-wrapper nav ul li{ color: white; list-style: none; width: auto; font-weight: 300; text-align: center; text-transform: initial; font-size: 1.1rem; padding: 0; } nav.pagination p { display: none; } .news-wrapper nav ul a{ color: white; list-style: none; text-decoration: none; padding: .5rem 1rem; /*margin: 1rem;*/ border: 2px solid white; transition: .3s; } .news-wrapper nav ul a:hover{ color: white; list-style: none; text-decoration: none; padding: .5rem 1rem; /*margin: 1rem;*/ border: 2px solid white; transition: .3s; background-color: #055FA9; } .nav-links { position: fixed; opacity: 0; background: white; height:initial; width: 100%; right: 0; flex-direction: column; pointer-events: none; margin: 0; top: 0; display: flex; justify-content: start; align-items: flex-start; vertical-align: middle; align-content: start; } .nav-links.open { pointer-events: all; top: 0; opacity: 0.9; height: 100%; overflow: hidden; } .hamburger .line.active > .nav-links { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); pointer-events: all; top: 6rem; opacity: 0.9; } .hamburger .line.active > .mod_navigation.nav-links.menue-nav-list.navigation.block .level_1 { display: flex; flex-flow: column; padding: 0; width: 100%; margin: auto; justify-content: space-around; margin-bottom: 0; height: calc(100vh - 100px - 5rem); } .landing { flex-direction: column; } .nav-links li { opacity: 0; } .nav-links li a { font-size: 1.8rem; width: 100%; text-decoration: none; color: white; text-transform: uppercase; text-align: left; display: inline-block; background-color: transparent; } .nav-links li:nth-child(1) { transition: all 0.5s ease 0.2s; } .nav-links li:nth-child(2) { transition: all 0.5s ease 0.4s; } .nav-links li:nth-child(3) { transition: all 0.5s ease 0.6s; } li.fade { width: 100%; opacity: 1; text-align: center; padding-top: 1rem; background-color: transparent; } /*waschstraßen*/ .link-stdort{ width: 50%; display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 3rem 0; } .link-stdort p:first-of-type{ border: 2px solid white; background-color: #ef7b00; margin: 1rem 0 0; color: #055FA9; text-align: center; width: 60%; box-sizing: border-box; line-height: .9; transition: .3s; } .link-stdort p:first-of-type:hover { background-color: #ffffff; } .link-stdort p:first-of-type:hover strong { color: #ef7b00; } .link-stdort p:last-of-type:hover, .link-stdort .bluebutton:hover{ background-color: white; color: #055FA9; } .link-stdort p:last-of-type:hover a, .link-stdort .bluebutton:hover a{ color: #055FA9; } .link-stdort p:first-of-type strong{ color: white; text-decoration: none; font-weight: 300; font-size: 1.2rem; text-align: center; display: block; padding: 1rem 0; text-transform: uppercase; transition: .3s; } .link-stdort p:first-of-type a{ color: #055FA9; text-decoration: none; font-weight: 600; font-size: 1.2rem; text-align: center; display: block; text-transform: initial; padding: 1rem 2rem 0; } .link-stdort p:last-of-type, .link-stdort .bluebutton{ background-color: #055FA9; color: white; width: 60%; text-align: center; display: block; margin: .5rem 0 1rem; transition: .3s; } .link-stdort p:last-of-type a, .link-stdort .bluebutton a{ color: white; padding: .5rem 1rem; text-decoration: none; text-transform: uppercase; font-weight: 600; /* width: 60%; */ display: block; } .link-stdort figure img{ width: 58px; } .link-stdort figure{ display: block; width: 60%; text-align: center; } .link-stdort p:nth-of-type(2){ margin-bottom: 0; } .flex-50.link{ display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; width: 50%; } .two-column-layout .header-headline.small-h{ color: white; text-transform: uppercase; font-size: 3rem; display: flex; width: 100%; flex-flow: column; position: relative; } .two-column-layout .header-headline.small-h span:first-of-type { color: white; text-transform: uppercase; font-size: 3rem; font-weight: 600; margin-left:0; position: relative; } .two-column-layout .small-h span:first-of-type:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .two-column-layout .small-h span:last-of-type { text-transform: initial; font-weight: 400; color: #055FA9; font-size: 2rem; } .orange_bg{ background-color: #ef7b00; } .orange_bg #main .inside{ min-height: calc(100vh - 158px); display: flex; align-items: baseline; flex-flow: row wrap; padding: 158px 0 0 12%; justify-content: space-between; width: calc(100% - 12%); flex-flow: row wrap; max-width: initial; margin: 0 0 0 auto; } .card { width: 50vw; position: fixed; right: 0; height: calc(100vh - 158px); } .card .pic-right { text-align: center; position: relative; } .card .pic-right figure img{ min-height: initial; width: auto; /*object-fit: cover;*/ height: calc(100vh - 158px); display: block; margin: auto; } .map-link{ position: absolute; padding: .5rem; } .map-link figure img{ max-width: 31px; } .map-link figure{ text-align: center; transition: .3s; } .map-link a{ text-decoration: none; text-transform: uppercase; font-weight: 700; color: white; text-align: center; transition: .3s; font-size: 1rem; } .map-link:hover a{ color: white; } .map-link:hover figure { transform: scale(1.2); } .map-link.salzgitter { top: 42%; left: 64%; } .map-link.loehne { left: 46%; top: 38%; } .map-link.minden { left: 51%; top: 38%; } .map-link.wunstdorf { left: 57%; top: 31% } .map-link.loehne-tt { left: 46%; top: 43%; } .map-link.porta-tt { left: 51%; top: 43%; } .map-link.minden figure, .map-link.loehne figure, .map-link.loehne-tt figure{ position: relative; } .map-link.loehne figure figcaption, .map-link.loehne-tt figure figcaption{ position: absolute; left: -65px; top: 7px; } .map-link.loehne figure figcaption{ position: absolute; left: -65px; top: 7px; text-wrap: nowrap; } .map-link.loehne-tt figure figcaption{ position: absolute; left: -65px; top: 7px; text-wrap: nowrap; } .map-link.minden figure figcaption{ position: absolute; left: -19px; top: -23px; text-wrap: nowrap; } .map-link.loehne-tt figure img, .map-link.porta-tt figure img{ transform: rotate(180deg); } .map-link .markertext_down{ text-transform: initial; font-size: .7rem; transform: translateY(-8px); display: inline-block; } #box.inside{ /* background-color: #055FA9; */ display: flex; justify-content: flex-start; width: 100%; min-height: 100vh; align-content: center; } .blue_bg .container{ background-color: #055FA9; } .blue-box .content-box { background-color: #055FA9; width: calc(50% - 12%); min-height: calc(100vh - 158px); padding-top: 158px; padding-left: 12%; z-index: 9; padding-bottom: 158px; box-shadow: 5px 10px 8px 10px #0909097a; } .stdort .content-box .textbox a:first-of-type{ color: white; } .content-box .textbox h3 { margin-bottom: 0; } .blue_bg .content-box .textbox strong a { background-color: #ef7b00; padding: .5rem; border: 2px solid white; cursor: pointer; /* margin: 1rem 0; */ font-size: 1.1rem; font-weight: 400; text-transform: uppercase; text-decoration: none; transition: .3s; color: white; } .blue_bg .content-box .textbox strong a:hover { background-color: #055FA9; } .stdort .content-box .textbox strong a{ background-color: #ef7b00; padding: .5rem; border: 2px solid white; cursor: pointer; /* margin: 1rem 0; */ font-size: 1.1rem; font-weight: 400; text-transform: uppercase; text-decoration: none; transition: .3s; } .stdort .content-box .textbox strong a:hover { background-color: #055FA9; padding: .5rem; border: 2px solid white; } .blue-box.full .ce_image.flex-50 figure img{ object-fit: cover; height: 100vh; width: auto; } .space-top .blue-box.full .ce_image.flex-50 figure img { object-fit: cover; height: 100%; width: auto; } .space-top .blue-box.full .ce_image.flex-50 figure { height: 100vh; } .space-top .blue-box.full .ce_image.flex-50.car figure { display: flex; align-items: center; } .blue-box.full .flex-50.car h2 span:last-of-type { color: #055FA9; background-color: white; border-radius: 9px; width: fit-content; padding: .2rem .5rem .2rem 1.2rem; margin-left: -1rem; z-index: 7; } .blue-box.full .flex-50.car h2 span:first-of-type{ background-color: #ED7A1C; border-radius: 58px; width: 34px; border: 3px solid white; height: 34px; display: inline-block; padding: .4rem; color: white; text-align: center; text-align: center; display: flex; justify-content: center; align-items: center; z-index: 9; } .blue-box.full .flex-50.car h2 { display: flex; justify-content: flex-start; align-items: center; } .blue-box.full .ce_image.flex-50 figure{ position: fixed; top: 0; right: -3%; width: 50vw; height: auto; text-align: end; } .blue-box.full .ce_image.flex-50 { position: relative; width: 50vw; } .blue-box.full .flex-50 h2 { padding-top: 1rem; font-size: 1.2rem; } .blue-box.full .flex-50 { width: calc(50vw - 12%); } .blue-box.full { background-color: #055FA9; width: calc(100% - 12%); min-height: calc(100vh - 158px); padding-top: 158px; padding-left: 12%; /* padding-right: 0; */ padding-bottom: 6rem; box-shadow: none; display: flex; flex-flow: row wrap; position: relative; } .blue-box.full.space { background-color: #055FA9; width: calc(100% - 24%); padding-top: 158px; padding-left: 12%; padding-right: 12%; } .blue-bg { background-color: #055FA9; } .pic_3 .blue-box:first-of-type{ min-height: initial; background-image: url(../../files/img/headerbild1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center right; } /* .pic_6 .blue-box:first-of-type{ min-height: initial; background-image: url(../../files/img/nachhaltigkeit.jpg); background-size: cover; background-repeat: no-repeat; background-position: center right; } */ .pic-fix .ce_image figure img{ /* height: 100vh; */ /* overflow: hidden; */ /* width: auto; */ /* width: 100%; */ object-fit: cover; height: 100%; } .pic-fix .ce_image figure{ /* height: 100vh; */ width: 100%; object-fit: cover; height: 100%; } .pic-fix .ce_image{ /* height: 100vh; */ width: 100%; object-fit: cover; height: 100%; } .pic-fix{ width: 50vw; /* float: right; */ position: fixed; top: 0; right: 0; overflow: hidden; width: 50vw; height: calc(100vh - 195px); float: left; box-sizing: border-box; position: fixed; overflow: hidden; /* width: 100%; */ /* object-fit: cover; */ height: 100%; } .pic_3 .blue-box:nth-of-type(2){ min-height: initial; background-image: url(../../files/img/minden.jpg); background-size: cover; background-repeat: no-repeat; background-position: center right; box-shadow: 5px 10px 8px 10px #090909; } .two-column-layout.blue_bg .header-headline.small-h span:first-of-type { text-transform:initial; margin-left: 0; } .two-column-layout.blue_bg .header-headline.small-h span:nth-of-type(2) { text-transform:uppercase; font-weight: 300; margin-left:1rem; } .two-column-layout.blue_bg .header-headline.small-h { flex-flow: row wrap; } .blue-box .small-h.up:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .blue-box .small-h.up{ padding-left: 0; text-transform: uppercase; color: white; position: relative; font-size: 3rem; width: 100%; } .type-detail .mm-listview .orange { background-color:initial; height: initial; } ul.level_2.mm-listview li a.last-l{ display: none; } .block{ overflow: visible; } .two-column-layout .small-h.up:before { height: 34px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.3rem; border: none; transform: none; width: 34px; } .two-column-layout .small-h.up{ padding-left: 0; text-transform: uppercase; } .two-column-layout.blue_bg .small-h span:first-of-type:before { height: 34px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -3rem; border: none; transform: none; width: 34px; } .two-column-layout.blue_bg .small-h span:last-of-type { padding-left: 0; color: #ef7b00; width: 100%; } .two-column-layout.blue_bg .small-h span:first-of-type:after { display: none; } .blue-bg .blue-box .flex-50 .flexbox figure { width: 40%; } .blue-bg .blue-box .flex-50 .flexbox p{ width: calc(60% - 2rem); font-size: 1.2rem; font-weight: 700; padding: 1rem; } .blue-bg .blue-box .flex-50 .flexbox{ display: flex; flex-flow: row wrap; justify-content: center; align-items: center; vertical-align: baseline; width: 80%; } .car-link .link-number a{ color: white; font-size: 1.1rem; text-decoration: none; width: 34px; display: flex; height: 34px; justify-content: center; vertical-align: middle; align-items: center; font-weight: 600; } .car-link .link-number:first-of-type { right: 390px; top: 420px; } .car-link .link-number:nth-of-type(5) { left: initial; top: 224px; left: 695px; } .car-link .link-number:nth-of-type(4) { top: 320px; left: 951px; } .car-link .link-number:nth-of-type(3) { left: 331px; top: 380px; } .car-link .link-number:nth-of-type(2) { left: 750px; top: 420px; } .car-link .link-number { position: absolute; background-color: #ED7A1C; border-radius: 58px; width: 34px; border: 3px solid white; height: 34px; padding: .4rem; color: white; text-align: center; text-align: center; display: flex; justify-content: center; align-items: center; z-index: 9; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s ; } .car-link .link-number:hover { background-color: #055FA9; } .car-link { position: fixed; width: 50vw; right: 0; height: 100vh; } .two-column-layout.blue_bg .content-box .flexbox figure{ width: 40%; } .two-column-layout.blue_bg .content-box .flexbox p{ width: calc(60% - 2rem); font-size: 1.2rem; font-weight: 700; padding: 1rem ; } .content-box .textbox{ width: 80%; } .content-box .textbox p{ font-weight: 300; margin: .5rem 0; } .content-box .textbox strong{ font-size: 1.2rem; } .two-column-layout.blue_bg #footer{ position: fixed; left: initial; width: calc(47vw - 58px); bottom: 1rem; z-index: 11; right: 58px; } .place-nav{ /* position: absolute; */ display: flex; flex-flow: row; justify-content: end; width: calc(100% - 0%); margin: auto; align-content: end; align-items: end; /* margin: auto; */ } .price-nav li.active>ul.level_2{ position: initial; display: block; left: initial; right: initial; width: auto; margin: 0 0 0 auto; padding: 0; background-color: transparent; } .price-nav li a.orange-bg.space-top { background-color:initial; padding-top: initial; padding-bottom: initial; color: white; text-decoration: none; width: auto; text-align: center; display:block; list-style: none; text-decoration: none; text-transform: uppercase; } .price-nav li.orange-bg.space-top { background-color:initial; padding-top: initial; padding-bottom: initial; } .price-nav li.active strong{ color: transparent; } .price-nav li.active{ position: relative; display: block; } .price-nav li{ display: none; } .price-nav ul{ padding: 0; width: 50%; margin: 0 0 0 auto; } .price-nav{ position: fixed; right: 54px; width: 40%; bottom: 5rem; } .price-nav ul.level_1 li.active.submenu .level_2 li{ width: 65%; max-width: 130px; background-color: #ef7b00; /* text-align: center; */ border: 2px solid white; list-style: none; padding: .5rem; text-align: center; transition: .3s; cursor: pointer; display: block; margin: 0 0 0 auto; } .price-nav ul.level_1 li.active.submenu .level_2 li:hover { background-color: #055FA9; /* text-align: center; */ border: 2px solid white; } .price-nav li>ul.level_2{ display: none; } .place-nav ul { display: flex; flex-flow: row; justify-content: space-between; width: 100%; padding: 0; } .place-nav ul li a span{ color: white; } .place-nav ul li a{ width: auto; text-align: center; display: block; list-style: none; padding: .5rem; text-decoration: none; text-transform: uppercase; text-wrap: nowrap ; } .place-nav ul li.active{ background-color:#055FA9; text-align: center; border: 2px solid white; list-style: none; color: white; padding: .5rem; font-weight: 300; text-decoration: none; text-transform: uppercase; } .place-nav ul li .active{ color: white; font-weight: 300; text-decoration: none; text-transform: uppercase; } .place-nav ul li{ width: 16%; background-color: #ef7b00; /* text-align: center; */ border: 2px solid white; list-style: none; padding: 0; text-align: center; transition: .3s; cursor: pointer; } .place-nav ul li:hover{ background-color:#055FA9; /* text-align: center; */ border: 2px solid white; } .orange-bg.space-top{ background-color: #ef7b00; padding-top: 158px; padding-bottom: 158px; } .price .flexbox:first-of-type .table table thead{ background-color: transparent; color: white; font-size: 3.5rem; font-weight: 600; padding: .5rem 0; } .price .flexbox:first-of-type .table .head_0.col_first { font-weight: 600; padding: .8rem 0; text-transform: uppercase; font-size: 2.7rem; } .price tfoot { background-color: #055FA9; } .price tfoot td{ font-weight: 600; padding: .8rem 0; text-transform: uppercase; font-size: 2.5rem; color: white; } .price #footer{ z-index: 96; position: fixed; left: initial; width: calc(66vw - 58px); bottom: 1rem; right: 58px; } .img-50{ width: 50%; } .job #two-col{ background-color: #ef7b00; padding-top: 158px; padding-bottom: 158px; padding-left: 12%; min-height: calc(100vh - 158px - 158px); } .job #two-col .inside{ ustify-content: center; align-items: center; display: flex; } .job .img-50 { width: 44%; height: calc(100vh - 158px); float: left; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; position: fixed; overflow: hidden; right: 0; z-index: 96; top: 157px; display: flex; justify-content: flex-end; } .job .img-50 figure{ position: relative; width:auto; height: calc(100vh - 158px); float: right; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ overflow: hidden; right: 0; top: 0; left: initial; z-index: 95; } .job .img-50 figure img{ width: auto; object-fit: cover; height: 100%; } .jobs .link-stdort2 .more a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: transparent; } .jobs .link-stdort2 .more { font-size: 0; } .job .link-stdort2 h2{ margin: 0; font-size: initial; } .job h2 span{ font-weight: 600; text-transform: uppercase; font-size: 2rem; color: white; } .job .white-text{ width: 100%; } .job .link-stdort a{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; color:transparent; } .job .link-stdort2 h3{ color: #ef7b00; text-transform: uppercase; font-size: 1.4rem; font-weight: 300; margin: 0; } .carrier.three_column{ background-color: #ef7b00; } .carrier.three_column .back{ display: none; } .job .link-stdort2 h2 a{ display: block; color: white; /* color: transparent; */ } .job .link-stdort2 { position: relative; width: calc(50% - 5rem - 4px); display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 1rem 2rem; background-color: #055FA9; margin: 1rem 1rem 1rem 0; border: 2px solid white; transition: .3s; } .news-full h2{ font-weight: 400; color: #055FA9; text-transform: uppercase; font-size: 2rem; width: 100%; margin: 0; } .news-full .list{ max-width: 33%; width: auto; box-sizing: border-box; color: white; padding: 0; } .news-full .blue-text { width: 100%; display: block; max-width: 100%; box-sizing: border-box; color: white; padding: 2rem 0; } .news-full .list ul { padding: 1.1rem; font-weight: 400; } .news-full .list h3{ text-transform: uppercase ; } .news-full .blue-text p { color: white; } .back-btn a{ color: white; text-decoration: none; font-size: 1.1rem; display: block; font-weight: 400; width: 100%; height: 100%; text-align: center; display: flex; margin: auto; vertical-align: baseline; align-self: center; vertical-align: bottom; justify-content: center; vertical-align: bottom; align-items: center; } .price .header-headline.small-h { color: white; text-transform: uppercase; font-size: 3rem; display: flex; flex-flow: column; position: relative; } .price-h{ display: flex; justify-content: flex-start; width: calc(100% - 24%); flex-flow: column; max-width: initial; margin: auto; padding: 0 12%; align-items: baseline; z-index: 10; } .price .header-headline.small-h span:first-of-type:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .link-text a{ background-color: #055FA9; margin: 2rem 0; border: 2px solid white; padding: .6rem; cursor: pointer; display: block; color: white; max-width: 150px; text-align: center; text-decoration: none; text-transform: uppercase; transition: .3s; } .link-text a:hover{ background-color:#ef7b00; } .link-text{ z-index: 80; width: 80%; } .price .ce_headline.header-headline.small-h span:first-of-type { color: white; text-transform: initial; font-size: 3rem; font-weight: 600; margin-left: 0; } .price .ce_headline.header-headline.small-h span:last-of-type { text-transform: initial; font-weight: 400; color: #055FA9; font-size: 2rem; padding-left: 0; } /* html.mm-blocking #mm-blocker { display: none; } */ .back-btn{ background-color: #ef7b00; position: fixed; right: calc(408px + 131px + 3.5rem + 2.5rem + 2.5rem + 2.5rem); border: 3px solid #ffffff; top: -3px; height: 133px; width: 125px; z-index: 96; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .3s; } .back-btn:hover{ background-color: #055FA9; } .news-full .blue-text h3{ color: #055FA9; } .news-full h1:before { content: "»"; height: initial; top: 1.3rem; left: initial; margin-left: -2.6rem; width: 30px; border: none; transform: none; position: relative; color: #055FA9; font-weight: 300; font-size: 5rem; line-height: 0; } .news-full{ background-color: #ef7b00; padding-top: 158px; padding-bottom: 1rem; display: flex; justify-content: space-between; padding-left: 12%; padding-right: 12%; width: calc(100% - 24%); flex-flow: row wrap; } .job .link-stdort2:hover { background-color:white; margin: 1rem 1rem 1rem 0; border: 2px solid #055FA9; } .job .link-stdort2:hover h2 a span{ color: #055FA9; } .news-full ul li{ padding: 0 0 1rem 0; } .news-full h1{ color: white; text-transform: uppercase; font-size: 2.6rem; display: flex; flex-flow: column; position: relative; width: 100%; margin-bottom: 0; } .mod_newsarchive.jobs { display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; width: 100%; } .job .place-nav { /* position: absolute; */ display: flex; position: fixed; flex-flow: row; bottom: 3rem; justify-content: space-between; width: calc(30%); /* margin: auto; */ padding-left: 12%; } .carrier .place-nav { /* position: absolute; */ display: flex; position: fixed; flex-flow: row; bottom: 3rem; justify-content: space-between; width: calc(30%); /* margin: auto; */ padding-left: 12%; } .contact .adress figure img{ position: relative; top: -77px; max-width: 60px; } .contact .adress figure a:hover .adress strong { color: #055FA9; text-transform: uppercase; } .contact .adress figure a:hover .adress p{ color: #055FA9; } .contact .adress figure a{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .contactform .formbody{ display: flex; flex-flow: row wrap; } .contactform .formbody .widget{ width: calc(50% - 2rem); display: flex; justify-content: flex-start; align-items: baseline; color: #055FA9; font-weight: 600; padding: 1rem 2rem 1rem 0; position: relative; } .contactform .formbody .widget.paddingright{ padding: 0 2rem 0 0; } .contactform .formbody .widget.paddingtopbot{ width: 100%; padding: 1rem 0; } .captcha_text.spamschutz { float: left; position: absolute; top: 85%; left: 15%; } form{ width: 100%; } .contactform .formbody .widget label{ width: 15%; } .contactform .formbody .widget input, textarea,.contactform .formbody .widget textarea.textn, .contactform .formbody .widget select{ width: 85%; padding: 1rem; border: none; outline: none; color: #ef7b00; box-sizing: unset; margin-left: 5px; background-color: #ffffff; } .contactform .formbody .widget textarea.textn{ height: 111px; } .contactform .formbody .widget input::placeholder{ color: #ef7b00; } .contactform .formbody .widget option{ color: #FFFFFF; background-color: #055FA9; } #formcontainer, #flyerform{ background-color: #ef7b00; padding-top: 0px; padding-bottom: 158px; display: flex; justify-content: space-between; padding-left: 12%; padding-right: 12%; flex-flow: row wrap; } #flyerform{ padding-top: 150px; } .submit button { background-color: #055FA9; padding: 1rem 1.5rem; color: white; transition: .3s; border: none; outline: none; text-transform: uppercase; font-weight: 600; cursor: pointer; width: auto; margin-left: 14.8%; font-size: 1rem; } .upload{ background-color: white; outline: none; border: none; color: #ef7b00 } .contactform .formbody .widget-submit { width: calc(50% - 2rem); /* width: calc(20% - 2rem); */ padding-left: 0; margin: 0 auto 0 0; } #formcontainer .header-headline.small-h.flex-50 { color: white; text-transform: uppercase; font-size: 3rem; display: flex; flex-flow: column; position: relative; width: 100%; } #flyerform .widget.widget-explanation{ width: 100%; } #flyerform .contactform .formbody .widget{ padding: 0 2rem 1rem 0; flex-direction: column; justify-content: end; } #flyerform .contactform .formbody .widget label{ width: 91%; margin-bottom: 10px; } #flyerform .contactform .formbody .widget input, textarea, .contactform .formbody .widget textarea.textn, .contactform .formbody .widget select{ margin-left: unset; } #flyerform .contactform .formbody fieldset{ border: none; margin: unset; width: calc(50% - 2rem); display: flex; justify-content: flex-start; align-items: end; color: #055FA9; font-weight: 600; padding: 0 2rem 1rem 0; flex-direction: row; position: relative; } #flyerform .contactform.initiativ .formbody .widget input, #flyerform textarea{ width: 85%; box-sizing: unset; } #flyerform .contactform .formbody fieldset.vonbis .widget{ padding-bottom: 0; padding-right: 1rem; } #flyerform .contactform .formbody fieldset.flexibel .widget{ width: 100%; padding-bottom: 0; } #flyerform .contactform .formbody fieldset.flexibel .widget select{ margin-bottom: 10px; } #flyerform .contactform .formbody fieldset.flexibel .widget textarea{ display: none; } #flyerform .contactform .formbody fieldset.flexibel{ flex-direction: column; align-items: baseline; } #flyerform .contactform .formbody .submit button{ margin-left: unset; } #flyerform .contactform .formbody .widget-submit::after{ display: none; } #flyerform .datenschutz{ margin-top: 50px; } textarea{ font-family: 'OpenSans', sans-serif; font-weight: 300; color: #ef7b00; resize: vertical; } textarea::placeholder{ font-family: 'OpenSans', sans-serif; font-weight: 300; color: #ef7b00 } textarea:-moz-placeholder{ font-family: 'OpenSans', sans-serif; font-weight: 300; color: #ef7b00 } .contactform.initiativ .formbody, .stellenangebote-details .contactform .formbody{ display: flex; flex-flow: row wrap; height: initial; } /*contact*/ .space-top.contact { background-color: #ef7b00; min-height: calc(100vh - 158px - 158px); } .flex-contact{ background-color: #ef7b00; padding-top: 158px; padding-bottom: 158px; padding-left: 12%; padding-right: 12%; width: calc(100% - 24%); } .flexbox.adress { display: flex; flex-flow: row wrap; width: 100%; padding: 0 15% 0 15%; max-width: calc(100% - 30%); justify-content: space-between; margin: auto; } .flexbox.adress .adress{ width: 20%; display: flex; justify-content: space-between; flex-flow: column; text-align: center; position: relative; min-height: 310px; } .flexbox.adress .adress h2 { color: #055FA9; order: 2; font-size: 1.3rem; } .flexbox.adress .adress figure { order: 1; } .flexbox.adress .adress p { color: white !important; order: 3; text-decoration: none !important; } .flexbox.adress .adress strong { color: white; text-transform: uppercase; } .contact .header-headline.small-h.flex-50 { color: white; width: 100%; } .widget-submit:after { content: "*Pflichtfelder"; position: absolute; right: 2rem; top: 38%; color: white; } .widget-submit{ width: 50%; position: relative; } .widget-submit button:hover{ background-color:white ; color: #055FA9;/*#ef7b00*/ } .blue-box.full .orange-list ul { display: flex; flex-flow: row wrap; padding: 0; color: white; } .blue-box.full .textbox p{ font-size: 1.4rem; } .blue-box.full .orange-list ul li { width: 100%; display: flex; flex-flow: row; padding: 1rem 0; font-size: 1.1rem; } .blue-box.full .orange-list ul li span{ width: 20%; min-width: 335px; color: white; font-weight: 600; } .blue-box.full .orange-list.faq ul { display: flex; flex-flow: row wrap; padding: 0; color: white; max-width: 1195px; } .blue-box.full .flex-50 p { padding-top: 0; font-weight: 300; } .blue-box.full .textbox p{ font-size: 1.4rem; } .blue-box.full .orange-list.faq ul li { width: auto; display: initial; padding: 1rem 0; font-size: 1.1rem; } .blue-box.full .orange-list.faq ul li span { width: auto; display: block; color: #ffffff; font-weight: 600; padding: 1rem 0; font-size: 1.2rem; } .blue-box.full .flex-50 p strong a{ color: white; } .blue-box.full .flex-50 p strong a{ background-color: #ef7b00; padding: .5rem; border: 2px solid white; cursor: pointer; font-size: 1.1rem; font-weight: 400; text-transform: uppercase; text-decoration: none; transition: .3s; } .blue_bg .blue-box{ display: flex; flex-flow: row wrap; position: relative; } .picbox{ width: 50%; display: flex; justify-content: center; z-index: 2; overflow: hidden; } .picbox .transp figure img{ height: 100vh; object-fit: cover; } .picbox .transp figure{ height: 100vh; } .picbox .transp{ height: 100vh; position: fixed; width: 100%; z-index: 9; } .picbox .second figure img{ height: 100vh; width: auto; object-fit: cover; } .picbox .second figure{ height: 100vh; } .picbox .second{ height: 100vh; position: fixed; width: 100%; z-index: 7; } .textbox:first-of-type { padding-bottom: 158px; } /*News*/ #beitrag-anzeigen .mod_newsmenu { display: none; } #blog .teaser p{ width: auto; } .hidden { display: none; } .site_news ul.level_2 li.active span.active{ font-weight: 900; } #blog .ce_image.block.sc { float: none; } #blog .ce_image.block.sc figure { display: inline; } #blog .ce_image.block.sc img { max-width: 155px; /* für 4 elemente nebeneinander */ } .mod_newsarchive .fullnews > *{ display: inline; } .mod_newsarchive .layout_latest{ margin-bottom: 1.5rem; background-color: white; position: relative; display: flex; float: left; align-items: flex-start; flex-flow: row wrap; width: auto; z-index: 10; width: 100%; height: auto; } nav.pagination{ z-index: 4; } .mod_newsarchive .layout_latest > .image_container{ padding-right: 50px; line-height: 0; /* padding-bottom: 10px; */ } div#blog .mod_newsmenu{ width: 20%; max-width: 150px; } .site_news .mod_newsmenu ul.level_2{ margin-left: 20px; } .fullnews { clear: both; } .fullnews p:first-of-type { /* clear: both; */ padding-top: 25px; } .mod_newsarchive .fullnews{ padding-right: 50px; padding-left: 50px; padding-bottom: 50px; } .mod_newsarchive .fullnews p, .mod_newsarchive h2 a{ color: #055FA9; } .mod_newsarchive .fullnews ul li{ color: #055FA9; } .mod_newsarchive .fullnews a{ color: #ef7b00; text-decoration: none; cursor: pointer; transition: .3s; } .mod_newsarchive .info time { font-weight:400; color: #ef7b00; font-size: 1.3rem; } .mod_newsarchive h2 { font-weight: 600; font-size: 2rem; text-align: left; } .mod_newsarchive .info{ font-size: 1.1em; font-weight: 300; color: #ef7b00; } .mod_newsarchive h2 a{ font-size: 1.4em; text-decoration: none; } .webkit .mod_newsarchive .fullnews li, .ie .mod_newsarchive .fullnews li { text-indent:-22px; color:#055FA9; margin-left:-15px; } .firefox .mod_newsarchive .fullnews li { text-indent:-14px; color:#055FA9; margin-left:-15px; } .mod_newsarchive .fullnews li::marker { font-size: 0; } .mod_newsarchive .fullnews ul { padding-left: 12px; display: flex; flex-flow: row wrap; } .mod_newsarchive .readmore{ height: 30px; background-image: url(../../files/img/icon/arrow-orange.png); background-repeat: no-repeat; background-size: contain; /* background-position: center; */ background-position: 95%; cursor: pointer; position: absolute; width: 30px; top: initial; right: 15px; transition: transform 0.5s; bottom: 1rem; } .mod_newsarchive .readmore:hover { background-image: url(../../files/img/icon/arrow-orange.png); transform: rotate(90deg); } .mod_newsarchive .mod_randomImage{ margin-top: 20px; margin-bottom: 20px; } #blog .pagination p{ display: none; } .mod_newsarchive .readless{ height: 30px; background-image: url(../../files/img/icon/arrow-orange-top.png); background-repeat: no-repeat; background-position: center; background-color: #055FA9; background-size: 30px; cursor: pointer; width: 100%; } .flexbox.news{ display: flex; justify-content: space-between; } .space-top.orange_bg{ background-color: #ef7b00; padding-top: 158px; padding-bottom: 158px; min-height: 100vh; } .news-wrapper { width: 50%; display: flex; flex-flow: column; justify-content: flex-start; } .newstext{ width: calc(50% - 4rem); padding: 0 2rem; margin: auto; text-align: center; } .newspic{ width: 50%; display: block; flex-flow: column; align-items: flex-start; } .fix-pc { width: 50%; height: calc(100vh - 158px); float: left; box-sizing: border-box; position: fixed; overflow: hidden; right: 0; z-index: 95; top: 158px; display: flex; justify-content: flex-end; } .news.orange_bg #main .inside { min-height: calc(100vh - 158px); display: flex; align-items: baseline; flex-flow: row wrap; padding: 0; justify-content: space-between; width: 100%; flex-flow: row wrap; max-width: initial; margin: 0; } .newstext h2{ font-size: 1.5rem; color: #055FA9; text-align: center; text-transform: uppercase; } .newspic figure a{ display: flex; height: 100%; flex-flow: column; } .newspic figure img{ display: block; height: 100% !important; width: 100%; } .fix-pc figure img { width: auto; object-fit: cover; height: calc(100vh - 158px); } .fix-pc figure { position: relative; width: 100%; height: calc(100vh - 158px); float: right; box-sizing: border-box; overflow: hidden; right: 0; top: 0; left: initial; z-index: 95; display: flex; justify-content: flex-end; } .news-wrapper h1 { color: white; display: flex; flex-flow: column; text-align: center; line-height: 1; padding-bottom: 2rem; } .news-wrapper h1 .arrow:first-of-type:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .news-wrapper h1 span:first-of-type { font-weight: 300; font-size: 2.8rem; text-transform: initial; position: relative; } .news-wrapper h1 span { font-weight: 600; font-size: 6rem; text-transform: initial; } .site_news .wrapper_1200.mod_randomImage { margin-top: 110px; } #canvas{ display: block !important; } /*Blätterkatalog Style*/ .space-top.catalog{ background-color: #ef7b00; } .space-top.catalog .catalog-wrapper{ padding: 158px 12%; margin: auto; width: calc(100% - 24%); display: flex; min-height: calc(100vh - 58px); justify-content: center; align-items: center; align-content: baseline; flex-flow: row wrap; z-index: 94; } .catalog-wrapper .header-headline.small-h { color: white; width: 100%; } .catalog-wrapper .small-h span:first-of-type { color: white; text-transform: uppercase; font-size: 3rem; font-weight: 600; position: relative; } .catalog-wrapper .small-h span:first-of-type:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .catalog-wrapper .small-h span:last-of-type { text-transform: initial; font-weight: 400; color: #055FA9; font-size: 2rem; display: block; z-index: 10; } .download p{ width: 368px; text-align: center; background-color:#055FA9; color: white; cursor: pointer; transition: .3s; z-index: 10; } .download p:hover{ text-align: center; background-color:white; color: white; cursor: pointer; } .space-top.searchpage{ background-color: #ef7b00; overflow-x: hidden; overflow: initial; } .searchpage .widget-submit { width: auto; position: relative; } .space-top.searchpage .searchcont { padding: 180px 12% 0; margin: auto; display: flex; min-height: calc(100vh - 360px); justify-content: center; align-items: center; align-content: baseline; flex-flow: row wrap; width: calc(100% - 24%); } .searchcont.blue-box.full .flex-50 { position: relative; z-index: 2; } .searchcont.blue-box.full { background-color: #ef7b00; justify-content: flex-start; align-items: center; vertical-align: middle; align-content: center; } .searchpage ul { padding: 1rem; color: white; } .searchpage h3 a{ color: #055FA9; text-decoration: none; transition: .3s; } .searchpage .text{ z-index: 7; } .searchpage a, .blubb a{ color: #055FA9; text-decoration: none; transition: .3s; } .searchpage h3 a:hover{ color:white; text-decoration: none; } .searchpage a:hover, .blubb a:hover{ color:white; text-decoration: none; } .searchpage .search-form .widget-text{ padding-right: 1rem; } .searchpage .search-form{ width: 100%; z-index: 2; } .searchpage .formbody .widget-text input{ border: none; outline: none; padding: .7rem 1rem; color: #ef7b00; width: 350px; } .searchpage form .formbody .widget-text label { border: none; outline: none; padding: 0 1rem; } .searchpage form .formbody .widget button{ cursor: pointer; outline: none; background-color: #ef7b00; border: 2px solid white; color: white; padding: .5rem 1rem; font-size: 1.1rem; transition: .3s; } .searchpage form .formbody .widget button:hover{ cursor: pointer; outline: none; background-color: white; border: 2px solid white; color: #ef7b00; padding: .5rem 1rem; font-size: 1.1rem; } .searchpage .formbody{ display: flex; flex-flow: row wrap; z-index: 2; align-items: center; } .searchpage .search-form{ width: 100%; z-index: 2; } .download p a:hover { color: #055FA9; } .download p a{ color: white; text-decoration: none; padding: 1rem; display: block; z-index: 10; font-size: .9rem; } .download { color: white; width: 100%; z-index: 10; } .catalog-wrapper:after { content: ' '; background-image: url(../../files/img/blasen-sterne.png); background-size: contain; background-repeat: repeat; height: 100%; width: 101%; margin: 0 0.5rem 0 0; font-size: 1.5rem; position: absolute; top: 0; z-index: 1; left: 0; opacity: .3; } .searchpage .widget-submit:after { display: none; } .searchpage .searchcont:before { content: ' '; background-image: url(../../files/img/blasen-sterne.png); background-size: contain; background-repeat: repeat; height: 100%; width: 101%; margin: 0 0.5rem 0 0; font-size: 1.5rem; position: absolute; top: 0; z-index: 1; left: 0; opacity: .3; } .career .contactform.initiativ .formbody .widget label { width: 100%; } .contactform.initiativ .formbody .widget input, textarea { width: calc(100% - 0rem); box-sizing: border-box; } .contactform.initiativ .formbody .widget { width: calc(50% - 2rem); display: flex; justify-content: flex-start; align-items: baseline; color: #055FA9; flex-flow: column; font-weight: 600; padding: 1rem 2rem 1rem 0; position: relative; } .searchpage .header-headline.small-h { color: white; width: 100%; z-index: 3; } .searchpage .small-h span:first-of-type { color: white; text-transform: uppercase; font-size: 3rem; font-weight: 600; position: relative; } .searchpage .small-h span:first-of-type:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 1rem; left: -2.5rem; border: none; transform: none; width: 34px; position: absolute; } .searchpage .small-h span:last-of-type { text-transform: initial; font-weight: 400; color: #055FA9; font-size: 2rem; display: block; z-index: 10; } .blue-box.full .flexbox-text{ display: flex; flex-flow: row wrap; } .blue-box.full .flexbox-text h2{ width: 100%; } .blue-box.full .flexbox-text figure img{ box-shadow: 5px 10px 8px 10px #0909097a; } .blue-box.full .flexbox-text figure { width: 40%; } .blue-box.full .flexbox-text p{ width: calc(60% - 2rem); padding: 0rem 2rem 1rem 0; margin: 0; } .slider-header .morgenwaldbutton figure img{ min-width: unset; height: unset; } .morgenwaldbutton{ position: absolute; z-index: 5; bottom: 0; right: 0; width: 300px; } .logo-container.tiptop { } .logo-inner{ display: flex; } .down .logo-inner{ display: unset; } .down .logo-container.tiptop a{ margin-top: -3px; } .logo-container.tiptop img { /*background-color: #ffffff;*/ } @media (max-width: 2800px) { .car-link .link-number:nth-of-type(3) { left: 456px; top: 420px; } .car-link .link-number:nth-of-type(5) { top: 222px; left: 929px; } .car-link .link-number:nth-of-type(2) { left: 980px; top: 470px; } .car-link .link-number:nth-of-type(4) { top: 330px; left: initial; right: 130px; } } @media (max-width: 2650px) { .car-link .link-number:nth-of-type(3) { left: 396px; } .car-link .link-number:nth-of-type(2) { left: 910px; } .car-link .link-number:nth-of-type(5) { top: 222px; left: 849px; } .car-link .link-number:nth-of-type(4) { top: 300px; left: initial; right: 110px; } } @media (max-width: 2550px) { .car-link .link-number:nth-of-type(3) { left: 402px; top: 420px; } .car-link .link-number:nth-of-type(2) { left: 900px; top: 430px; } .car-link .link-number:nth-of-type(5) { top: 222px; left: 852px; } } @media (max-height: 1250px){ .car-link .link-number:nth-of-type(3) { top: 374px; } .car-link .link-number:nth-of-type(2) { top: 390px; } .car-link .link-number:nth-of-type(5) { top: 152px; } .car-link .link-number:nth-of-type(4) { left: initial; } } @media (max-height: 1150px){ .car-link .link-number:nth-of-type(5) { top: 124px; left: 889px; } .car-link .link-number:nth-of-type(4) { top: 191px; left: initial; right: 100px; } .car-link .link-number:nth-of-type(2) { left: 950px; top: 303px; } .car-link .link-number:nth-of-type(3) { left: 446px; top: 302px; } } @media (max-height: 1030px){ .car-link .link-number:nth-of-type(5) { top: 18px; } .car-link .link-number:nth-of-type(4) { top: 141px; } .car-link .link-number:nth-of-type(3) { top: 251px; } .car-link .link-number:nth-of-type(2) { top: 264px; } } @media (max-width: 2400px) { .car-link .link-number:nth-of-type(5) { left: 808px; } .car-link .link-number:nth-of-type(3) { left: 416px; } .car-link .link-number:nth-of-type(2) { left: 860px; } } @media (max-width: 2350px) { .car-link .link-number:nth-of-type(3) { left: 366px; } .car-link .link-number:nth-of-type(2) { left: 820px; } } @media (max-width: 2290px) { .car-link .link-number:nth-of-type(2) { left: 780px; } .car-link .link-number:nth-of-type(5) { left: 738px; } .car-link .link-number:nth-of-type(3) { left: 345px; } .car-link .link-number:nth-of-type(4) { left: initial; right: 110px; } } @media (max-width: 2170px) { #text-two-column h2 { color: white; text-transform: uppercase; font-size: 1.8rem; display: flex; flex-flow: row wrap; align-items: baseline; } #text-two-column .flex-50 h2 span:last-of-type { text-transform: initial; font-weight: 400; color: #055FA9; font-size: 1.4rem; width: 100%; } #text-two-column .flex-50 h2 span:first-of-type { color: #055FA9; font-weight: 300; font-size: 3rem; line-height: 0; display: flex; padding-right: 8px; margin-left: -2.3rem; width: initial; } .blue-box.full .flex-50 { width: 40%; } .car-link { width: 55%; } .job .link-stdort2 h3 { font-size: 1.3rem; } .job h2 span { font-size: 1.5rem; } .blue-box.full .ce_image.flex-50 figure { width: 55%; } } @media (max-width: 2130px) { .job h2 span { font-size: 1.3rem; } .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 span:nth-of-type(2) { font-size: 11.5rem; } .job .link-stdort2 h3 { font-size: 1.1rem; } .home.orange.type h2 .bold { font-size: 11.5rem; } .arrow-blue.thick.mix span:last-of-type { font-weight: 700; font-size: 9.5rem; color: white; } .arrow-blue.thick.mix span:nth-of-type(2) { font-weight: 300; font-size: 9.5rem; color: white; } } @media (max-width: 2060px) { .car-link .link-number:nth-of-type(3) { left: 349px; } .car-link .link-number:nth-of-type(5) { left: 720px; } .car-link .link-number:nth-of-type(4) { left: initial; right: 132px; } .car-link .link-number:nth-of-type(2) { left: initial; right: 290px; } } .ce_text.adress.block:nth-child(n+6) { margin-top: 110px; } @media (max-width: 1980px) { .flexbox.adress { padding: 0 6%; width: calc(100% - 12%); display: flex; flex-flow: row wrap; max-width: initial; justify-content: space-between; margin: auto; } .newstext h2 { font-size: 1.2rem; } .news-wrapper { width: 50vw; z-index: 96; } .fix-pc { width: 60vw; height: calc(100vh - 158px); float: right; } } @media (max-width: 1950px) { #orange-bg-right-end .flex-50 .arrow-orange span:last-of-type { font-size: 2.5rem; width: 100%; } #text-two-column{ padding: 3rem 6%; justify-content: space-between; width: calc(100% - 12%); } .table .head_0.col_first { font-size: 1.4rem; } #orange-bg-pic { padding: 3rem 6%; justify-content: space-between; width: calc(100% - 12%); } .prog h1 span { font-size: 5rem; } .blue-box.full { justify-content: space-between; width: calc(100% - 12%); padding: 158px 6% 0 6%; } #orange-bg-right-end { padding: 1rem 0 0 6%; justify-content: space-between; width: calc(100% - 6%); margin: auto; } .price-h { display: flex; justify-content: flex-start; width: calc(100% - 12%); flex-flow: row wrap; max-width: initial; margin: auto; padding: 0 6%; align-items: baseline; z-index: 10; } .space-top.searchpage .searchcont { padding: 158px 6%; width: calc(100% - 12%); } .flex-contact { padding-left: 6%; padding-right: 6%; width: calc(100% - 12%); padding-bottom: 7rem; } .space-top.catalog .catalog-wrapper{ padding: 158px 6%; margin: auto; width: calc(100% - 12%); } .blue-box.full { width: calc(100% - 6%); padding-left: 6%; } .blue-box.full.space { width: calc(100% - 12%); padding-left: 6%; padding-right: 6%; } .washing .flexbox.orange-bg { width: calc(100% - 12%); padding: 156px 6% 1rem; } .prog #orange-bg-right .flexbox.text-pic { padding: 152px 6% 3rem; justify-content: center; width: calc(100% - 12%); } #blue-bg .flexbox { width: calc(100% - 12%); padding: 3rem 6%; } #orange-bg-text .flexbox { width: calc(100% - 12%); padding: 3rem 6% 5rem; flex-flow: row wrap; } #orange-bg .flexbox { width: calc(100% - 12%); padding: 3rem 6% 0; } .type-detail .flexbox.left-pic { padding: 158px 6% 0 0; width: calc(100% - 6%); } .type-detail .flexbox.right-pic { padding: 158px 0 0 6%; width: calc(100% - 6%); } .blue-box .content-box { width: calc(50% - 6%); padding-left: 6%; } .news-full { padding-left: 6%; padding-right: 6%; width: calc(100% - 12%); } .job #two-col { background-color: #ef7b00; padding-top: 158px; padding-bottom: 158px; padding-left:6%; min-height: calc(100vh - 158px - 158px); width: calc(100% - 6%); } #formcontainer { padding-left: 6%; padding-right: 6%; width: calc(100% - 12%); } .big-h { width: calc(100% - 12%); padding: 158px 6% 0; } .orange.flexbox { width: calc(100% - 12%); padding: 0 6% 0; } #orange-bg .flexbox.list { display: flex; justify-content: flex-start; width: calc(100% - 12%); flex-flow: row wrap; max-width: initial; margin: auto; padding: 0 6%; align-items: baseline; } .orange_bg #main .inside { min-height: calc(100vh - 158px); display: flex; align-items: baseline; flex-flow: row wrap; padding: 158px 0 0 6%; justify-content: space-between; width: calc(100% - 6%); flex-flow: row wrap; max-width: initial; margin: 0 0 0 auto; } .type-detail .flexbox .pic-type.transp figure img { object-fit: contain; height: calc(100vh - 158px); width: auto; } .type-detail .pic-type.transp { position: fixed; width: calc(50% - 3%); height: 100vh; float: left; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; overflow: hidden; right: 0; z-index: 95; top: 157px; } .fahrzeugaufbereitung #footer { width: calc(70vw - 58px); } .fahrzeugaufbereitung footer .inside .ce_hyperlink a { font-size: .9rem; } .type-detail.fahrzeugaufbereitung .pic-type.transp{ z-index: 41; align-content: flex-start; align-items: flex-start; } .type-detail.fahrzeugaufbereitung .flexbox .pic-type figure { justify-content: flex-start; } .type-detail.fahrzeugaufbereitung .flexbox .pic-type.transp figure img { height:100vh; } #orange-bg-right .flexbox.text-pic { padding: 152px 0 0 6%; justify-content: space-between; width: calc(100% - 6%); flex-flow: row wrap; max-width: initial; margin: 0 0 0 auto; min-height: calc(100vh - 158px); align-items: center; } } @media (max-width: 1890px) { .down .logo-container a { padding: 15px; width: 81px; } .logo-container img { max-width: 160px; } .logo-container { padding: 26px; } } @media (max-width: 1820px) { .car-link .link-number:nth-of-type(2) { top: 480px; right: 246px; } .car-link .link-number:nth-of-type(3) { left: 304px; top: 450px; } .car-link .link-number:nth-of-type(5) { top: 301px; left: 650px; } .car-link .link-number:nth-of-type(4) { top: 370px; left: initial; right: 87px; } #orange-bg-right-end .flex-50 { padding-right: 1rem; } .link-stdort { width: 100%; display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 3rem 0; } .card { width: 60vw; position: fixed; right: 0; height: calc(100vh - 158px); } .flex-50.link { display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; width: 40vw; } .newstext h2 { font-size: 1.2rem; } .news-wrapper { width: 50vw; z-index: 96; } .fix-pc { width: auto; /* min-width: 1350px; */ height: calc(100vh - 158px); float: right; } } @media (max-width: 1750px) { .arrow-blue.subheadline { font-size: 2.4rem; } .table .head_0.col_first { font-size: 1.2rem; } .table table tbody tr td { font-size: 1.1rem; } .type-detail.orange .type-nav { height: initial; width: 100%; position: fixed; display: flex; max-width: initial; flex-flow: row; max-width: 80vw; bottom: 1rem; margin: 0 0 0 auto; justify-content: flex-end; right: calc(54px - .7rem); left: initial; z-index: 96; } .type-detail.orange .type-nav .ce_hyperlink { width: calc(50% - 4rem); padding: .5rem; margin: 0.5rem; } .type-detail .type-nav { height: initial; width: 100%; position: fixed; display: flex; max-width: initial; flex-flow: row wrap; max-width: 60vw; margin: 0 0 0 auto; justify-content: center; right: 0; z-index: 96; } .type-detail .type-nav .ce_hyperlink { width: calc(50% - 4rem); padding: .5rem; margin: 0.5rem; } .type-nav .ce_hyperlink .image_container { width: 68%; } .type-detail .type-nav figcaption { width: 100%; font-size: 1.1rem; } .home.orange.type .type-nav .ce_hyperlink .image_container { width: 100%; } /*.news-wrapper{ width: 50vw; }*/ } @media (max-width: 1690px) { #orange-bg-right-end .flex-50 { width: 100%; } #orange-bg-right-end .pic-type { background-color: #055FA9; width: 100%; max-width: 720px; margin: 2rem 0 0 auto; } #orange-bg-pic .flexbox.orange-bg .flex-50 { width: 100%; } #orange-bg-pic .flexbox.orange-bg .pic-type { width: 100%; } #orange-bg-pic .flexbox.orange-bg { background-color: #ef7b00; display: flex; justify-content: space-between; width: 100%; flex-flow: row wrap; padding: 0; max-width: initial; margin: auto; } } @media (max-width: 1650px) { .car-link .link-number:nth-of-type(5) { top: 311px; left: initial; right: 290px; } .car-link .link-number:nth-of-type(3) { left: 272px; top: 450px; } .two-column-layout .small-h span:first-of-type:before { left: -0.7rem; } .arrow-blue.subheadline { padding-left: 1rem; } #flyerform .contactform .formbody textarea{ width: 70%; } #flyerform .contactform .formbody .widget label{ width: 76%; } #flyerform .contactform .formbody fieldset.vonbis .widget{ width: calc(45% - 2rem); } .aktion p { color: white; max-width: 630px; width: 100%; margin: 1rem auto; padding:0; } .orange .aktion { width: 100%; display: flex; flex-flow: column; justify-content: space-around; vertical-align: middle; align-items: center; /* max-height: 90%; */ margin: 0; padding-top: 158px; height: calc(100vh - 158px); align-self: baseline; align-content: center; } .two-column-layout .header-headline.small-h span:first-of-type { padding-left: 1.5rem; } .two-column-layout.blue_bg .small-h span:first-of-type::before { top: 23px; left: -1rem; } .action .flex-50-pic { display: none; } .prog #orange-bg-right .flexbox.text-pic .flex-50 { width: 100%; padding-right:0; } .prog .white-text { width: 95%; } .blue-box.full .orange-list ul li { flex-flow: row wrap; } .blue-box.full .orange-list ul li span { width: 100%; margin: 0 0 .5rem 0; } .prog #orange-bg-right .flexbox.text-pic .prog-pic figure img { min-width: initial; } .prog .prog-pic { width: 100%; text-align: center; padding-top: 2rem; } .prog h1 span { font-size: 6rem; } .job h2 span { font-size: 1.3rem; } .job .link-stdort2 h3 { font-size: 1.2rem; } .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 span:nth-of-type(2) { font-size: 7.5rem; } .home.orange.type h2 .bold { font-size: 7.5rem; } .two-column-layout .header-headline.small-h { width: 80%; } .mod_newsarchive { width: 90%; margin: auto; } .mod_newsarchive .ce_gallery>ul li { padding-left: 5px; box-sizing: border-box; } #text-two-column .flex-50 { width: 100%; padding: 0; } .orange_bg #main .inside { min-height: calc(100vh - 158px); padding: 158px 6%; justify-content: space-between; width: calc(100% - 12%); margin: auto; } #text-two-column .flex-50:first-of-type { width: 100%; padding-right: 0; } #text-two-column .flex-50:last-of-type { width: 100%; padding-left: 0; } .flex-50.link.place { display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; width: 100%; } .link-stdort { width: 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; padding: 3rem 0; } .card { width: 100vw; position: relative; right: 0; height: initial; } .fix-pc figure { height: auto; width: auto; display: block; } .news-wrapper { width: 100%; z-index: 96; } .flexbox.news { display: flex; flex-flow: row wrap; width: calc(100% - 12%); justify-content: space-between; padding: 0 6%; } .space-top.news.orange_bg { padding-bottom: 0; } .orange_bg #main .inside { min-height: calc(100vh - 158px); padding: 158px 2rem 3rem; width: calc(100% - 4rem); margin: auto; } .fix-pc { width: 100%; /* min-width: 1350px; */ height: initial; float: right; position: relative; top: auto; bottom: 0; } .fix-pc figure img { width: auto; height: auto; object-fit: initial; height: auto; width: 100%; } #orange-bg-right .flexbox.text-pic .flex-50 { width: calc(100% - 6%); padding-right: 6% /* order: 2; */ } #orange-bg-right .flexbox.text-pic { padding: 152px 0 0 6%; justify-content: space-between; width: calc(100% - 6%); } .type-detail .pic-type.transp { width: 100%; display: flex; height: initial; float: left; position: relative; overflow: hidden; right: 0; z-index: 95; top: 0; justify-content: flex-end; opacity: 1 !important; } .type-detail .flexbox .pic-type.transp figure { position: relative; width: auto; height: initial; float: right; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; /* position: relative; */ overflow: hidden; right: 0; top: 0; order: 1; left: initial; z-index: 95; display: flex; justify-content: flex-end; } .type-detail .flexbox .pic-type.transp figure img { object-fit: contain; height: auto; width: 100%; } .contactform .formbody .widget label { width: 30%; } .contactform .formbody .widget input, textarea,.contactform .formbody .widget textarea.textn, .contactform .formbody .widget select { width: 70%; } } @media (max-width: 1600px) { .flexbox.orange-bg.list.white .flex.point { width: calc(50% - 10%); padding: 0 5%; margin: 0 auto; } .flexbox.orange-bg.list.white .flex.point p strong { color: #055FA9; font-size: 1.2rem; } .flexbox.orange-bg.list.white .flex.point p:nth-child(odd) { font-size: 1.1rem; } .flexbox.orange-bg.list.white .flex.point p:nth-child(even) { font-size: 1.1rem; } .flexbox.orange-bg.list.white .flex.point h3 { font-size: 1.5rem; } .type-nav .ce_hyperlink .image_container { width: 100%; } .type-detail .type-nav figcaption { width: 100%; font-size: 1rem; } } @media(max-width: 1550px){ .magazine.animated { top: 221px !important; left: -1070px !important; margin-left: 0; } } @media (max-width: 1500px) { .home .slider-header .bluetext-active .bluetext_cont .ce_image figure{ display: flex; justify-content: center; } .blue-box.full .flexbox-text.link p{ margin-top: 2rem; } .space-top .blue-box.full .ce_image.flex-50 figure { height: auto; margin: auto; display: block; } .space-top.searchpage .searchcont { padding: 158px 6% 0; } .fahrzeugaufbereitung #footer { right: 4rem; width: calc(100vw - 58px - 4rem); bottom: 1rem; } .car-link .link-number:nth-of-type(5) { top: 55px; left: 49vw; } .car-link .link-number:nth-of-type(4) { top: 171px; left: initial; right: 10vw; } .car-link .link-number:nth-of-type(2) { left: 57vw; top: 250px; } .car-link .link-number:nth-of-type(3) { left: 23vw; top: 222px; } .car-link { width: 100%; position: relative; height: auto; } .table table tbody tr td { font-size: 1rem; } .pic-fix .ce_image figure { display: flex; } .bluetext_cont .bluetext { animation-name: smoke-o; animation-duration: .4s; animation-fill-mode: forwards; z-index: 8; display: none; justify-content: center; height: auto; background-color: #055FA9; position: absolute; top: initial; flex-flow: column; padding: 2rem; text-align: left; transition: left 3s 3s; } .blue-box.full .flex-50 { width: 100%; } .blue-box.full .ce_image.flex-50 figure img { object-fit: inherit; height: initial; width: 100%; } .blue-box.full .ce_image.flex-50 { position: initial; top: initial; padding-top: 0; right: initial; width: 100%; } .blue-box.full .flexbox-text p { width: 100%; padding: 0 0 3rem; margin: 0; } .blue-box.full { justify-content: space-between; width: calc(100% - 12%); padding: 158px 6% 0 6%; } .space-top .blue-box.full .ce_image.flex-50 figure img{ object-fit: initial; height: auto; width:100%; } .type-detail .flexbox.left-pic { justify-content: space-between; align-items: center; vertical-align: middle; align-content: space-between; } .blue-box.full .ce_image.flex-50 figure { width: 100%; position: initial; display: flex; } .type-detail .flexbox.right-pic { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; vertical-align: bottom; align-content: space-between; } .orange .pic-type { width: 100%; } .type-nav .ce_hyperlink .image_container { width: 100%; } .type-detail.blue .type-nav { height: initial; width: 100%; position: fixed; display: flex; flex-flow: row wrap; max-width: 100vw; margin: 0 0 0 auto; justify-content: center; right: 0; z-index: 96; } .orange .pic-type { position: relative; order: 2; z-index: 95; } .orange .type-nav .ce_hyperlink .image_container { width: 100%; } .type-detail.orange .type-nav { height: initial; width: 100%; position: fixed; display: flex; flex-flow: row wrap; max-width: 100vw; margin: 0 0 0 auto; justify-content: center; right: 0; z-index: 96; } .type-detail.orange .flexbox .pic-type figure { position: inherit; width: 100%; } .type-detail.orange .type-nav .ce_hyperlink { width: calc(25% - 4rem); padding: .5rem; margin: 0.5rem; } .type-detail.orange .right-text { width: calc(100% - 4rem); } .type-detail .type-nav .ce_hyperlink { width: calc(25% - 4rem); padding: .5rem; margin: 0.5rem; } .type-detail.blue .pic-type { width: 100%; position: relative; overflow: hidden; height: initial; } .type-detail .right-text p { line-height: inherit; font-weight: 400; color: white; font-size: 1rem; max-width: initial; width: 80%; } .type-detail .pic-type img { object-fit: inherit; height: initial; width: 100%; } #box .pic-fix{ position: initial; width: 100%; } .type-detail .flexbox.right-pic .right-text { width: 100%; position: relative; padding: 0; margin: 0; } .blue_bg .blue-box { position: initial; width: 100%; } .widget-submit:after { right: 2rem; top: -9px; } .submit button { width: 50%; margin: 0 0 0 auto; } .contactform .formbody .widget-submit { margin: 0 0 0 auto; width: calc(50% - 2rem); } .job .img-50 { width: 60%; height: calc(100vh - 158px); float: left; /* border-right: 10px solid rgba(93,191,235,1); */ /* border-right: 10px solid #99cc33; */ box-sizing: border-box; position: fixed; overflow: hidden; right: 0; z-index: 95; top: 157px; display: flex; justify-content: flex-end; } .price-nav { position: fixed; right: 4rem; width: calc(100% - 8rem); bottom: 5rem; } .price-nav ul { padding: 0; width: 100%; } .picbox .second { height: inherit; position: initial; display: none; } .picbox .transp figure img { height: auto; object-fit: initial; width: auto; } .blue-box .content-box { width: calc(100% - 12%); margin: auto; min-height: initial; position: initial; padding-top: 3rem; padding-left: 6%; padding-right: 6%; padding-bottom: 6rem; box-shadow: 5px 10px 8px 10px #0909097a; order: 2; } .content-box .textbox { width: 100%; } .picbox { width: 100%; height: initial; overflow: hidden; } .picbox .transp { height: initial; position: initial; width: 100%; z-index: 9; display: block; /* left: 0; */ opacity: 1 !important; } .two-column-layout.blue_bg #footer { position: fixed; left: 6%; width: calc(100% - 12%); bottom: 1rem; } .price #footer { position: fixed; left: 6%; width: calc(100% - 12%); bottom: 1rem; } .two-column-layout .content-box .header-headline.small-h { width: 100%; } .two-column-layout.blue_bg .content-box .small-h span:last-of-type { width: 100%; } .picbox .transp figure { height: auto; flex-flow: column; display: flex; } .place-nav ul { width: 100%; padding: 0; } .place-nav { width: 100%; } .flex-50.link { display: flex; justify-content: center; align-items: center; flex-flow: column; width: 40%; } .job .link-stdort2 { position: relative; width: calc(100% - 5rem - 4px); } .job h1 { color: white; text-transform: uppercase; font-size: 6rem; display: initial; position: relative; width: 100%; margin: 0; padding: 0; } .job #two-col { background-color: #ef7b00; padding-top: 158px; padding-bottom: 158px; padding-left: 4rem; width: calc(100% - 4rem); min-height: calc(100vh - 158px - 158px); } } @media (max-width: 1450px) { .social-container { right: 0; } .flex-50.text { width: 100%; order: 1; } .flex-50.pic figure img { order: 2; max-width: initial; width: 100%; } .flex-50.two-column { width: 100%; padding-top: 2rem; } #blue-bg .flex-text { width: 100%; padding: 0; } .flex-50.pic { width: 100%; display: flex; /* flex-flow: column-reverse; */ justify-content: center; align-items: end; order: 2; } .grey-bg.flexbox { width: calc(100% - 2rem); padding: 2rem 1rem; } } @media (max-width: 1340px) { .table.loehne:first-of-type .row_4, .table.loehne:first-of-type .row_5, .table.loehne:first-of-type .row_6, .table.loehne:first-of-type .row_7{ display: none; } .table.loehne .row_6, .table.loehne .row_7{ display: none; } .table.minden:first-of-type .row_5, .table.minden:first-of-type .row_6, .table.minden:first-of-type .row_7, .table.minden:first-of-type .row_8, .table.minden:first-of-type .row_4{ display: none; } .table.minden .row_8, .table.minden .row_7{ display: none; } .table.salzgitter:first-of-type .row_3, .table.salzgitter:first-of-type .row_4, .table.salzgitter:first-of-type .row_5, .table.salzgitter:first-of-type .row_6{ display: none; } .table.salzgitter .row_5, .table.salzgitter .row_6{ display: none; } .table.wunstorf:first-of-type .row_4, .table.wunstorf:first-of-type .row_5, .table.wunstorf:first-of-type .row_6, .table.wunstorf:first-of-type .row_7, .table.wunstorf:first-of-type .row_8{ display: none; } .table.wunstorf .row_7, .table.wunstorf .row_8{ display: none; } .table { width:100%; padding: 1.5rem 0; } .table:nth-of-type(2) { width: 100%; padding: 1.5rem 0; } .nav-links li a { font-size: 1.5rem; } .arrow-blue.thick.mix span:nth-of-type(2) { font-size: 6.5rem; color: white; } .arrow-blue.thick.mix span:last-of-type { font-size: 6.5rem; color: white; } #mobileNavigation li.submenu:hover .level_2, #mobileNavigation li.submenu:focus .level_2 { right: -369px; } #mobileNavigation ul.level_1 li.fade { width: 427px; } #mobileNavigation ul.level_2 li a { color: #055FA9; font-size: 1.2rem; font-weight: 400; } } @media (max-width: 1300px) { .logo-container img { max-width: 174px; } .big-h { padding: 267px 6% 0; } .prog .white-text { width: 100%; margin: auto; } .grey-bg.flexbox { flex-flow: row wrap; } .graphic figure img{ max-width: 699px; } .graphic figure{ text-align: center; } .graphic span:last-of-type { font-size: 1.3rem; } .graphic { width: 100%; } .job .link-stdort2 h2 { margin: auto; text-align: center; } .job .link-stdort2 h3 { margin: auto; text-align: center; } .type-nav { width: 100%; order: 2; } .orange.flexbox .type-nav figcaption{ text-align: left; } .orange.flexbox .right-text { width: 100%; color: white; padding: 0 0 2rem 0; order: 1; } .home.orange.type .header-headline { width: 100%; bottom: initial; height: initial; } .orange.flexbox { justify-content: flex-start; } .table .head_0.col_first { font-weight: 300; padding: .8rem 0; text-transform: uppercase; font-size: 1.3rem; } .table table tbody tr td { padding: 1.3rem 0; font-size: 1rem; font-weight: 600; } } @media (max-width: 1250px) { .ce_text.adress.block:nth-child(n+6) { margin-top:0; } .contact .adress figure img { position: relative; top: -96px; } .ce_hyperlink.link-bnt { display: none; } .flexbox.adress .adress p { margin: 0 auto 2rem; } .flexbox.adress .adress h2 { color: #055FA9; order: 2; margin: 0 0 0.5rem; font-size: 1.3rem; } .back-btn { right: calc(105px + 2.5rem); height: 144px; width: 121px; } .back-btn a { font-size: 1.3rem; } .mobileMenu { z-index: 99; } .flexbox.adress .adress { width: 50%; padding-bottom: 88px; } .bookcover{ display: block; } #canvas { display: none !important; } #mobileNavigation ul li.submenu:hover .level_2 { } #mobileNavigation ul { padding: 0; width: 90%; margin: auto; } .mm-panels > .mm-panel:not(.mm-hidden) { display: flex; justify-content: center; align-items: center; align-content: center; } .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { height: auto; margin: 0; } #mobileNavigation{ display: none; } .mobileMenu { padding: 0; width: 100%; } .mm-listview .news .mm-next.mm-fullsubopen { display: none; } .mm-menu #close{ height: 110px; width: 123px; top: 0; right: 0; display: flex; background-color: #ef7b00 !important; position: absolute; justify-content: center; align-items: center; font-weight: 600; font-size: 2.5rem; border: 2px solid white; transition: .3s; } .mm-menu #close:hover{ background-color: #055FA9 !important; } .mm-menu.mm-offcanvas.mm-opened.closed { display: none; } .mm-menu.mm-offcanvas.mm-closed { z-index: 0; display: none; position: fixed; } .mm-navbar .mm-btn.mm-prev:before { content: ""; height: 34px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 3rem; left: 3rem; transform: rotate( 180deg ); border: none; /* transform: none; */ right: initial; width: 34px; } .mm-navbar { border-bottom: none; border-color: inherit; text-align: center; line-height: 20px; height: auto; padding: 1rem 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: initial; font-size: 1.7rem; padding: .3rem 0; } .mm-listview .mm-next.mm-fullsubopen { width: 23px; } .sm .hamburger.desk{ display: none;} .sm .hamburger.mobile { display: flex; top: -.5rem; right: 0; z-index: 999; cursor: pointer; } .last-l{ order: 6; } .nav-links li a { font-size: 1.7rem; } nav li .active, .forward.trail { font-size:1.7rem; width: 100%; } #mobileNavigation ul.level_2 li a { background-color: initial; color: #055FA9; font-size: 1.3rem; font-weight: 400; } .subnav { flex-flow: row wrap; width: 100%; max-width: initial; justify-content: flex-start; } .sub-menu.sub-container { font-size: 1.2rem; width: 100%; text-transform: initial; padding-left: .7rem; justify-content: flex-start; } .subnav.icon { display: flex; justify-content: center; width: 100%; } li.submenu:hover a.submenu span:after { display: none; } #mobileNavigation .subnav .sub-menu.sub-container ul { justify-content: flex-start; } .card .pic-right figure img { min-height: initial; width: 100%; object-fit: initial; height: initial; } .mm-menu #close { margin: 0; height: 87px !important; width: 85px !important; top: 0; font-size: 1.8rem; } .mod_newsarchive .readmore { top: 106px; right: 15px; } .down .logo-container a{ padding: 1rem; width: 102px; } .back-btn { right: 6.5rem; height: 99px; width: 83px; } nav li .active, .forward.trail { font-size: 1.2rem; padding: .3rem 0; } .mm-navbar .mm-btn.mm-prev:before { content: ""; height: 29px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 3rem; left: 3rem; transform: rotate( 180deg ); border: none; right: initial; width: 34px; } .mm-listview>li:not(.mm-divider):after { left:initial; } .back-btn a { font-size: 1.1rem; } .link-bnt a img { max-width: 49px; top: 0.5rem; } .link-bnt figcaption { font-size: 1rem; } .logo-container img { max-width: 150px; } .hamburger { flex-flow: column; margin: .5rem 0; height: 78px; width: 66px; top: -8px; right: 0; } .mm-listview .mm-next.mm-fullsubopen { width: 23px; top: calc(50% - 16px); } .mm-listview .mm-selected .mm-next.mm-fullsubopen { top: 3px; } .flexbox.orange-bg .centered-text p { font-size: 1.4rem; } .mm-panels > .mm-panel:not(.mm-hidden) { display: flex; justify-content: center; align-items: center; align-content: center; } .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { height: auto; margin: 0; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { border: none; border-color: transparent; font: inherit; font-size: 1.2rem; line-height: initial; padding: .3rem 0; text-transform: uppercase; } .mm-listview>li:hover a{ color:#055FA9 !important; } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: initial; font-size: 1.2rem; padding: .3rem 0; } .ce_hyperlink.link-bnt { height: 78px; width: 66px; top: 0; display: none; right: calc(234px + 3rem); } .mm-menu li .mm-next { top: calc(50% - 16px); } .sm{ display: initial; } .sm .ce_hyperlink.link-bnt:nth-of-type(4) { right: calc(78px + 1rem); } .ce_hyperlink.link-bnt:nth-of-type(3) { right: calc(156px + 2rem); } .hamburger.close { right: 0; top: 0; margin: 0; height: 78px; width: 66px; } .line { width: 44px; height: 4px; background: white; margin: 5px; transition: .3s; } .hamburger figcaption { padding: 0; color: white; width: 100%; display: flex; justify-content: center; font-size: 1rem; margin: .6rem 1rem; transition: .3s; } .blue-bg .blue-box .flex-50 .flexbox { width: 100%; } } @media (max-width: 1850px) { .newstext h2 { font-size: 1rem; } .newstext { width: calc(50% - 2rem); padding: 0 1rem; margin: auto; text-align: center; } .mod_newsarchive .info { font-size: 1em; font-weight: 300; color: #ef7b00; } .mod_newsarchive .info time { font-weight: 400; color: #ef7b00; font-size: 1rem; } .social-container { right: 0; } } @media (max-width: 1390px) { .career .link .arrow-blue.subheadline { font-size: 2rem; } .career .link .arrow-blue.subheadline span:last-of-type { text-transform: initial; font-weight: 400; color: #055FA9; font-size: 1.5rem; width: 100%; } .morgenwaldbutton{ width: 200px; height: 200px; top: calc(100vh - 200px); } .slider-header .morgenwaldbutton figure img{ width: 200px; } } @media (max-width: 1200px) { .place-nav ul{ flex-wrap: wrap; } .place-nav ul li{ width: auto; } } @media (max-width: 1160px) { .contactform.initiativ .formbody .widget { width: calc(100% - 2rem); padding: 0; margin: 0 0 1rem; } .map-link a { font-size: .8rem; } .contact .arrow-blue.subheadline { padding-left: 0; } .contactform .formbody .widget input, textarea { width: 100%; } .contactform .formbody .widget { flex-flow: column; } .contactform .formbody .widget { width: calc(50% - 2rem); font-weight: 600; margin: 0 2rem 2rem 0; padding: 0; } .contactform .formbody .widget label { width: 100%; } .contact .widget-submit:after { right: 0; top: -31px; } .widget.widget-captcha.mandatory.spamschutz { flex-flow: row; justify-content: space-between; } .contact .submit button { width: 100%; margin: 0 0 0 auto; } .contactform .formbody .widget input, textarea,.contactform .formbody .widget textarea.textn, .contactform .formbody .widget select { width: calc(100% - 1rem); margin-right: 0; margin-left: unset; } #flyerform .contactform .formbody .widget, #flyerform .contactform .formbody fieldset, #flyerform .contactform .formbody .widget label{ width: 100%; } #flyerform .contactform .formbody .widget{ margin: 0 1rem 2rem 0; } #flyerform .contactform .formbody textarea{ width: calc(100% - 1rem); } #flyerform .contactform .formbody fieldset.flexibel .widget{ margin: 0 1rem 0 0; } #flyerform .contactform .formbody fieldset .widget select, #flyerform .contactform .formbody fieldset.flexibel .widget textarea{ width: calc(100% - 2rem); } #flyerform .contactform .formbody fieldset.vonbis .widget{ width: calc(50% - 0rem); padding-right: 2rem; } #flyerform .contactform .formbody fieldset.vonbis .widget input{ width: 100%; } .card .pic-right figure img { min-height: initial; width: auto; object-fit: initial; height: initial;} .news-full { flex-flow: column; padding-bottom: 1rem; } .news-full .list, .news-full .blue-text { width: 100%; padding: 1rem 0 0; } .news-full .list ul { padding: 0 1.1rem; } } @media (max-width: 1130px) { .contactform.initiativ .formbody .widget { width: calc(50% - 2rem); padding: 0; margin: 0 1rem 1rem; box-sizing: border-box; } .flex-text.full:last-of-type { width: 100%; } .flex-text.full { width: 100%; padding: 0; } .job .img-50 { position: relative; width: 100%; order: 1; float: none; top: 0; } .job .img-50 figure img { width: auto; object-fit: initial; height: auto; } .job .img-50 figure { position: relative; width: auto; height: auto; display: block; } .job #two-col .inside { display: flex; flex-flow: row wrap; } .job #two-col { padding-left: 4rem; padding-right: 4rem; width: calc(100% - 8rem); min-height: initial; padding-bottom: 0; } .job #two-col .inside { justify-content: center; align-items: center; display: flex; flex-flow: row wrap; } .job .img-50{ position: relative; width: 100%; order: 1; height: initial; } .flex-50.link { display: flex; justify-content: center; align-items: center; flex-flow: column; width: 100%; } .list-h { margin-left: 1rem; } } @media (max-width: 1100px) { .type-nav figcaption { width: 67%; font-size: 1.4rem; } .type-nav .ce_hyperlink { min-height: 57px; } .type-nav .ce_hyperlink .image_container img { max-width: 57px; } .mm-menu li .mm-next { top: calc(50% - 11px); } .mm-listview .mm-selected .mm-next.mm-fullsubopen { top: calc(50% - 11.5px); } .home h1, .home h2 { color: white; position: absolute; top: 158px; bottom: initial; left: 0; right: 0; width: 100%; max-width: 680px; font-size: 2rem; height: max-content; } .home h1 span:last-of-type, .home h2 span:last-of-type { font-size: 4.1rem; } .home h1 span:first-of-type, .home h2 span:first-of-type { font-size: 3rem; } .home .aktion h2 { position: relative; height: initial; margin: 0 auto; display: flex; flex-flow: row wrap; left: 0; top: initial; width: 100%; justify-content: center; font-size: 2rem; } .mm-menu li .mm-next { content: ""; height: 13px; top: 0.5rem; left: initial; transform: none; right: 1rem; width: 22px; } .type-detail.orange .type-nav { width: 100%; max-width: 100vw; top: initial; margin: 0 0 0 auto; justify-content: flex-end; right: 1rem; bottom: 16px; } .type-detail .type-nav .ce_hyperlink { width: calc(25% - 4rem); padding: .5rem; margin: 0.5rem; max-width: 56px; } .type-detail .type-nav .ce_hyperlink .image_container img { width: 100%; text-align: center; margin: auto; max-width: 52px; } .type-detail .type-nav figcaption { width: 100%; font-size: 1.1rem; display: none; } .type-nav .ce_hyperlink .image_container { width: 100%; text-align: center; display: flex; justify-content: center; } .type-nav.orange .ce_hyperlink .image_container { width: 100%; text-align: center; display: flex; justify-content: center; } .type-detail.blue .type-nav { width: 100%; max-width: 100vw; top: initial; margin: 0 0 0 auto; justify-content: flex-end; right: 1rem; bottom: 16px; } .pic-fix { width: 100vw; position: relative; overflow: hidden; } .two-column-layout .blue-box .content-box { background-color: #055FA9; width: calc(100% - 12%); min-height: initial; box-shadow: none; padding: 0 6%; } .two-column-layout .content-box .textbox { width: 100%; } .content-box .textbox.space { width: 100%; padding-bottom: 4rem; } .two-column-layout .small-h.up:before { left: -3rem; position: absolute; } .two-column-layout.blue_bg .content-box .flexbox { width: 100%; } .two-column-layout .small-h.up { text-transform: uppercase; } .pic-fix .ce_image figure { display: flex; } .two-column-layout.blue_bg.pic_6 .custom #box .inside .blue-box { background-color: #055FA9; } .two-column-layout.blue_bg.pic_6 .custom #box .inside { display: flex; flex-flow: column; } .news-wrapper nav ul a{ padding: 0.5rem; } .news-wrapper nav ul li .active{ padding: 0.5rem!important; } } @media (max-width: 999px) { .captcha_text.spamschutz { width: 80%; } input.captcha.spamschutz { width: 64px !important; min-width: initial; max-width: initial; } .contact .widget-submit:after { right: 0; top: -31px; } #flyerform .contactform .formbody .widget input,#flyerform textarea,#flyerform .contactform .formbody .widget textarea.textn,#flyerform .contactform .formbody .widget select{ width: calc(100% - 1rem); box-sizing: unset; } .fahrzeugaufbereitung footer .inside .ce_hyperlink a { font-size: 14px; padding: 3px; } .car-link .link-number:nth-of-type(3) { left: 21vw; top: 182px; } .car-link .link-number:nth-of-type(5) { top: 47px; left: 54vw; } .home .action.orange h1 span:first-of-type:before, .home .action.orange h2 span:first-of-type:before { content: ""; height: 25px; top: 4px; left: -30px; width: 25px; } .car-link .link-number:nth-of-type(2) { left: 54vw; top: 199px; } .car-link .link-number:nth-of-type(4) { top: 142px; left: initial; right: 11vw; } .orange .aktion { justify-content: center; } .aktion h2 span { text-align: center; font-size: 1.4rem; padding-left: .5rem; } .home h1 span:last-of-type, .home h2 span:last-of-type { font-size: 4.1rem; } .washing .flexbox.orange-bg { flex-flow: row wrap; } .header-headline.small-h.flex-50 { width: 100%; order: 2; } .small-pic { width: calc(100% - 1rem); } .type-nav .ce_hyperlink { min-height: 63px; } .type-nav .ce_hyperlink .image_container img { max-width: 60px; } .bubble.flex-50 figure img { width: 100%; max-width: 294px; position: absolute; right: 0; } .arrow-blue.subheadline.flex-50 { width: 100%; } .bubble.flex-50 { width: 100%; order: 1; display: none; } .small-pic:first-of-type { border-right: none; width: calc(100% - 1rem - 3px); border-bottom: 3px solid #ef7b00; } .small-pic:nth-of-type(3) { border-right: none; width: calc(100% - 1rem); border-bottom: 3px solid #ef7b00; } .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 .bold { font-size: 5.5rem; } .widget-submit:after { top: initial; bottom: -1rem; } .contactform .formbody{ height: unset; } .contactform .formbody .widget-submit{ margin-top: 1rem !important; } .contactform .formbody .widget input, textarea,.contactform .formbody .widget textarea.textn, .contactform .formbody .widget select { width: 100%; margin-right: 0; box-sizing: border-box; } .contactform .formbody .widget.name{ order: -2; } .contactform .formbody .widget.betreff{ order: -1; } .contactform .formbody .widget.submit{ order: 1; } .contactform .formbody .widget { width: calc(100% - 0rem); padding: 0 0 1rem 0; margin: 0; } .submit button { background-color: #055FA9; padding: 1rem 1.5rem; color: white; transition: .3s; border: none; outline: none; text-transform: uppercase; font-weight: 600; cursor: pointer; width: 71%; margin: 0 0 0 auto; } .bluetext_cont .bluetext p { color: white; margin: 0 auto; width: 95%; z-index: 9; } } @media (max-width: 959px) { .fahrzeugaufbereitung .arrow-blue.subheadline { font-size: 1.5rem; padding-left: 16px; } .fahrzeugaufbereitung .arrow-blue.subheadline span:first-of-type { font-size: 2.6rem; margin-left: -21px; top: 14px; } .fahrzeugaufbereitung #orange-bg-right .flexbox.text-pic .flex-50 p:first-of-type strong { font-size: 1.2rem; } .fahrzeugaufbereitung .arrow-blue.subheadline span:last-of-type { font-size: 1.4rem; margin-left: -16px; } .searchpage .search-form .widget-text { padding-right: 0; width: 100%; } .searchpage form .formbody .widget button { width: 350px; margin-top: 1rem; } .arrow-blue.thick.mix span:first-of-type { font-size: 3rem; margin-left: 0; } .arrow-blue.thick.mix span:last-of-type { font-size: 4.5rem; color: white; } .link-stdort p:last-of-type { width: 87%; } .link-stdort p:first-of-type { width: 87%; } .arrow-blue.thick.mix { color: white; text-align: left; justify-content: flex-start; display: flex; flex-flow: row wrap; align-items: baseline; text-transform: initial; font-weight: 300; font-size: 2rem; } .two-column-layout .header-headline.small-h span:first-of-type { font-size: 2.5rem; } .two-column-layout .small-h span:first-of-type:before { top: 12px; } .two-column-layout.blue_bg .small-h span:first-of-type:before { top: .9rem; } .two-column-layout .header-headline.small-h span{ font-size: 2.3rem; } .two-column-layout .header-headline.small-h { width: 96%; } .news-wrapper h1 .arrow:first-of-type:before { height: 25px; top: 14px; left: -35px; width: 25px; } .text-pic .pic-type figure:before { width: 106px; } .news-wrapper h1 span:first-of-type { font-size: 2.2rem; } .news-wrapper h1 span { font-weight: 600; font-size: 4rem; text-transform: initial; } .mod_newsarchive { width: 100%; margin: auto; } .mod_randomImage { margin-top: 15px; } .mod_newsmenu.block { display: none; } .arrow-blue.thick span { font-size: 4rem; } .arrow-blue.thick span:first-of-type { color: #055FA9; font-weight: 300; font-size: 3.7rem; padding-right: 8px; margin-left: -2.3rem; width: initial; line-height: 0; } .arrow-blue.thick { font-size: 2.5rem; color: white; } .mod_newsarchive.block { margin-left: 0; } .map-link { position: absolute; padding: .5rem; display: none; } .blue-box .small-h.up { font-size: 2rem; } .blue-box .small-h.up:before { content: ""; height: 24px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 14px; left: -29px; border: none; transform: none; width: 24px; position: absolute; } .bluetext_cont .bluetext { animation-name: smoke-o; animation-duration: .4s; animation-fill-mode: forwards; z-index: 8; display: block !important; transition: .4s linear; justify-content: center; height: auto; background-color: #055FA9; position: absolute; top: initial; flex-flow: column; padding: 1rem; text-align: left; transition: left 3s 3s; } } @media (max-width: 850px) { .flexbox.orange-bg.list.white .flex.point { width: calc(100% - 10%); padding: 0 5%; margin: 0 auto; } .news-wrapper nav ul a:hover{ padding: 0.5rem; } .news-wrapper nav > ul .previous { left: 110px; } .news-wrapper nav > ul .next { right: 110px; } .news-wrapper nav > ul > ul{ width: calc(100% - 2 * 220px); } } @media (max-width: 800px) { #orange-bg-right-end .flex-50 .arrow-orange span:last-of-type { font-size: 1.5rem; } .arrow-blue.prices { margin-bottom: 0; margin-left: 2.2rem; width: calc(100% - 2.6rem); } .place-nav ul li a span { font-size: .9rem !important; } .place-nav ul li .active { font-size: .9rem; } .place-nav ul li.active { padding: 0.3rem; } .place-nav ul li a { padding: .3rem; } .place-nav ul { align-items: center; justify-content: center; } .arrow-orange { font-size: 2rem; } .arrow-orange span { font-size: 3.5rem; } .social-container { display: none; } .place-nav ul li { /*width: 17%;*/ width: auto; } .home h1, .home h2 { left: 2rem; } .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 .bold { font-size: 4.5rem; } .home.orange.type #container { height: auto; } .prog h1 span { font-size: 5rem; } .space-top .blue-box.full .ce_image.flex-50 figure img { object-fit: contain; height: initial; width: 100%; } .space-top .blue-box.full .ce_image.flex-50 figure { height: initial; } .stdort .arrow-orange.subheadline span:last-of-type { font-size: 1.5rem; } .stdort .arrow-orange.subheadline span:nth-of-type(2) { font-size: 2rem; } .stdort .arrow-orange.subheadline span:first-of-type { font-size: 3rem; margin-left: 0; } .price .arrow-blue.subheadline span:first-of-type { font-size: 3rem; margin-left: 0; } .stdort .arrow-orange.subheadline { font-size: 2rem; } .arrow-blue.subheadline span:last-of-type { color: #055FA9; font-size: 1.5rem; width: 100%; } .price .arrow-blue.subheadline { font-size: 2rem; } .price .arrow-blue.subheadline { padding-left: 0; } .price .arrow-blue.subheadline span:nth-of-type(2) { margin-left: 1rem; font-size: 2rem; color: white; z-index: 11; } .price .arrow-blue.subheadline span:last-of-type { text-transform: inherit; font-size: 1.5rem; } .car-link .link-number:nth-of-type(3) { left: 20vw; top: 12vh; } .car-link .link-number:nth-of-type(4) { top: 8vh; left: initial; right: 11vw; } .car-link .link-number:nth-of-type(2) { left: 54vw; top: 12vh; } .car-link .link-number:nth-of-type(5) { top: 3vh; left: 51vw; } } @media (max-width: 730px) { .prog h1 span { font-size: 4rem; } } @media (max-width: 720px) { .blue-box.full .orange-list.faq ul li { font-size: 1rem; } #text-two-column .flex-50 h2 span:first-of-type { margin-left: 0; } #text-two-column h2 { font-size: 1.5rem; } .arrow-blue.thick span:first-of-type { font-size: 3.1rem; } .arrow-blue.subheadline span:last-of-type { font-size: 1.5rem; } .arrow-blue.subheadline { font-size: 2rem; padding-left: 0; } .arrow-blue.subheadline span:first-of-type { color: #055FA9; font-weight: 300; font-size: 3.5rem; line-height: 0; display: flex; padding-right: 8px; margin-left: 0; } .arrow-blue.thick span { font-weight: 600; font-size: 3rem; text-transform: uppercase; } .job .arrow-blue.thick { width: auto; } .arrow-blue.thick { font-size: 2rem; } .news .arrow-blue.thick span { font-size: 4rem; } .news .arrow-blue.thick span:first-of-type { font-size: 3.3rem; } .ch-grid .blue { padding: 0 .5rem; width: calc(50% - 2rem - 1rem); background-color: #055FA9; color: white; font-weight: 600; font-size: 1.3rem; text-align: center; display: flex; justify-content: center; /* align-content: center; */ /* vertical-align: middle; */ /* margin: auto; */ align-items: center; border-radius: 22px; } .list-h:before { content: ""; height: 25px; top: 12px; left: 3px; width: 25px; } .price .ce_headline.header-headline.small-h span:first-of-type { font-size: 2rem; } .type-detail .flex-50 .left-text figure img { max-width: 161px; position: relative; top: initial; right: initial; } .space-top.catalog .catalog-wrapper { min-height: initial; } .link-text { z-index: 80; width: 100%; } .price .header-headline.small-h span:first-of-type:before { content: ""; height: 24px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 11px; left: -31px; border: none; transform: none; width: 24px; position: absolute; } .type-detail .flex-50 .left-text figure { text-align: left; margin: 0 0 2rem 0; position: relative; } .blue-bg .blue-box .flex-50 .flexbox p { width: calc(100% - 2rem); } .blue-bg .blue-box .flex-50 .flexbox figure img { max-width: 240px; } .blue-bg .blue-box .flex-50 .flexbox figure { width: 100%; text-align: center; } .searchpage .small-h span:first-of-type { font-size: 2rem; padding-left: 1.8rem; } .searchpage .small-h span:first-of-type:before { height: 25px; top: 11px; left: 0; width: 25px; } .searchpage .small-h span:last-of-type { font-size: 1.5rem; } .catalog-wrapper .small-h span:first-of-type { font-size: 2rem; padding-left: 1.8rem; } .blue-box .small-h.up { padding-left: 2rem; } .blue-box .small-h.up:before { content: ""; height: 25px; top: 11px; left: 0; width: 25px; } .catalog-wrapper .small-h span:first-of-type:before { height: 25px; top: 10px; left: 0; width: 25px; } .download p { width: 280px; text-align: center; background-color: #055FA9; color: white; cursor: pointer; transition: .3s; z-index: 10; } .catalog-wrapper .small-h span:last-of-type { font-size: 1.5rem; } .flex-50.pic figcaption { width: calc(100% - 2rem); } .graphic figure img { max-width: initial; width: 100%; } .graphic figure { text-align: left; } .flex-50.pic figure { padding:0; } .type-detail .left-pic .right-text figure { position: absolute; top: 4px; left: 64px; } .graphic h3 { justify-content: flex-start; } .orange.flexbox .type-nav figcaption { text-align: left; width: 80%; margin: 0 0 0 auto; font-size: 1.5rem; } .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 .bold { font-size: 3.5rem; padding-left: 0; } .prog h1 span { font-size: 3rem; } .prog h1 span:first-of-type { font-size: 1.8rem; width: 100%; padding-left: 1rem; text-align: left; } .orange.type h2 span:first-of-type { font-size: 2rem; padding-left: 1.8rem; } .home.orange.type h2 span:first-of-type:before { content: ""; height: 25px; top: 10px; left: 0; width: 25px; } ul.ch-grid { padding-bottom: 100px; position: relative; display: flex; flex-flow: row wrap; } .ch-grid li { width: calc(50% - 2rem); max-width: 370px; height: 311px; display: inline-block; margin: 1.5rem 1rem; } .prog .prog-pic{ display: none; } .prog h1 { flex-flow: row wrap; text-align: left; } .type-detail .right-text h1 { font-size: 2rem; padding-left: 82px; } .logo-container { padding: 1rem; } .type-detail .right-text figure img { max-width: 68px; } #formcontainer { padding-left: 2rem; padding-right: 2rem; width: calc(100% - 4rem); } .prog h1 .arrow:before { height: 25px; top: 7px; left: -13px; width: 25px; } .prog .white-text { width: 100%; } .news-full { padding-left: 2rem; padding-right: 2rem; width: calc(100% - 4rem); } .news-full h1:before { content: "»"; height: initial; top: 1rem; left: initial; margin-left: -1.6rem; font-size: 3rem; } .news-full h1 { font-size: 2rem; } .type-detail .right-text figure { position: absolute; top: 4px; left: 0; } .small-h.flex-50 span:first-of-type:before { content: ""; height: 25px; top: 11px; left: 0; width: 25px; } .news-full h2 { font-size: 1.3rem; } .small-h.flex-50 span:first-of-type { font-size: 2rem; padding-left: 1.8rem; } .small-h.flex-50 span:last-of-type { font-size: 1.3rem; } .job h1 { font-size: 3rem; padding-left: 0; width: 100% ; } .two-column-layout .header-headline.small-h span:first-of-type { font-size: 2rem; } .two-column-layout.blue_bg .small-h span:first-of-type:before { height: 23px; top: 13px; left: 0; border: none; transform: none; width: 23px; position: absolute; } .job .arrow-blue.thick span:first-of-type { margin-left: 0; } .job h1:before { height: 25px; top: 23px; left: 0; width: 25px; } .two-column-layout .header-headline.small-h span{ font-size: 2rem; } .two-column-layout .header-headline.small-h span:first-of-type { padding-left: 2rem; font-size: 2rem; } .two-column-layout .small-h span:last-of-type { text-transform: initial; font-weight: 400; color: #055FA9; font-size: 1.5rem; } .two-column-layout .header-headline.small-h { width: 100%; } .two-column-layout .small-h span:first-of-type:before { content: ""; height: 25px; top: 10px; left: 3px; width: 25px; } .newspic { width: 100%; } .link-stdort p:last-of-type { width: 100%; } .link-stdort p:first-of-type { width: 100%; } .link-stdort { width: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; padding: 1rem 0 0; } .mod_newsarchive .readmore { height: 33px; width: 33px; top: initial; bottom: 7px; right: 7px; } .newstext { width: calc(100% - 2rem); padding: 1rem; margin: auto; text-align: center; } .job #two-col { padding-left: 2rem; padding-right: 2rem; width: calc(100% - 4rem); } .job .img-50 figure img { width: auto; object-fit: contain; height: auto; } .job .img-50 figure { height: auto; } .job .img-50 { position: relative; width: 100%; order: 1; float: none; top: 0; } #orange-bg-right .flexbox.text-pic .small-h span:first-of-type { font-size: 2rem; padding-left: 1.7rem; } #orange-bg-right .flexbox.text-pic .small-h span:first-of-type:before { content: ""; height: 23px; background-image: url(../../files/img/icon/arrowblue-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 9px; left: 0px; border: none; transform: none; width: 23px; position: absolute; } #orange-bg-right .flexbox.text-pic .small-h span:last-of-type { font-size: 1.2rem; } .list-h { font-size: 2rem; padding-left: 1.9rem;} .list-h { margin-left: 0; } .two-column-layout.blue_bg .header-headline.small-h { font-size: 2rem; padding-left: 1.8rem; } .two-column-layout.blue_bg.stdort .header-headline.small-h { font-size: 2rem; padding-left: 0; } .two-column-layout .small-h.up:before { height: 34px; top: 0.2rem; left: -4px; width: 24px; } .two-column-layout.blue_bg .header-headline.small-h span:first-of-type { text-transform: initial; margin-left: 0; } .two-column-layout.blue_bg .header-headline.small-h span:nth-of-type(2) { text-transform: uppercase; font-weight: 300; margin-left: 1rem; display: flex; align-items: center; font-size: 1.5rem; } #orange-bg .flexbox { width: calc(100% - 12%); padding: 1rem 6% 0; } #blue-bg .flexbox { width: calc(100% - 12%); padding: 1rem 6%; } #orange-bg-text .flexbox { width: calc(100% - 12%); padding: 1rem 6% 5rem; flex-flow: row wrap; } p { font-size: 1rem; margin-top: 0.5rem; } .news-wrapper nav > ul .first, .news-wrapper nav > ul .last{ display: none; } .news-wrapper nav > ul .previous{ left: 0; } .news-wrapper nav > ul .next{ right: 0; } .news-wrapper nav > ul > ul { width: calc(100% - 2 * 110px); } .news-wrapper nav .pages a, .news-wrapper nav .pages a:hover{ padding: 0.5rem 1rem; } .news-wrapper nav ul li .active{ padding: 0.5rem 1rem!important; } } @media (max-width: 672px) { #article-156 { padding-bottom: 100px; } } @media (max-width: 650px) { .contactform.initiativ .formbody .widget { width: calc(100% - 2rem); padding: 0; margin: 0 0 1rem; box-sizing: border-box; } #orange-bg-pic { width: calc(100% - 4rem); padding: 0 2rem; } #text-two-column { width: calc(100% - 4rem); padding: 0 2rem; } #orange-bg-right-end { padding: 1rem 0 0 2rem; justify-content: space-between; width: calc(100% - 2rem); margin: auto; } .graphic span:last-of-type { font-size: 1.1rem; } .home .action.orange h1 span:first-of-type, .home .action.orange h2 span:first-of-type { color: #055FA9; font-weight: 300; font-size: 3rem; line-height: 0; display: flex; padding-right: 8px; margin-left: -2.3rem; align-items: baseline; } .home .aktion h2 { font-size: 1.5rem; } .home .action.orange h1 span:last-of-type, .home .action.orange h2 span:last-of-type { text-align: center; line-height: 1; font-size: 3.1rem; } .arrow-blue.thick.mix span:first-of-type { font-size: 2.5rem; margin-left: 0; } .arrow-blue.thick.mix { font-size: 1.5rem; } .washing #blue-bg .flex-text ul { padding: 0 1rem; flex-flow: column; } .arrow-blue.thick.mix span:last-of-type { font-size: 2.5rem; color: white; } .content-box .textbox.space { padding-bottom: 0; } .price #footer { position: relative; } .home.orange.type .header-headline { padding: 0; } .job h2 span { font-size: 1.1rem; } .job .link-stdort2 h3 { font-size: 1.1rem; } .type-detail.orange .type-nav { width: 100%; max-width: 100vw; top: initial; margin: 0 0 0 auto; justify-content: center; right: 0; bottom: 5px; } .aktion p { padding: 0 1.2rem; } .home h1 span:first-of-type, .home h2 span:first-of-type { position: relative; font-size: 3.5rem; padding-left: 0; } .home .aktion h1 span:first-of-type, .home .aktion h2 span:first-of-type { position: relative; font-size: 1.5rem; padding-left:0; } .home h1, .home h2 { left: initial; } .mm-listview { font-size: 1.2rem; line-height: initial; padding: .3rem; } .type-detail.blue .type-nav { width: 100%; max-width: 100vw; top: initial; margin: 0 0 0 auto; justify-content: center; right: 0; bottom: 5px; } .type-detail.orange .type-nav .ce_hyperlink { width: calc(25% - 2.5rem); padding: .5rem; margin: 0.5rem; max-width: 56px; } .type-detail .type-nav .ce_hyperlink { width: calc(25% - 2.5rem); padding: .5rem; margin: 0.5rem; max-width: 56px; } .space-top.searchpage .searchcont { padding: 158px 2rem 0rem; width: calc(100% - 4rem); min-height: initial; } .blue-box.full.space { width: calc(100% - 4rem); padding-left: 2rem; padding-right: 2rem; } #blue-bg .flexbox { width: calc(100% - 4rem); padding: 1rem 2rem 0; } #orange-bg-text .flexbox { width: calc(100% - 4rem); padding: 1rem 2rem 0; } #orange-bg .flexbox { width: calc(100% - 4rem); padding: 1rem 2rem 0; } .washing .flexbox.orange-bg { width: calc(100% - 4rem); padding: 120px 2rem 1rem; } .bubble.flex-50 figure img { width: 100%; max-width: 196px; position: absolute; right: 0; } .two-column-layout .small-h span:first-of-type:before { content: ""; height: 25px; top: 4px; left: 3px; width: 25px; } .two-column-layout .header-headline.small-h span:first-of-type { padding-left: 2rem; font-size: 1.6rem; } .blue-box.full { justify-content: space-between; padding-bottom: 0; width: calc(100% - 4rem); padding: 158px 2rem 0 2rem; } .home.type .orange.flexbox{ width: calc(100% - 4rem); padding: 0 2rem 0; } .big-h { width: calc(100% - 4rem); padding: 158px 2rem 0; } .flexbox.news { width: calc(100% - 4rem); padding: 0 2rem; } .type-detail.orange .right-text { width: calc(100% - 2rem); padding: 0 0 0 2rem; } .news-wrapper h1 span { font-size: 3rem; } .two-column-layout .blue-box .content-box { background-color: #055FA9; width: calc(100% - 4rem); padding: 0 2rem; } .flexbox.adress .adress { width: 100%; min-height: initial; } .type-detail .flexbox.right-pic { width: calc(100% - 2rem); padding: 158px 0 0 2rem; } #orange-bg .flexbox.list { width: calc(100% - 4rem); padding: 0 2rem; } .prog #orange-bg-right .flexbox.text-pic { padding: 152px 2rem 3rem; width: calc(100% - 4rem); } .type-detail .right-text p { line-height: inherit; font-weight: 400; color: white; font-size: 1rem; max-width: initial; width: 90%; } .type-detail .left-pic .right-text figure { left: 27px; } .two-column-layout.blue_bg #footer { position: relative; left: initial; width: calc(100% - 4rem); bottom: initial; top: 0; padding: 0 2rem; margin: auto; right: initial; } .place-nav ul li a { display: block; padding: .5rem; } .place-nav ul li { width: 100%; margin: .8rem 0; } .price-nav li a.orange-bg.space-top { padding: .5rem; } .place-nav ul li.active { padding: .5rem 0; } .place-nav ul { flex-flow: column; } .price-nav { position: relative; right: initial; width: 100%; bottom: initial; } .price-nav ul.level_1 li.active.submenu .level_2 li { max-width: initial; } .textbox:first-of-type { padding-bottom: 3rem; } .price-nav ul.level_1 li.active.submenu .level_2 li { width: auto; margin: auto; } #orange-bg .flexbox.list { width: calc(100% - 4rem); padding: 0 2rem; } .social-container { display: none; } .link-stdort figure { width: 100%; } .fahrzeugaufbereitung #orange-bg-right .flexbox.text-pic { padding: 152px 2rem 0; justify-content: space-between; width: calc(100% - 4rem); } .table table tbody tr td { padding: 1rem 0; } #orange-bg-right .flexbox.text-pic { padding: 152px 1rem 0; justify-content: space-between; width: calc(100% - 2rem); } figure.image_container.float_left { float: none; width: initial; margin: 0 auto; } .mod_newsarchive .layout_latest > .image_container { padding-right: 0; } figure.image_container.float_left img { margin: 0 auto; } .link-stdort p:first-of-type { width: 100%; } .type-detail .flexbox .pic-type.transp figure img { width: 100%; } .text-pic .pic-type figure:before { left: 0; } .mod_newsarchive .info, .mod_newsarchive h2, .mod_newsarchive .fullnews { padding-left: 5%; padding-right: 5%; } .link-stdort p:last-of-type { width: 100%; } /*.webkit .mod_newsarchive .fullnews li, .ie .mod_newsarchive .fullnews li { text-indent:-16px; color:#003066; margin-left:-14px; }*/ .two-column-layout .blue-box .content-box { width: calc(100% - 4rem); padding: 1rem 2rem 0; } .two-column-layout.blue_bg .header-headline.small-h { font-size: 2rem; } .two-column-layout .small-h.up:before { height: 34px; top: 9px; width: 24px; } .contactform .formbody .widget label { width: 100%; } .submit button { width: 100%; margin: auto; } .searchpage form .formbody .widget button { width: 250px; margin-top: 1rem; } .widget-submit { width: 100%; } .searchpage .search-form .widget-text { padding-right: 0; width: 100%; } .searchpage .formbody .widget-text input { width: 100%; max-width: 250px; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { font-size: 1.2rem; line-height: initial; padding: .3rem; } .mm-menu li .mm-next { content: ""; height: 14px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 0.5rem; left: initial; border: none; transform: none; right: 1rem; width: 20px; } .mm-menu li.news .mm-next { display: none; } .mm-listview .mm-next:before { left: -2px; } nav li .active, .forward.trail span { font-size: 1.2rem !important; width: 100%; padding-left: .3rem !important; } .mm-navbar .mm-btn.mm-prev:before { content: ""; height: 22px; top: 2rem; left: 3rem; width: 24px; } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: initial; font-size: 1.2rem; padding: 0.3rem; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { font-size: 1.2rem; line-height: initial; padding: .3rem; background-color: transparent; } .prog h1 span { font-size: 2rem; } .orange.type h2 span:first-of-type { font-size: 1.5rem; padding-left: 1.8rem; } .type-nav .ce_hyperlink .image_container img { max-width: 53px; } .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 span:nth-of-type(2), .home.orange.type h2 .bold { font-size: 2.5rem; padding-left: 0; } .type-nav .ce_hyperlink { min-height: 53px; } .orange.flexbox .type-nav figcaption { text-align: left; width: 80%; margin: 0 0 0 auto; font-size: 1.2rem; } .home.orange.type h2 span:first-of-type:before { content: ""; height: 25px; top: 3px; left: 0px; width: 25px; } .blue-box.full .orange-list.faq ul li span { width: auto; display: block; color: #ffffff; font-weight: 600; padding: 0 0 1rem 0; font-size: 1.2rem; } .space-top.catalog .catalog-wrapper { padding: 158px 2rem 3rem; width: calc(100% - 4rem); } .blue-box.full .flex-50 p { padding-top: 0; font-weight: 300; } .place-nav ul li .active { font-size: .9rem !important; } .arrow-blue.thick.center span:first-of-type { display: none; } .news-wrapper nav ul li .active{ font-size: 1.1rem!important; } .morgenwaldbutton{ width: 120px; height: 120px; top: calc(100vh - 120px); } .slider-header .morgenwaldbutton figure img{ width: 120px; } } @media (max-width: 600px) { #text-two-column .flex-50 h2 span:first-of-type { display: none; } /*.news-wrapper nav ul { flex-flow: row wrap; }*/ .flexbox.orange-bg.list.white .flex.point h3 { font-size: 1.2rem; } .news-wrapper nav ul li.last a{ margin-right: 0; } /*.news-wrapper nav ul li.last{ width: 50%; margin-top: 35px; text-align: right; } .news-wrapper nav ul li.next{ width: 50%; margin-top: 35px; text-align:left; }*/ .news-wrapper nav ul li.next a{ margin-left: 0; } } @media (max-width: 550px) { .popup-content{ text-align: center; margin: auto; } .popup-overlay { visibility: hidden; position: absolute; background: #ffffff; /* border: 3px solid #666666; */ width: 100%; height: auto; left: 0; color: black; z-index: 100; top: 3%; left: 0; border-radius: 10px; max-width: initial; } .popup-overlay.active { visibility: visible; text-align: center; box-sizing: border-box; padding: 16px; } .popup-content h2 { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 26px; text-transform: uppercase; color: #055FA9; font-weight: 600; height: unset; padding: 0; margin: 20px auto; position: unset; } #flyerform .arrow-blue.subheadline{ font-size: 2.5rem; } .career .link .arrow-blue.subheadline { font-size: 1.5rem; } .career .link .arrow-blue.subheadline span:last-of-type { font-size: 1.1rem; } .car-link .link-number:nth-of-type(3) { left: 20vw; top: 6vh; } .car-link .link-number:nth-of-type(2) { left: 53vw; top: 8vh; } .car-link .link-number { width: 25px; height: 25px; } .car-link .link-number:nth-of-type(4) { top: 6vh; left: initial; right: 11vw; } .car-link .link-number:nth-of-type(5) { top: 2vh; left: 49vw; } .flexbox.orange-bg .centered-text { text-align: center; width: 100%; padding: 0rem 0rem 1rem; } .arrow-orange { font-size: 1.6rem; } .home h1, .home h2 { font-size: 1.8rem; } .arrow-orange span { font-size: 2.5rem; } .home .aktion h2 { font-size: 1.3rem; padding: 1rem; } .home .action.orange h1 span:last-of-type, .home .action.orange h2 span:last-of-type br{ display: none; } .home .action.orange h1 span:last-of-type, .home .action.orange h2 span:last-of-type { text-align: center; line-height: 1; font-size: 1.8rem; /* display: flex; */ /* flex-flow: row; */ } .home h1 span:first-of-type, .home h2 span:first-of-type { position: relative; font-size: 3.3rem; padding-left: 0; display: flex; vertical-align: baseline; align-items: baseline; } .two-column-layout .header-headline.small-h span:first-of-type { padding-left: 1.8rem; font-size: 1.4rem; } .two-column-layout .small-h span:first-of-type:before { top: 3px; } .ch-grid li { width: calc(100% - 2rem); max-width: 370px; height: 311px; display: inline-block; margin: 1.5rem 1rem 0; } .two-column-layout .small-h span:last-of-type { font-size: 1.3rem; } .ch-grid .blue { width: calc(100% - 2rem - 1rem); justify-content: center; } ul.ch-grid { padding-bottom: 100px; position: relative; display: flex; justify-content: center; flex-flow: row wrap; } .orange .aktion { padding-top: 235px; height: calc(100vh - 158px); align-self: baseline; align-content: center; } .arrow-blue.subheadline { font-size: 1.5rem; } .arrow-blue.subheadline span:first-of-type { color: #055FA9; font-weight: 300; font-size: 2.5rem; line-height: 0; display: flex; padding-right: 8px; margin-left: 0; } .arrow-blue.subheadline { padding-left: 0rem; } .arrow-blue.subheadline span:last-of-type { font-size: 1.2rem; } .type-detail.orange .right-text a { /* background-color: #055FA9; */ padding: .5rem; color: white; text-decoration: none; text-transform: uppercase; transition: .3s; cursor: pointer; width: initial; font-size: .9rem; text-align: center; border: 2px solid white; max-width: initial; } .type-detail.blue .right-text a { background-color: #ef7b00; padding: .5rem; width: 100%; color: white; text-decoration: none; text-transform: uppercase; transition: .3s; font-size: .9rem; cursor: pointer; text-align: center; border: 2px solid white; } .blue-box.full .textbox p { font-size: 1.2rem; } #orange-bg-right .flexbox.text-pic .flex-50 p:first-of-type strong { font-size: 1.2rem; } .searchpage h2 { font-size: 1.2rem; } #orange-bg-right .flexbox.text-pic .flex-50 h2 { font-size: 1.5rem; } .news-wrapper nav > ul > ul{ display: none; } .news-wrapper nav > ul .previous, .news-wrapper nav > ul .next{ width: calc(50% - 10px); } .news-wrapper nav > ul .next{ right: 0; position: absolute; } } @media (max-width: 500px) { .fahrzeugaufbereitung footer .inside .ce_hyperlink a { font-size: 10px; padding: 2px; } .fahrzeugaufbereitung #footer { right: 1rem; width: calc(100vw - 2rem); bottom: 1rem; } .flexbox.orange-bg.list.white .flex.point h3 { font-size: 1.2rem; } .flexbox.orange-bg.list.white .flex.point p strong { font-size: 1.1rem; } .mm-menu #close { margin: 0; height: 55px !important; width: 50px !important; top: 0; font-size: 1.2rem; } .home h1, .home h2 { font-size: 1.3rem; padding: 1rem; } .home h1 span:first-of-type, .home h2 span:first-of-type { position: relative; font-size: 2.3rem; padding-left: 0; display: flex; vertical-align: baseline; align-items: baseline; width: 25px; } .home h1 span:last-of-type, .home h2 span:last-of-type { font-size: 2.8rem; } .line { width: 30px; height: 3px; background: white; margin: 5px; transition: .3s; } .back-btn { right: 4.5rem; height: 66px; width: 63px; top: 0; } .back-btn a { font-size: .9rem; } .down .logo-container a { padding: .7rem; width: 68px; } .mm-navbar .mm-btn.mm-prev:before { content: ""; height: 22px; top: 15px; left: 3rem; width: 24px; } .mm-navbar { border-bottom: none; border-color: inherit; text-align: center; line-height: 0; height: auto; padding: .7rem 0; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .logo-container img { max-width: 125px; } .hamburger figcaption { padding: 0; color: white; width: 100%; display: flex; justify-content: center; margin-top: rem; font-size: .9rem; margin: 0 .1rem; transition: .3s; } .sm .hamburger.mobile { display: flex; top: 0; right: 0; z-index: 999; cursor: pointer; margin: 0; height: 59px; width: 54px; padding: .2rem; } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: initial; font-size: 1.1rem; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { font-size: 1.1rem; line-height: initial; padding: .3rem; background-color: transparent; } nav li .active, .forward.trail span { font-size: 1.1rem !important; width: 100%; padding-left: .3rem !important; } .small-h.flex-50 span:first-of-type:before { content: ""; height: 25px; top: 4px; left: 0; width: 25px; } .download p { width: 100%; } .download p:hover { width: 100%; } .catalog-wrapper .small-h span:first-of-type { font-size: 1.5rem; padding-left: 1.8rem; } .catalog-wrapper .small-h span:last-of-type { font-size: 1.2rem; } .catalog-wrapper .small-h span:first-of-type:before { height: 25px; top: 4px; left: 0; width: 25px; } .news-wrapper h1 span:first-of-type { font-size: 1.5rem; } .news-wrapper h1 .arrow:first-of-type:before { top: 4px; } .two-column-layout.blue_bg .small-h span:first-of-type:before { height: 23px; top: 13px; } .mm-menu .mm-listview { width: 93%; } .prog h1 span:first-of-type { font-size: 1.5rem; padding-bottom: .4rem; } .prog .table:nth-of-type(3) h2, .price .table:nth-of-type(3) h2 { font-size: 2rem; } .mm-navbar .mm-btn.mm-prev:before { left: 1rem; width: 24px; } .blue-box.full .orange-list.faq ul li span { width: auto; display: block; color: #ffffff; font-weight: 600; padding: 0 0 0.5rem 0; font-size: 1.1rem; } .blue-box.full .flex-50 h2 { padding-top: 1rem; font-size: 1.1rem; } .prog h1 span { font-size: 1.5rem; } .blue-box .small-h.up { font-size: 1.8rem; margin: 0; } .blue-box .small-h.up:before { content: ""; height: 25px; top: 8px; left: 0; width: 25px; } .small-h.flex-50 span:last-of-type { font-size: 1.1rem; } .small-h.flex-50 span:first-of-type { font-size: 1.5rem; } .two-column-layout.blue_bg .content-box .flexbox { flex-flow: column; } .two-column-layout.blue_bg .content-box .flexbox p { width: 100%; font-size: 1.1rem; padding: 0; } .two-column-layout.blue_bg .content-box .flexbox figure { width: 100%; } .flex-text h2 span:last-of-type { font-size: 1.2rem; } .newstext { width: calc(100% - 1rem); padding: .5rem; margin: 0; } .prog #orange-bg-right .flexbox.text-pic .flex-50 { width: calc(100% - 1rem); padding-right: 1rem; } .type-detail .right-text h1 { font-size: 1.5rem; padding-left: 72px; } .type-detail .right-text figure img { max-width: 53px; } .type-detail.blue .right-text figure { position: absolute; top: 6px; left: 0rem; } .news-full h1 { font-size: 1.5rem; padding-left: 1rem; } .flexbox.adress { padding: 1rem 1rem 0 1rem; } .searchpage .small-h span:last-of-type { font-size: 1.2rem; } .blue-box.full .flexbox-text figure { width: 70%; } .news-full h1:before { content: "»"; height: initial; top: 12px; left: initial; margin-left: -1.2rem; font-size: 2.5rem; } .prog .table:first-of-type h2, .price .table:first-of-type h2, .prog .table:nth-of-type(2) h2, .price .table:nth-of-type(2) h2 { font-size: 2rem; } .prog #orange-bg-right .flexbox.text-pic .flex-50 { width: calc(100% - 0rem); padding-right: 0; } #orange-bg-right .flexbox.text-pic .flex-50 { width: 100%; padding-right: 0 /* order: 2; */; } .orange .aktion { padding-top: 95px; height: initial; align-self: baseline; align-content: center; } .home .aktion h2 { height: auto; } .orange .aktion { padding-top: 50px; height: calc(100vh - 50px); align-self: baseline; align-content: center; } } @media (max-width: 440px){ .arrow-blue.thick span:first-of-type { font-size: 3rem; } .arrow-blue.prices { font-size: 2.2rem; width: 100%; } .arrow-blue.prices span { font-size: 3.5rem; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { font-size: 1rem; line-height: initial; padding: .2rem; background-color: transparent; } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: initial; font-size: 1rem; padding: 0.2rem; } nav li .active, .forward.trail span { font-size: 1rem !important; } .price .arrow-blue.subheadline span:nth-of-type(2) { margin-left: .5rem; font-size: 1.5rem; color: white; z-index: 11; } .price .arrow-blue.subheadline span:last-of-type { text-transform: inherit; font-size: 1.3rem; } .price .arrow-blue.subheadline span:first-of-type { font-size: 2rem; margin-left: 0; } .price .arrow-blue.subheadline { font-size: 1.5rem; } .stdort .arrow-orange.subheadline span:nth-of-type(2) { font-size: 1.5rem; margin-left: 0.5rem; } .stdort .arrow-orange.subheadline span:first-of-type { font-size: 2rem; } .content-box .textbox strong { font-size: 1.1rem; } .stdort .arrow-orange.subheadline span:last-of-type { font-size: 1.2rem; } .stdort .arrow-orange.subheadline { font-size: 1.5rem; } .mm-menu li .mm-next { content: ""; height: 11px; background-image: url(../../files/img/icon/arrow-01.png); background-repeat: no-repeat; background-size: contain; background-position: center; top: 7px; left: initial; border: none; transform: none; right: 3px; width: 25px; } .arrow-orange { font-size: 1.5rem; } .arrow-orange span { font-size: 2.5rem; } .blue-box.full .flexbox-text figure { width: 100%; } .arrow-blue.thick { font-size: 1.5rem; } .news .arrow-blue.thick span:first-of-type { font-size: 2.3rem; } .home h1 span:first-of-type, .home h2 span:first-of-type { position: relative; font-size: 2rem; display: flex; padding-left: 0; align-items: baseline; } .blue-box.full { width: calc(100% - 2rem); padding: 158px 1rem 0 2rem; } #blue-bg .flexbox { width: calc(100% - 2rem); padding: 1rem 1rem 0; } #orange-bg-text .flexbox { width: calc(100% - 2rem); padding: 1rem 1rem 0; } .two-column-layout.blue_bg #footer { width: calc(100% - 2rem); padding: 0 1rem; } #orange-bg .flexbox { width: calc(100% - 2rem); padding: 1rem 1rem 0; } .washing .flexbox.orange-bg { width: calc(100% - 2rem); padding: 120px 1rem 1rem; } .type-detail.orange .right-text { width: calc(100% - 1rem); padding: 0 0 0 1rem; } .flexbox.news { width: calc(100% - 2rem); padding: 0 1rem; } .job #two-col::before { padding-left: 1rem; padding-right: 1rem; width: calc(100% - 2rem); } .two-column-layout.blue_bg .header-headline.small-h { font-size: 1.5rem; } .two-column-layout .blue-box .content-box { width: calc(100% - 2rem); padding: 0 1rem; } .two-column-layout .small-h.up:before { top: 5px; } #orange-bg-right .flexbox.text-pic .small-h span:first-of-type { font-size: 1.5rem; padding-left: 1.7rem; } #orange-bg-right .flexbox.text-pic .small-h span:first-of-type:before { top: 5px; } .type-detail .right-text p { width: 97%; } .type-detail .right-text p { width: 97%; } .type-detail .flexbox.right-pic { width: calc(100% - 1rem); padding: 158px 0 0 1rem; } .blue-box.full { justify-content: space-between; padding-bottom: 0; width: calc(100% - 2rem); padding: 158px 1rem 0; } .orange_bg #main .inside { min-height: calc(100vh - 158px); padding: 158px 1rem 3rem; width: calc(100% - 2rem); margin: auto; } .two-column-layout .blue-box .content-box { width: calc(100% - 2rem); padding: 0 1rem 1rem; } .prog #orange-bg-right .flexbox.text-pic { padding: 152px 1rem 3rem; width: calc(100% - 2rem); } .home.type .orange.flexbox{ width: calc(100% - 2rem); padding: 0 1rem 0; } .big-h { width: calc(100% - 2rem); padding: 158px 1rem 0; } .bubble.flex-50 figure img { display: none; } .washing .flexbox.orange-bg { width: calc(100% - 2rem); padding: 107px 1rem 1rem; } .blue-box.full.space { width: calc(100% - 2rem); padding-left: 1rem; padding-right: 1rem; } .space-top.catalog .catalog-wrapper { padding: 158px 1rem 3rem; width: calc(100% - 2rem); } .space-top.searchpage .searchcont { padding: 158px 1rem 3rem; width: calc(100% - 2rem); } .news-full { padding-left: 1rem; padding-right: 1rem; width: calc(100% - 2rem); } .two-column-layout .header-headline.small-h span:first-of-type { padding-left: 2rem; font-size: 1.4rem; } .two-column-layout .small-h span:last-of-type { font-size: 1.1rem; } #formcontainer { padding-left: 1rem; padding-right: 1rem; width: calc(100% - 2rem); } .arrow-blue.subheadline { font-size: 1.3rem; } .arrow-blue.subheadline span:first-of-type { font-size: 2.3rem; } .arrow-blue.subheadline span:last-of-type { font-size: 1.1rem; } .arrow-blue.thick.mix span:last-of-type { font-size: 2rem; color: white; } .orange.flexbox .type-nav figcaption { width: 75%; font-size: 1rem; } .arrow-blue.thick span { font-weight: 600; font-size: 2rem; text-transform: uppercase; } .home h1 span:last-of-type, .home h2 span:last-of-type { font-size: 2.2rem; } .type-detail .left-pic .right-text figure { left: 16px; } } @media (max-width: 321px) { .webkit .mod_newsarchive .fullnews li, .ie .mod_newsarchive .fullnews li { text-indent:-16px; color:#003066; margin-left:-14px; } #orange-bg-right-end .flex-50 .arrow-orange { font-size: 1.2rem; } #orange-bg-right-end .flex-50 .arrow-orange span:last-of-type { font-size: 1.1rem; } } @media(max-height: 912px){ #mobileNavigation ul { padding-top: 3vh; } .home h1, .home h2 { color: white; position: absolute; top: 194px; bottom: initial; left: 0; align-items: baseline; right: 0; width: 100%; max-width: initial; height: auto; margin: auto; display: flex; font-weight: 400; justify-content: center; flex-flow: row wrap; text-align: center; } .home .aktion h2 { top: initial; } .slidertextblock.hide.orangetext::before { top: -4rem; } } .mm-btn_next{ min-width: 15%; } .mm-panel_opened{ height:100vh; } .mm-navbar{ background: rgba(5, 95, 171, .7); } .mm-btn_next:after,.mm-btn:before{ border: none; background-size: cover; background-repeat: no-repeat; width: 22px; height: 22px; transform: none; background-position: center; } .mm-btn_next:after{ background-image: url(../../files/img/icon/arrow-01.png); } .mm-menu #close{ z-index: 100; } nav.mm-menu_offcanvas{ min-width: 100vw !important; } .mm-panel .orange-bg.space-top{ background-color: rgba(5, 95, 171, .7); } .mm-btn:before{ transform: rotate(180deg); background-image: url(../../files/img/icon/arrow-01.png); } nav.mod_mmenu .mm-panel{ padding-top: 40px; } .career.mm-listitem .mm-btn_next,.news.mm-listitem .mm-btn_next{ display: none; } @media (max-width: 650px){ .mm-listview{ padding: 2rem; } } nav.mod_mmenu .mm-listitem_selected a{ color: #ef7b00 !important; } nav.mod_mmenu .forward.trail a{ color: #ef7b00 !important; } nav .mm-listitem_selected>.mm-listitem__text{ background: initial; } [data-rsts-slide-class="action orange slider-header"] { background-color: #ef7b00; display: flex; position: relative; flex-flow: row wrap; height: 100vh; vertical-align: middle; align-items: center; height: initial!important; min-height: calc(100vh + 1px); width: 100%; } @media (max-width: 1650px){ .rsts-slides{ width: 100%; } [data-rsts-slide-class="action orange slider-header"] .aktion { width: 100%; display: flex; flex-flow: column; justify-content: space-around; vertical-align: middle; align-items: center; /* max-height: 90%; */ margin: 0; padding-top: 158px; height: calc(100vh - 158px); align-self: baseline; align-content: center; } } .modal{ background: #ef7b00!important; max-width: 800px!important; } body{ overflow:scroll; background-color:#fcfcfc; margin:0; padding:0; } .magazine-viewport{ height: 470px; overflow: visible !important; } .thumbnails, .previous-button, .zoom-icon{ display: none!important; } .magazine-viewport .container{ position:relative !important; top:8px; left:50%; width:780px; height:1102px; margin:auto; } .magazine-viewport .magazine{ width:100%; height:1100px; left:-461px; top:-300px; } .magazine-viewport .page{ width:48%; height:600px; background-color:white; background-repeat:no-repeat; background-size:100% 100%; } .magazine-viewport .zoomer .region{ display:none; } .magazine .region{ position:absolute; overflow:hidden; background:#0066FF; opacity:0.2; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; cursor:pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .magazine .region:hover{ opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .magazine .region.zoom{ opacity:0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } .magazine .region.zoom:hover{ opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .magazine .page{ -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2); -moz-box-shadow:0 0 20px rgba(0,0,0,0.2); -ms-box-shadow:0 0 20px rgba(0,0,0,0.2); -o-box-shadow:0 0 20px rgba(0,0,0,0.2); box-shadow:0 0 20px rgba(0,0,0,0.2); height: 1100px; } .magazine-viewport .page img{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin:0; width:100%; height: auto!important; } .magazine .even .gradient{ position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2))); background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%); background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%); background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%); background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%); background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%); } .magazine .odd .gradient{ position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15))); background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%); background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%); background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%); background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%); background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%); } .magazine-viewport .zoom-in .even .gradient, .magazine-viewport .zoom-in .odd .gradient{ display:none; } .magazine-viewport .loader{ background-image:url(../../files/pics/loader.gif); width:22px; height:22px; position:absolute; top:280px; left:219px; } .magazine-viewport .shadow{ } .magazine-viewport .next-button, .magazine-viewport .previous-button{ width:22px; height:600px; position:absolute; top:0; } .magazine-viewport .next-button{ right:-22px; -webkit-border-radius:0 15px 15px 0; -moz-border-radius:0 15px 15px 0; -ms-border-radius:0 15px 15px 0; -o-border-radius:0 15px 15px 0; border-radius:0 15px 15px 0; } .magazine-viewport .previous-button{ left:-22px; -webkit-border-radius:15px 0 0 15px; -moz-border-radius:15px 0 0 15px; -ms-border-radius:15px 0 0 15px; -o-border-radius:15px 0 0 15px; border-radius:15px 0 0 15px; } .magazine-viewport .previous-button-hover, .magazine-viewport .next-button-hover{ background-color:rgba(0,0,0, 0.2); } .magazine-viewport .previous-button-hover, .magazine-viewport .previous-button-down{ background-image:url(../../files/pics/arrows.png); background-position:-4px 284px; background-repeat:no-repeat; } .magazine-viewport .previous-button-down, .magazine-viewport .next-button-down{ background-color:rgba(0,0,0, 0.4); } .magazine-viewport .next-button-hover, .magazine-viewport .next-button-down{ background-image:url(../../files/pics/arrows.png); background-position:-38px 284px; background-repeat:no-repeat; } .magazine-viewport .zoom-in .next-button, .magazine-viewport .zoom-in .previous-button{ display:none; } .animated{ -webkit-transition:margin-left 0.5s; -moz-transition:margin-left 0.5s; -ms-transition:margin-left 0.5s; -o-transition:margin-left 0.5s; transition:margin-left 0.5s; } .thumbnails{ position:absolute; bottom:0; left:0; width:100%; height:140px; z-index:1; display: none; } .thumbnails > div{ width:1050px; height:100px; margin:20px auto; } .thumbnails ul{ margin:0; padding:0; text-align:center; -webkit-transform:scale3d(0.5, 0.5, 1); -moz-transform:scale3d(0.5, 0.5, 1); -o-transform:scale3d(0.5, 0.5, 1); -ms-transform:scale3d(0.5, 0.5, 1); transform:scale3d(0.5, 0.5, 1); -webkit-transition:-webkit-transform ease-in-out 100ms; -moz-transition:-moz-transform ease-in-out 100ms; -ms-transition:-ms-transform ease-in-out 100ms; -o-transition:-o-transform ease-in-out 100ms; transition:transform ease-in-out 100ms; } .thumbanils-touch ul{ -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none; } .thumbnails-hover ul{ -webkit-transform:scale3d(0.6, 0.6, 1); -moz-transform:scale3d(0.6, 0.6, 1); -o-transform:scale3d(0.6, 0.6, 1); -ms-transform:scale3d(0.6, 0.6, 1); transform:scale3d(0.6, 0.6, 1); } .thumbnails li{ list-style:none; display:inline-block; margin:0 5px; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; -ms-box-shadow:0 0 10px #ccc; -o-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; -webkit-transition:-webkit-transform 60ms; -moz-transition:-webkit-transform 60ms; -o-transition:-webkit-transform 60ms; -ms-transition:-webkit-transform 60ms; transition:-webkit-transform 60ms; } .thumbnails li span{ display:none; } .thumbnails .current{ -webkit-box-shadow:0 0 10px red; -moz-box-shadow:0 0 10px red; -ms-box-shadow:0 0 10px red; -o-box-shadow:0 0 10px red; box-shadow:0 0 10px red; } .thumbnails .thumb-hover{ -webkit-transform:scale3d(1.3, 1.3, 1); -moz-transform:scale3d(1.3, 1.3, 1); -o-transform:scale3d(1.3, 1.3, 1); -ms-transform:scale3d(1.3, 1.3, 1); transform:scale3d(1.3, 1.3, 1); -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; -ms-box-shadow:0 0 10px #666; -o-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666; } .thumbanils-touch .thumb-hover{ -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none; } .thumbnails .thumb-hover span{ position:absolute; bottom:-30px; left:0; z-index:2; width:100%; height:30px; font:bold 15px arial; line-height:30px; color:#666; display:block; cursor:default; } .thumbnails img{ float:left; } .exit-message{ position: absolute; top:10px; left:0; width:100%; height:40px; z-index:10000; } .exit-message > div{ width:140px; height:30px; margin:auto; background:rgba(0,0,0,0.5); text-align:center; font:12px arial; line-height:30px; color:white; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .zoom-icon{ position:absolute; z-index:1000; width:22px; height:22px; top:10px; right:10px; background-image:url(../../files/pics/zoom-icons.png); background-size:88px 22px; } .zoom-icon-in{ background-position:0 0; cursor: pointer; } .zoom-icon-in.zoom-icon-in-hover{ background-position:-22px 0; cursor: pointer; } .zoom-icon-out{ background-position:-44px 0; } .zoom-icon-out.zoom-icon-out-hover{ background-position:-66px 0; cursor: pointer; } .bottom{ position:absolute; left:0; bottom:0; width:100%; } .magazine-viewport .magazine{ top:0!important; }