header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;display:block;left:0}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;display:block;right:0}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;z-index:2;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}body.modal-open .mm-slideout{z-index:unset} /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.14 - http://noelboss.github.io/featherlight/ * * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 25px 25px 0; border-bottom: 25px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000; border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight - ultra slim jQuery lightbox * Version 1.7.14 - http://noelboss.github.io/featherlight/ * * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}} /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.14 - http://noelboss.github.io/featherlight/ * * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}} @charset "UTF-8"; /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion Import *****************************************************************************/ /* base.scss Includes aller nötigen SCSS-Dateien Styleguide 100 */ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion variables *****************************************************************************/ /** * font-size */ /** * font-families */ /** * font-weight */ /** * color */ /** * schemes */ /** * measures */ /** * breakpoints */ /** * breakpoints mobile first * needs rewrite of the media query mixins and all includes */ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion slick settings *****************************************************************************/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url(../../files/template/dist/assets/img/ajax-loader.gif) center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url(../../files/template/dist/assets/fonts/slick.eot); src: url(../../files/template/dist/assets/fonts/slick.eot?#iefix) format("embedded-opentype"), url(../../files/template/dist/assets/fonts/slick.woff) format("woff"), url(../../files/template/dist/assets/fonts/slick.ttf) format("truetype"), url(../../files/template/dist/assets/fonts/slick.svg#slick) format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #000; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 1.4rem; line-height: 20px; text-align: center; color: #E39D0B; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #000; opacity: 0.75; } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion font-face Notes Get your stuff together: https://google-webfonts-helper.herokuapp.com/fonts *****************************************************************************/ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 300; src: url("/files/template/src/fonts/manrope/manrope-v13-latin-200.eot"); src: local(""), url("/files/template/src/fonts/manrope/manrope-v13-latin-200.woff2") format("woff2"), url("/files/template/src/fonts/manrope/manrope-v13-latin-200.woff") format("woff"), url("/files/template/src/fonts/manrope/manrope-v13-latin-200.ttf") format("truetype"), url("/files/template/src/fonts/manrope/manrope-v13-latin-200.svg#Manrope") format("svg"); } @font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; src: url("/files/template/src/fonts/manrope/manrope-v13-latin-regular.eot"); src: local(""), url("/files/template/src/fonts/manrope/manrope-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/template/src/fonts/manrope/manrope-v13-latin-regular.woff2") format("woff2"), url("/files/template/src/fonts/manrope/manrope-v13-latin-regular.woff") format("woff"), url("/files/template/src/fonts/manrope/manrope-v13-latin-regular.ttf") format("truetype"), url("/files/template/src/fonts/manrope/manrope-v13-latin-regular.svg#Manrope") format("svg"); } @font-face { font-family: "Manrope"; font-style: normal; font-weight: 500; src: url("/files/template/src/fonts/manrope/manrope-v13-latin-500.eot"); src: local(""), url("/files/template/src/fonts/manrope/manrope-v13-latin-500.eot?#iefix") format("embedded-opentype"), url("/files/template/src/fonts/manrope/manrope-v13-latin-500.woff2") format("woff2"), url("/files/template/src/fonts/manrope/manrope-v13-latin-500.woff") format("woff"), url("/files/template/src/fonts/manrope/manrope-v13-latin-500.ttf") format("truetype"), url("/files/template/src/fonts/manrope/manrope-v13-latin-500.svg#Manrope") format("svg"); } @font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; src: url("/files/template/src/fonts/manrope/manrope-v13-latin-700.eot"); src: local(""), url("/files/template/src/fonts/manrope/manrope-v13-latin-700.eot?#iefix") format("embedded-opentype"), url("/files/template/src/fonts/manrope/manrope-v13-latin-700.woff2") format("woff2"), url("/files/template/src/fonts/manrope/manrope-v13-latin-700.woff") format("woff"), url("/files/template/src/fonts/manrope/manrope-v13-latin-700.ttf") format("truetype"), url("/files/template/src/fonts/manrope/manrope-v13-latin-700.svg#Manrope") format("svg"); } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion css reset Authors contao *****************************************************************************/ body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; } table { border-spacing: 0; border-collapse: collapse; font-size: inherit; } caption, th, td { vertical-align: top; text-align: left; text-align: start; } abbr, acronym { border-bottom: 1px dotted #666; font-variant: normal; cursor: help; } blockquote, q { quotes: none; } fieldset, img, iframe { border: 0; } ul { list-style-type: none; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } del { text-decoration: line-through; } ins { text-decoration: none; } header, footer, nav, section, aside, article, figure, figcaption { display: block; } body { font: 12px/1 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #000; } input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; } pre, code { font-family: Monaco, monospace; } h1, h2, h3, h4, h5, h6 { margin-top: 1em; font-size: 100%; font-weight: 400; } h1 { font-size: 1.8333em; } h2 { font-size: 1.6667em; } h3 { font-size: 1.5em; } h4 { font-size: 1.3333em; } caption, th { font-weight: 700; } a { color: #00F; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form { margin-bottom: 12px; } @font-face { font-family: "icons"; src: url("/files/template/libs/icons/fonts/icons.ttf?cohpat") format("truetype"), url("/files/template/libs/icons/fonts/icons.woff?cohpat") format("woff"), url("/files/template/libs/icons/fonts/icons.svg?cohpat#icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon--home:before { content: "\e900"; } .icon--home2:before { content: "\e901"; } .icon--home3:before { content: "\e902"; } .icon--office:before { content: "\e903"; } .icon--newspaper:before { content: "\e904"; } .icon--pencil:before { content: "\e905"; } .icon--pencil2:before { content: "\e906"; } .icon--quill:before { content: "\e907"; } .icon--pen:before { content: "\e908"; } .icon--blog:before { content: "\e909"; } .icon--eyedropper:before { content: "\e90a"; } .icon--droplet:before { content: "\e90b"; } .icon--paint-format:before { content: "\e90c"; } .icon--image:before { content: "\e90d"; } .icon--images:before { content: "\e90e"; } .icon--camera:before { content: "\e90f"; } .icon--headphones:before { content: "\e910"; } .icon--music:before { content: "\e911"; } .icon--play:before { content: "\e912"; } .icon--film:before { content: "\e913"; } .icon--video-camera:before { content: "\e914"; } .icon--dice:before { content: "\e915"; } .icon--pacman:before { content: "\e916"; } .icon--spades:before { content: "\e917"; } .icon--clubs:before { content: "\e918"; } .icon--diamonds:before { content: "\e919"; } .icon--bullhorn:before { content: "\e91a"; } .icon--connection:before { content: "\e91b"; } .icon--podcast:before { content: "\e91c"; } .icon--feed:before { content: "\e91d"; } .icon--mic:before { content: "\e91e"; } .icon--book:before { content: "\e91f"; } .icon--books:before { content: "\e920"; } .icon--library:before { content: "\e921"; } .icon--file-text:before { content: "\e922"; } .icon--profile:before { content: "\e923"; } .icon--file-empty:before { content: "\e924"; } .icon--files-empty:before { content: "\e925"; } .icon--file-text2:before { content: "\e926"; } .icon--file-picture:before { content: "\e927"; } .icon--file-music:before { content: "\e928"; } .icon--file-play:before { content: "\e929"; } .icon--file-video:before { content: "\e92a"; } .icon--file-zip:before { content: "\e92b"; } .icon--copy:before { content: "\e92c"; } .icon--paste:before { content: "\e92d"; } .icon--stack:before { content: "\e92e"; } .icon--folder:before { content: "\e92f"; } .icon--folder-open:before { content: "\e930"; } .icon--folder-plus:before { content: "\e931"; } .icon--folder-minus:before { content: "\e932"; } .icon--folder-download:before { content: "\e933"; } .icon--folder-upload:before { content: "\e934"; } .icon--price-tag:before { content: "\e935"; } .icon--price-tags:before { content: "\e936"; } .icon--barcode:before { content: "\e937"; } .icon--qrcode:before { content: "\e938"; } .icon--ticket:before { content: "\e939"; } .icon--cart:before { content: "\e93a"; } .icon--coin-dollar:before { content: "\e93b"; } .icon--coin-euro:before { content: "\e93c"; } .icon--coin-pound:before { content: "\e93d"; } .icon--coin-yen:before { content: "\e93e"; } .icon--credit-card:before { content: "\e93f"; } .icon--calculator:before { content: "\e940"; } .icon--lifebuoy:before { content: "\e941"; } .icon--phone:before { content: "\e942"; } .icon--phone-hang-up:before { content: "\e943"; } .icon--address-book:before { content: "\e944"; } .icon--envelop:before { content: "\e945"; } .icon--pushpin:before { content: "\e946"; } .icon--location:before { content: "\e947"; } .icon--location2:before { content: "\e948"; } .icon--compass:before { content: "\e949"; } .icon--compass2:before { content: "\e94a"; } .icon--map:before { content: "\e94b"; } .icon--map2:before { content: "\e94c"; } .icon--history:before { content: "\e94d"; } .icon--clock:before { content: "\e94e"; } .icon--clock2:before { content: "\e94f"; } .icon--alarm:before { content: "\e950"; } .icon--bell:before { content: "\e951"; } .icon--stopwatch:before { content: "\e952"; } .icon--calendar:before { content: "\e953"; } .icon--printer:before { content: "\e954"; } .icon--keyboard:before { content: "\e955"; } .icon--display:before { content: "\e956"; } .icon--laptop:before { content: "\e957"; } .icon--mobile:before { content: "\e958"; } .icon--mobile2:before { content: "\e959"; } .icon--tablet:before { content: "\e95a"; } .icon--tv:before { content: "\e95b"; } .icon--drawer:before { content: "\e95c"; } .icon--drawer2:before { content: "\e95d"; } .icon--box-add:before { content: "\e95e"; } .icon--box-remove:before { content: "\e95f"; } .icon--download:before { content: "\e960"; } .icon--upload:before { content: "\e961"; } .icon--floppy-disk:before { content: "\e962"; } .icon--drive:before { content: "\e963"; } .icon--database:before { content: "\e964"; } .icon--undo:before { content: "\e965"; } .icon--redo:before { content: "\e966"; } .icon--undo2:before { content: "\e967"; } .icon--redo2:before { content: "\e968"; } .icon--forward:before { content: "\e969"; } .icon--reply:before { content: "\e96a"; } .icon--bubble:before { content: "\e96b"; } .icon--bubbles:before { content: "\e96c"; } .icon--bubbles2:before { content: "\e96d"; } .icon--bubble2:before { content: "\e96e"; } .icon--bubbles3:before { content: "\e96f"; } .icon--bubbles4:before { content: "\e970"; } .icon--user:before { content: "\e971"; } .icon--users:before { content: "\e972"; } .icon--user-plus:before { content: "\e973"; } .icon--user-minus:before { content: "\e974"; } .icon--user-check:before { content: "\e975"; } .icon--user-tie:before { content: "\e976"; } .icon--quotes-left:before { content: "\e977"; } .icon--quotes-right:before { content: "\e978"; } .icon--hour-glass:before { content: "\e979"; } .icon--spinner:before { content: "\e97a"; } .icon--spinner2:before { content: "\e97b"; } .icon--spinner3:before { content: "\e97c"; } .icon--spinner4:before { content: "\e97d"; } .icon--spinner5:before { content: "\e97e"; } .icon--spinner6:before { content: "\e97f"; } .icon--spinner7:before { content: "\e980"; } .icon--spinner8:before { content: "\e981"; } .icon--spinner9:before { content: "\e982"; } .icon--spinner10:before { content: "\e983"; } .icon--spinner11:before { content: "\e984"; } .icon--binoculars:before { content: "\e985"; } .icon--search:before { content: "\e986"; } .icon--zoom-in:before { content: "\e987"; } .icon--zoom-out:before { content: "\e988"; } .icon--enlarge:before { content: "\e989"; } .icon--shrink:before { content: "\e98a"; } .icon--enlarge2:before { content: "\e98b"; } .icon--shrink2:before { content: "\e98c"; } .icon--key:before { content: "\e98d"; } .icon--key2:before { content: "\e98e"; } .icon--lock:before { content: "\e98f"; } .icon--unlocked:before { content: "\e990"; } .icon--wrench:before { content: "\e991"; } .icon--equalizer:before { content: "\e992"; } .icon--equalizer2:before { content: "\e993"; } .icon--cog:before { content: "\e994"; } .icon--cogs:before { content: "\e995"; } .icon--hammer:before { content: "\e996"; } .icon--magic-wand:before { content: "\e997"; } .icon--aid-kit:before { content: "\e998"; } .icon--bug:before { content: "\e999"; } .icon--pie-chart:before { content: "\e99a"; } .icon--stats-dots:before { content: "\e99b"; } .icon--stats-bars:before { content: "\e99c"; } .icon--stats-bars2:before { content: "\e99d"; } .icon--trophy:before { content: "\e99e"; } .icon--gift:before { content: "\e99f"; } .icon--glass:before { content: "\e9a0"; } .icon--glass2:before { content: "\e9a1"; } .icon--mug:before { content: "\e9a2"; } .icon--spoon-knife:before { content: "\e9a3"; } .icon--leaf:before { content: "\e9a4"; } .icon--rocket:before { content: "\e9a5"; } .icon--meter:before { content: "\e9a6"; } .icon--meter2:before { content: "\e9a7"; } .icon--hammer2:before { content: "\e9a8"; } .icon--fire:before { content: "\e9a9"; } .icon--lab:before { content: "\e9aa"; } .icon--magnet:before { content: "\e9ab"; } .icon--bin:before { content: "\e9ac"; } .icon--bin2:before { content: "\e9ad"; } .icon--briefcase:before { content: "\e9ae"; } .icon--airplane:before { content: "\e9af"; } .icon--truck:before { content: "\e9b0"; } .icon--road:before { content: "\e9b1"; } .icon--accessibility:before { content: "\e9b2"; } .icon--target:before { content: "\e9b3"; } .icon--shield:before { content: "\e9b4"; } .icon--power:before { content: "\e9b5"; } .icon--switch:before { content: "\e9b6"; } .icon--power-cord:before { content: "\e9b7"; } .icon--clipboard:before { content: "\e9b8"; } .icon--list-numbered:before { content: "\e9b9"; } .icon--list:before { content: "\e9ba"; } .icon--list2:before { content: "\e9bb"; } .icon--tree:before { content: "\e9bc"; } .icon--menu:before { content: "\e9bd"; } .icon--menu2:before { content: "\e9be"; } .icon--menu3:before { content: "\e9bf"; } .icon--menu4:before { content: "\e9c0"; } .icon--cloud:before { content: "\e9c1"; } .icon--cloud-download:before { content: "\e9c2"; } .icon--cloud-upload:before { content: "\e9c3"; } .icon--cloud-check:before { content: "\e9c4"; } .icon--download2:before { content: "\e9c5"; } .icon--upload2:before { content: "\e9c6"; } .icon--download3:before { content: "\e9c7"; } .icon--upload3:before { content: "\e9c8"; } .icon--sphere:before { content: "\e9c9"; } .icon--earth:before { content: "\e9ca"; } .icon--link:before { content: "\e9cb"; } .icon--flag:before { content: "\e9cc"; } .icon--attachment:before { content: "\e9cd"; } .icon--eye:before { content: "\e9ce"; } .icon--eye-plus:before { content: "\e9cf"; } .icon--eye-minus:before { content: "\e9d0"; } .icon--eye-blocked:before { content: "\e9d1"; } .icon--bookmark:before { content: "\e9d2"; } .icon--bookmarks:before { content: "\e9d3"; } .icon--sun:before { content: "\e9d4"; } .icon--contrast:before { content: "\e9d5"; } .icon--brightness-contrast:before { content: "\e9d6"; } .icon--star-empty:before { content: "\e9d7"; } .icon--star-half:before { content: "\e9d8"; } .icon--star-full:before { content: "\e9d9"; } .icon--heart:before { content: "\e9da"; } .icon--heart-broken:before { content: "\e9db"; } .icon--man:before { content: "\e9dc"; } .icon--woman:before { content: "\e9dd"; } .icon--man-woman:before { content: "\e9de"; } .icon--happy:before { content: "\e9df"; } .icon--happy2:before { content: "\e9e0"; } .icon--smile:before { content: "\e9e1"; } .icon--smile2:before { content: "\e9e2"; } .icon--tongue:before { content: "\e9e3"; } .icon--tongue2:before { content: "\e9e4"; } .icon--sad:before { content: "\e9e5"; } .icon--sad2:before { content: "\e9e6"; } .icon--wink:before { content: "\e9e7"; } .icon--wink2:before { content: "\e9e8"; } .icon--grin:before { content: "\e9e9"; } .icon--grin2:before { content: "\e9ea"; } .icon--cool:before { content: "\e9eb"; } .icon--cool2:before { content: "\e9ec"; } .icon--angry:before { content: "\e9ed"; } .icon--angry2:before { content: "\e9ee"; } .icon--evil:before { content: "\e9ef"; } .icon--evil2:before { content: "\e9f0"; } .icon--shocked:before { content: "\e9f1"; } .icon--shocked2:before { content: "\e9f2"; } .icon--baffled:before { content: "\e9f3"; } .icon--baffled2:before { content: "\e9f4"; } .icon--confused:before { content: "\e9f5"; } .icon--confused2:before { content: "\e9f6"; } .icon--neutral:before { content: "\e9f7"; } .icon--neutral2:before { content: "\e9f8"; } .icon--hipster:before { content: "\e9f9"; } .icon--hipster2:before { content: "\e9fa"; } .icon--wondering:before { content: "\e9fb"; } .icon--wondering2:before { content: "\e9fc"; } .icon--sleepy:before { content: "\e9fd"; } .icon--sleepy2:before { content: "\e9fe"; } .icon--frustrated:before { content: "\e9ff"; } .icon--frustrated2:before { content: "\ea00"; } .icon--crying:before { content: "\ea01"; } .icon--crying2:before { content: "\ea02"; } .icon--point-up:before { content: "\ea03"; } .icon--point-right:before { content: "\ea04"; } .icon--point-down:before { content: "\ea05"; } .icon--point-left:before { content: "\ea06"; } .icon--warning:before { content: "\ea07"; } .icon--notification:before { content: "\ea08"; } .icon--question:before { content: "\ea09"; } .icon--plus:before { content: "\ea0a"; } .icon--minus:before { content: "\ea0b"; } .icon--info:before { content: "\ea0c"; } .icon--cancel-circle:before { content: "\ea0d"; } .icon--blocked:before { content: "\ea0e"; } .icon--cross:before { content: "\ea0f"; } .icon--checkmark:before { content: "\ea10"; } .icon--checkmark2:before { content: "\ea11"; } .icon--spell-check:before { content: "\ea12"; } .icon--enter:before { content: "\ea13"; } .icon--exit:before { content: "\ea14"; } .icon--play2:before { content: "\ea15"; } .icon--pause:before { content: "\ea16"; } .icon--stop:before { content: "\ea17"; } .icon--previous:before { content: "\ea18"; } .icon--next:before { content: "\ea19"; } .icon--backward:before { content: "\ea1a"; } .icon--forward2:before { content: "\ea1b"; } .icon--play3:before { content: "\ea1c"; } .icon--pause2:before { content: "\ea1d"; } .icon--stop2:before { content: "\ea1e"; } .icon--backward2:before { content: "\ea1f"; } .icon--forward3:before { content: "\ea20"; } .icon--first:before { content: "\ea21"; } .icon--last:before { content: "\ea22"; } .icon--previous2:before { content: "\ea23"; } .icon--next2:before { content: "\ea24"; } .icon--eject:before { content: "\ea25"; } .icon--volume-high:before { content: "\ea26"; } .icon--volume-medium:before { content: "\ea27"; } .icon--volume-low:before { content: "\ea28"; } .icon--volume-mute:before { content: "\ea29"; } .icon--volume-mute2:before { content: "\ea2a"; } .icon--volume-increase:before { content: "\ea2b"; } .icon--volume-decrease:before { content: "\ea2c"; } .icon--loop:before { content: "\ea2d"; } .icon--loop2:before { content: "\ea2e"; } .icon--infinite:before { content: "\ea2f"; } .icon--shuffle:before { content: "\ea30"; } .icon--arrow-up-left:before { content: "\ea31"; } .icon--arrow-up:before { content: "\ea32"; } .icon--arrow-up-right:before { content: "\ea33"; } .icon--arrow-right:before { content: "\ea34"; } .icon--arrow-down-right:before { content: "\ea35"; } .icon--arrow-down:before { content: "\ea36"; } .icon--arrow-down-left:before { content: "\ea37"; } .icon--arrow-left:before { content: "\ea38"; } .icon--arrow-up-left2:before { content: "\ea39"; } .icon--arrow-up2:before { content: "\ea3a"; } .icon--arrow-up-right2:before { content: "\ea3b"; } .icon--arrow-right2:before { content: "\ea3c"; } .icon--arrow-down-right2:before { content: "\ea3d"; } .icon--arrow-down2:before { content: "\ea3e"; } .icon--arrow-down-left2:before { content: "\ea3f"; } .icon--arrow-left2:before { content: "\ea40"; } .icon--circle-up:before { content: "\ea41"; } .icon--circle-right:before { content: "\ea42"; } .icon--circle-down:before { content: "\ea43"; } .icon--circle-left:before { content: "\ea44"; } .icon--tab:before { content: "\ea45"; } .icon--move-up:before { content: "\ea46"; } .icon--move-down:before { content: "\ea47"; } .icon--sort-alpha-asc:before { content: "\ea48"; } .icon--sort-alpha-desc:before { content: "\ea49"; } .icon--sort-numeric-asc:before { content: "\ea4a"; } .icon--sort-numberic-desc:before { content: "\ea4b"; } .icon--sort-amount-asc:before { content: "\ea4c"; } .icon--sort-amount-desc:before { content: "\ea4d"; } .icon--command:before { content: "\ea4e"; } .icon--shift:before { content: "\ea4f"; } .icon--ctrl:before { content: "\ea50"; } .icon--opt:before { content: "\ea51"; } .icon--checkbox-checked:before { content: "\ea52"; } .icon--checkbox-unchecked:before { content: "\ea53"; } .icon--radio-checked:before { content: "\ea54"; } .icon--radio-checked2:before { content: "\ea55"; } .icon--radio-unchecked:before { content: "\ea56"; } .icon--dot:before { content: "\eaeb"; } .icon--crop:before { content: "\ea57"; } .icon--make-group:before { content: "\ea58"; } .icon--ungroup:before { content: "\ea59"; } .icon--scissors:before { content: "\ea5a"; } .icon--filter:before { content: "\ea5b"; } .icon--font:before { content: "\ea5c"; } .icon--ligature:before { content: "\ea5d"; } .icon--ligature2:before { content: "\ea5e"; } .icon--text-height:before { content: "\ea5f"; } .icon--text-width:before { content: "\ea60"; } .icon--font-size:before { content: "\ea61"; } .icon--bold:before { content: "\ea62"; } .icon--underline:before { content: "\ea63"; } .icon--italic:before { content: "\ea64"; } .icon--strikethrough:before { content: "\ea65"; } .icon--omega:before { content: "\ea66"; } .icon--sigma:before { content: "\ea67"; } .icon--page-break:before { content: "\ea68"; } .icon--superscript:before { content: "\ea69"; } .icon--subscript:before { content: "\ea6a"; } .icon--superscript2:before { content: "\ea6b"; } .icon--subscript2:before { content: "\ea6c"; } .icon--text-color:before { content: "\ea6d"; } .icon--pagebreak:before { content: "\ea6e"; } .icon--clear-formatting:before { content: "\ea6f"; } .icon--table:before { content: "\ea70"; } .icon--table2:before { content: "\ea71"; } .icon--insert-template:before { content: "\ea72"; } .icon--pilcrow:before { content: "\ea73"; } .icon--ltr:before { content: "\ea74"; } .icon--rtl:before { content: "\ea75"; } .icon--section:before { content: "\ea76"; } .icon--paragraph-left:before { content: "\ea77"; } .icon--paragraph-center:before { content: "\ea78"; } .icon--paragraph-right:before { content: "\ea79"; } .icon--paragraph-justify:before { content: "\ea7a"; } .icon--indent-increase:before { content: "\ea7b"; } .icon--indent-decrease:before { content: "\ea7c"; } .icon--share:before { content: "\ea7d"; } .icon--new-tab:before { content: "\ea7e"; } .icon--embed:before { content: "\ea7f"; } .icon--embed2:before { content: "\ea80"; } .icon--terminal:before { content: "\ea81"; } .icon--share2:before { content: "\ea82"; } .icon--mail:before { content: "\ea83"; } .icon--mail2:before { content: "\ea84"; } .icon--mail3:before { content: "\ea85"; } .icon--mail4:before { content: "\ea86"; } .icon--amazon:before { content: "\ea87"; } .icon--google:before { content: "\ea88"; } .icon--google2:before { content: "\ea89"; } .icon--google3:before { content: "\ea8a"; } .icon--google-plus:before { content: "\ea8b"; } .icon--google-plus2:before { content: "\ea8c"; } .icon--google-plus3:before { content: "\ea8d"; } .icon--hangouts:before { content: "\ea8e"; } .icon--google-drive:before { content: "\ea8f"; } .icon--facebook:before { content: "\ea90"; } .icon--facebook2:before { content: "\ea91"; } .icon--instagram:before { content: "\ea92"; } .icon--whatsapp:before { content: "\ea93"; } .icon--spotify:before { content: "\ea94"; } .icon--telegram:before { content: "\ea95"; } .icon--twitter:before { content: "\ea96"; } .icon--vine:before { content: "\ea97"; } .icon--vk:before { content: "\ea98"; } .icon--renren:before { content: "\ea99"; } .icon--sina-weibo:before { content: "\ea9a"; } .icon--rss:before { content: "\ea9b"; } .icon--rss2:before { content: "\ea9c"; } .icon--youtube:before { content: "\ea9d"; } .icon--youtube2:before { content: "\ea9e"; } .icon--twitch:before { content: "\ea9f"; } .icon--vimeo:before { content: "\eaa0"; } .icon--vimeo2:before { content: "\eaa1"; } .icon--lanyrd:before { content: "\eaa2"; } .icon--flickr:before { content: "\eaa3"; } .icon--flickr2:before { content: "\eaa4"; } .icon--flickr3:before { content: "\eaa5"; } .icon--flickr4:before { content: "\eaa6"; } .icon--dribbble:before { content: "\eaa7"; } .icon--behance:before { content: "\eaa8"; } .icon--behance2:before { content: "\eaa9"; } .icon--deviantart:before { content: "\eaaa"; } .icon--500px:before { content: "\eaab"; } .icon--steam:before { content: "\eaac"; } .icon--steam2:before { content: "\eaad"; } .icon--dropbox:before { content: "\eaae"; } .icon--onedrive:before { content: "\eaaf"; } .icon--github:before { content: "\eab0"; } .icon--npm:before { content: "\eab1"; } .icon--basecamp:before { content: "\eab2"; } .icon--trello:before { content: "\eab3"; } .icon--wordpress:before { content: "\eab4"; } .icon--joomla:before { content: "\eab5"; } .icon--ello:before { content: "\eab6"; } .icon--blogger:before { content: "\eab7"; } .icon--blogger2:before { content: "\eab8"; } .icon--tumblr:before { content: "\eab9"; } .icon--tumblr2:before { content: "\eaba"; } .icon--yahoo:before { content: "\eabb"; } .icon--yahoo2:before { content: "\eabc"; } .icon--tux:before { content: "\eabd"; } .icon--appleinc:before { content: "\eabe"; } .icon--finder:before { content: "\eabf"; } .icon--android:before { content: "\eac0"; } .icon--windows:before { content: "\eac1"; } .icon--windows8:before { content: "\eac2"; } .icon--soundcloud:before { content: "\eac3"; } .icon--soundcloud2:before { content: "\eac4"; } .icon--skype:before { content: "\eac5"; } .icon--reddit:before { content: "\eac6"; } .icon--hackernews:before { content: "\eac7"; } .icon--wikipedia:before { content: "\eac8"; } .icon--linkedin:before { content: "\eac9"; } .icon--linkedin2:before { content: "\eaca"; } .icon--lastfm:before { content: "\eacb"; } .icon--lastfm2:before { content: "\eacc"; } .icon--delicious:before { content: "\eacd"; } .icon--stumbleupon:before { content: "\eace"; } .icon--stumbleupon2:before { content: "\eacf"; } .icon--stackoverflow:before { content: "\ead0"; } .icon--pinterest:before { content: "\ead1"; } .icon--pinterest2:before { content: "\ead2"; } .icon--xing:before { content: "\ead3"; } .icon--xing2:before { content: "\ead4"; } .icon--flattr:before { content: "\ead5"; } .icon--foursquare:before { content: "\ead6"; } .icon--yelp:before { content: "\ead7"; } .icon--paypal:before { content: "\ead8"; } .icon--chrome:before { content: "\ead9"; } .icon--firefox:before { content: "\eada"; } .icon--IE:before { content: "\eadb"; } .icon--edge:before { content: "\eadc"; } .icon--safari:before { content: "\eadd"; } .icon--opera:before { content: "\eade"; } .icon--file-pdf:before { content: "\eadf"; } .icon--file-openoffice:before { content: "\eae0"; } .icon--file-word:before { content: "\eae1"; } .icon--file-excel:before { content: "\eae2"; } .icon--libreoffice:before { content: "\eae3"; } .icon--html-five:before { content: "\eae4"; } .icon--html-five2:before { content: "\eae5"; } .icon--css3:before { content: "\eae6"; } .icon--git:before { content: "\eae7"; } .icon--codepen:before { content: "\eae8"; } .icon--svg:before { content: "\eae9"; } .icon--IcoMoon:before { content: "\eaea"; } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion helper includes *****************************************************************************/ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion is-int mixin *****************************************************************************/ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion mixin selection *****************************************************************************/ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion mixin clearfix *****************************************************************************/ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion mixin input *****************************************************************************/ /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion mixins color-scheme bem module *****************************************************************************/ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion Basic font mixins. Just for inheritable values. *****************************************************************************/ /** * Mostly useful with sketch files or systems that are alike. * Try to copy paste the values first and replace them one by one. * For a general use approach try to use a relative Value for the line height. => line-height(px) / font-size(px) */ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion mixins media queries *****************************************************************************/ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion mixin media helper *****************************************************************************/ /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion rocksolid columns overwrite *****************************************************************************/ .rs-columns { display: block; clear: both; width: 100%; } .rs-columns::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .rs-column { float: left; width: 100%; margin-right: 2.5rem; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: 0; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: calc((100% - 2.5rem * (0)) / 1 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-large-col-2-1 { width: calc((100% - 2.5rem * (1)) / 2 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-large-col-2-2 { width: calc((100% - 2.5rem * (1)) / 2 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-large-col-3-1 { width: calc((100% - 2.5rem * (2)) / 3 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-large-col-3-2 { width: calc((100% - 2.5rem * (2)) / 3 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-large-col-3-3 { width: calc((100% - 2.5rem * (2)) / 3 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-large-col-4-1 { width: calc((100% - 2.5rem * (3)) / 4 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-large-col-4-2 { width: calc((100% - 2.5rem * (3)) / 4 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-large-col-4-3 { width: calc((100% - 2.5rem * (3)) / 4 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-large-col-4-4 { width: calc((100% - 2.5rem * (3)) / 4 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-large-col-5-1 { width: calc((100% - 2.5rem * (4)) / 5 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-large-col-5-2 { width: calc((100% - 2.5rem * (4)) / 5 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-large-col-5-3 { width: calc((100% - 2.5rem * (4)) / 5 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-large-col-5-4 { width: calc((100% - 2.5rem * (4)) / 5 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-large-col-5-5 { width: calc((100% - 2.5rem * (4)) / 5 * (5) + 2.5rem * 4 - 0.01px); } .rs-column.-large-col-6-1 { width: calc((100% - 2.5rem * (5)) / 6 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-large-col-6-2 { width: calc((100% - 2.5rem * (5)) / 6 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-large-col-6-3 { width: calc((100% - 2.5rem * (5)) / 6 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-large-col-6-4 { width: calc((100% - 2.5rem * (5)) / 6 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-large-col-6-5 { width: calc((100% - 2.5rem * (5)) / 6 * (5) + 2.5rem * 4 - 0.01px); } .rs-column.-large-col-6-6 { width: calc((100% - 2.5rem * (5)) / 6 * (6) + 2.5rem * 5 - 0.01px); } @media screen and (max-width: 56.25em) { .rs-column { margin-top: 2.5rem; margin-right: 2.5rem; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 2.5rem; } .rs-column.-large-first-row { margin-top: 2.5rem; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: 0; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: calc((100% - 2.5rem * (0)) / 1 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-medium-col-2-1 { width: calc((100% - 2.5rem * (1)) / 2 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-medium-col-2-2 { width: calc((100% - 2.5rem * (1)) / 2 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-medium-col-3-1 { width: calc((100% - 2.5rem * (2)) / 3 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-medium-col-3-2 { width: calc((100% - 2.5rem * (2)) / 3 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-medium-col-3-3 { width: calc((100% - 2.5rem * (2)) / 3 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-medium-col-4-1 { width: calc((100% - 2.5rem * (3)) / 4 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-medium-col-4-2 { width: calc((100% - 2.5rem * (3)) / 4 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-medium-col-4-3 { width: calc((100% - 2.5rem * (3)) / 4 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-medium-col-4-4 { width: calc((100% - 2.5rem * (3)) / 4 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-medium-col-5-1 { width: calc((100% - 2.5rem * (4)) / 5 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-medium-col-5-2 { width: calc((100% - 2.5rem * (4)) / 5 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-medium-col-5-3 { width: calc((100% - 2.5rem * (4)) / 5 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-medium-col-5-4 { width: calc((100% - 2.5rem * (4)) / 5 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-medium-col-5-5 { width: calc((100% - 2.5rem * (4)) / 5 * (5) + 2.5rem * 4 - 0.01px); } .rs-column.-medium-col-6-1 { width: calc((100% - 2.5rem * (5)) / 6 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-medium-col-6-2 { width: calc((100% - 2.5rem * (5)) / 6 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-medium-col-6-3 { width: calc((100% - 2.5rem * (5)) / 6 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-medium-col-6-4 { width: calc((100% - 2.5rem * (5)) / 6 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-medium-col-6-5 { width: calc((100% - 2.5rem * (5)) / 6 * (5) + 2.5rem * 4 - 0.01px); } .rs-column.-medium-col-6-6 { width: calc((100% - 2.5rem * (5)) / 6 * (6) + 2.5rem * 5 - 0.01px); } } @media screen and (max-width: 37.5em) { .rs-column { margin-right: 2.5rem; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 2.5rem; } .rs-column.-medium-first-row { margin-top: 2.5rem; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: 0; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: calc((100% - 2.5rem * (0)) / 1 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-small-col-2-1 { width: calc((100% - 2.5rem * (1)) / 2 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-small-col-2-2 { width: calc((100% - 2.5rem * (1)) / 2 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-small-col-3-1 { width: calc((100% - 2.5rem * (2)) / 3 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-small-col-3-2 { width: calc((100% - 2.5rem * (2)) / 3 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-small-col-3-3 { width: calc((100% - 2.5rem * (2)) / 3 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-small-col-4-1 { width: calc((100% - 2.5rem * (3)) / 4 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-small-col-4-2 { width: calc((100% - 2.5rem * (3)) / 4 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-small-col-4-3 { width: calc((100% - 2.5rem * (3)) / 4 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-small-col-4-4 { width: calc((100% - 2.5rem * (3)) / 4 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-small-col-5-1 { width: calc((100% - 2.5rem * (4)) / 5 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-small-col-5-2 { width: calc((100% - 2.5rem * (4)) / 5 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-small-col-5-3 { width: calc((100% - 2.5rem * (4)) / 5 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-small-col-5-4 { width: calc((100% - 2.5rem * (4)) / 5 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-small-col-5-5 { width: calc((100% - 2.5rem * (4)) / 5 * (5) + 2.5rem * 4 - 0.01px); } .rs-column.-small-col-6-1 { width: calc((100% - 2.5rem * (5)) / 6 * (1) + 2.5rem * 0 - 0.01px); } .rs-column.-small-col-6-2 { width: calc((100% - 2.5rem * (5)) / 6 * (2) + 2.5rem * 1 - 0.01px); } .rs-column.-small-col-6-3 { width: calc((100% - 2.5rem * (5)) / 6 * (3) + 2.5rem * 2 - 0.01px); } .rs-column.-small-col-6-4 { width: calc((100% - 2.5rem * (5)) / 6 * (4) + 2.5rem * 3 - 0.01px); } .rs-column.-small-col-6-5 { width: calc((100% - 2.5rem * (5)) / 6 * (5) + 2.5rem * 4 - 0.01px); } .rs-column.-small-col-6-6 { width: calc((100% - 2.5rem * (5)) / 6 * (6) + 2.5rem * 5 - 0.01px); } } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion Rocksolid Grid alternative with custom gutter width *****************************************************************************/ /* .columns Styleguide classes.columns */ .columns-1 > * { float: left; } .columns-1 > *:nth-of-type(1n) { clear: none; width: calc((100% - 0 * 2.5rem) / 1 - 0.01px); margin-right: calc(2.5rem); } .columns-1 > *:nth-of-type(1n+1) { clear: left; } .columns-1 > *:nth-of-type(1n+1) { margin-right: 0; } .columns-1:nth-of-type(1) { margin-top: 0; } .columns-1::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-2 > * { float: left; } .columns-2 > *:nth-of-type(1n) { clear: none; width: calc((100% - 1 * 2.5rem) / 2 - 0.01px); margin-right: calc(2.5rem); } .columns-2 > *:nth-of-type(2n+1) { clear: left; } .columns-2 > *:nth-of-type(2n+2) { margin-right: 0; } .columns-2:nth-of-type(1) { margin-top: 0; } .columns-2:nth-of-type(2) { margin-top: 0; } .columns-2::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-3 > * { float: left; } .columns-3 > *:nth-of-type(1n) { clear: none; width: calc((100% - 2 * 2.5rem) / 3 - 0.01px); margin-right: calc(2.5rem); } .columns-3 > *:nth-of-type(3n+1) { clear: left; } .columns-3 > *:nth-of-type(3n+3) { margin-right: 0; } .columns-3:nth-of-type(1) { margin-top: 0; } .columns-3:nth-of-type(2) { margin-top: 0; } .columns-3:nth-of-type(3) { margin-top: 0; } .columns-3::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-4 > * { float: left; } .columns-4 > *:nth-of-type(1n) { clear: none; width: calc((100% - 3 * 2.5rem) / 4 - 0.01px); margin-right: calc(2.5rem); } .columns-4 > *:nth-of-type(4n+1) { clear: left; } .columns-4 > *:nth-of-type(4n+4) { margin-right: 0; } .columns-4:nth-of-type(1) { margin-top: 0; } .columns-4:nth-of-type(2) { margin-top: 0; } .columns-4:nth-of-type(3) { margin-top: 0; } .columns-4:nth-of-type(4) { margin-top: 0; } .columns-4::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-5 > * { float: left; } .columns-5 > *:nth-of-type(1n) { clear: none; width: calc((100% - 4 * 2.5rem) / 5 - 0.01px); margin-right: calc(2.5rem); } .columns-5 > *:nth-of-type(5n+1) { clear: left; } .columns-5 > *:nth-of-type(5n+5) { margin-right: 0; } .columns-5:nth-of-type(1) { margin-top: 0; } .columns-5:nth-of-type(2) { margin-top: 0; } .columns-5:nth-of-type(3) { margin-top: 0; } .columns-5:nth-of-type(4) { margin-top: 0; } .columns-5:nth-of-type(5) { margin-top: 0; } .columns-5::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-6 > * { float: left; } .columns-6 > *:nth-of-type(1n) { clear: none; width: calc((100% - 5 * 2.5rem) / 6 - 0.01px); margin-right: calc(2.5rem); } .columns-6 > *:nth-of-type(6n+1) { clear: left; } .columns-6 > *:nth-of-type(6n+6) { margin-right: 0; } .columns-6:nth-of-type(1) { margin-top: 0; } .columns-6:nth-of-type(2) { margin-top: 0; } .columns-6:nth-of-type(3) { margin-top: 0; } .columns-6:nth-of-type(4) { margin-top: 0; } .columns-6:nth-of-type(5) { margin-top: 0; } .columns-6:nth-of-type(6) { margin-top: 0; } .columns-6::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .push-left-0 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 0 + 0 * 2.5rem); } .push-right-0 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 0 + 0 * 2.5rem); } .push-left-1 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 1 + 1 * 2.5rem); } .push-right-1 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 1 + 1 * 2.5rem); } .push-left-2 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 2 + 2 * 2.5rem); } .push-right-2 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 2 + 2 * 2.5rem); } .push-left-3 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 3 + 3 * 2.5rem); } .push-right-3 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 3 + 3 * 2.5rem); } .push-left-4 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 4 + 4 * 2.5rem); } .push-right-4 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 4 + 4 * 2.5rem); } .push-left-5 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 5 + 5 * 2.5rem); } .push-right-5 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 5 + 5 * 2.5rem); } .push-left-6 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 6 + 6 * 2.5rem); } .push-right-6 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 6 + 6 * 2.5rem); } .push-left-7 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 7 + 7 * 2.5rem); } .push-right-7 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 7 + 7 * 2.5rem); } .push-left-8 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 8 + 8 * 2.5rem); } .push-right-8 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 8 + 8 * 2.5rem); } .push-left-9 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 9 + 9 * 2.5rem); } .push-right-9 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 9 + 9 * 2.5rem); } .push-left-10 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 10 + 10 * 2.5rem); } .push-right-10 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 10 + 10 * 2.5rem); } .push-left-11 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 11 + 11 * 2.5rem); } .push-right-11 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 11 + 11 * 2.5rem); } @media screen and (max-width: 56.25em) { .columns-medium-1 > * { float: left; } .columns-medium-1 > *:nth-of-type(1n) { clear: none; width: calc((100% - 0 * 2.5rem) / 1 - 0.01px); margin-right: calc(2.5rem); } .columns-medium-1 > *:nth-of-type(1n+1) { clear: left; } .columns-medium-1 > *:nth-of-type(1n+1) { margin-right: 0; } .columns-medium-1:nth-of-type(1) { margin-top: 0; } .columns-medium-1::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-medium-2 > * { float: left; } .columns-medium-2 > *:nth-of-type(1n) { clear: none; width: calc((100% - 1 * 2.5rem) / 2 - 0.01px); margin-right: calc(2.5rem); } .columns-medium-2 > *:nth-of-type(2n+1) { clear: left; } .columns-medium-2 > *:nth-of-type(2n+2) { margin-right: 0; } .columns-medium-2:nth-of-type(1) { margin-top: 0; } .columns-medium-2:nth-of-type(2) { margin-top: 0; } .columns-medium-2::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-medium-3 > * { float: left; } .columns-medium-3 > *:nth-of-type(1n) { clear: none; width: calc((100% - 2 * 2.5rem) / 3 - 0.01px); margin-right: calc(2.5rem); } .columns-medium-3 > *:nth-of-type(3n+1) { clear: left; } .columns-medium-3 > *:nth-of-type(3n+3) { margin-right: 0; } .columns-medium-3:nth-of-type(1) { margin-top: 0; } .columns-medium-3:nth-of-type(2) { margin-top: 0; } .columns-medium-3:nth-of-type(3) { margin-top: 0; } .columns-medium-3::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-medium-4 > * { float: left; } .columns-medium-4 > *:nth-of-type(1n) { clear: none; width: calc((100% - 3 * 2.5rem) / 4 - 0.01px); margin-right: calc(2.5rem); } .columns-medium-4 > *:nth-of-type(4n+1) { clear: left; } .columns-medium-4 > *:nth-of-type(4n+4) { margin-right: 0; } .columns-medium-4:nth-of-type(1) { margin-top: 0; } .columns-medium-4:nth-of-type(2) { margin-top: 0; } .columns-medium-4:nth-of-type(3) { margin-top: 0; } .columns-medium-4:nth-of-type(4) { margin-top: 0; } .columns-medium-4::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-medium-5 > * { float: left; } .columns-medium-5 > *:nth-of-type(1n) { clear: none; width: calc((100% - 4 * 2.5rem) / 5 - 0.01px); margin-right: calc(2.5rem); } .columns-medium-5 > *:nth-of-type(5n+1) { clear: left; } .columns-medium-5 > *:nth-of-type(5n+5) { margin-right: 0; } .columns-medium-5:nth-of-type(1) { margin-top: 0; } .columns-medium-5:nth-of-type(2) { margin-top: 0; } .columns-medium-5:nth-of-type(3) { margin-top: 0; } .columns-medium-5:nth-of-type(4) { margin-top: 0; } .columns-medium-5:nth-of-type(5) { margin-top: 0; } .columns-medium-5::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-medium-6 > * { float: left; } .columns-medium-6 > *:nth-of-type(1n) { clear: none; width: calc((100% - 5 * 2.5rem) / 6 - 0.01px); margin-right: calc(2.5rem); } .columns-medium-6 > *:nth-of-type(6n+1) { clear: left; } .columns-medium-6 > *:nth-of-type(6n+6) { margin-right: 0; } .columns-medium-6:nth-of-type(1) { margin-top: 0; } .columns-medium-6:nth-of-type(2) { margin-top: 0; } .columns-medium-6:nth-of-type(3) { margin-top: 0; } .columns-medium-6:nth-of-type(4) { margin-top: 0; } .columns-medium-6:nth-of-type(5) { margin-top: 0; } .columns-medium-6:nth-of-type(6) { margin-top: 0; } .columns-medium-6::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .push-left-medium-0 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 0 + 0 * 2.5rem); } .push-right-medium-0 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 0 + 0 * 2.5rem); } .push-left-medium-1 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 1 + 1 * 2.5rem); } .push-right-medium-1 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 1 + 1 * 2.5rem); } .push-left-medium-2 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 2 + 2 * 2.5rem); } .push-right-medium-2 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 2 + 2 * 2.5rem); } .push-left-medium-3 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 3 + 3 * 2.5rem); } .push-right-medium-3 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 3 + 3 * 2.5rem); } .push-left-medium-4 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 4 + 4 * 2.5rem); } .push-right-medium-4 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 4 + 4 * 2.5rem); } .push-left-medium-5 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 5 + 5 * 2.5rem); } .push-right-medium-5 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 5 + 5 * 2.5rem); } .push-left-medium-6 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 6 + 6 * 2.5rem); } .push-right-medium-6 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 6 + 6 * 2.5rem); } .push-left-medium-7 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 7 + 7 * 2.5rem); } .push-right-medium-7 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 7 + 7 * 2.5rem); } .push-left-medium-8 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 8 + 8 * 2.5rem); } .push-right-medium-8 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 8 + 8 * 2.5rem); } .push-left-medium-9 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 9 + 9 * 2.5rem); } .push-right-medium-9 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 9 + 9 * 2.5rem); } .push-left-medium-10 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 10 + 10 * 2.5rem); } .push-right-medium-10 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 10 + 10 * 2.5rem); } .push-left-medium-11 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 11 + 11 * 2.5rem); } .push-right-medium-11 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 11 + 11 * 2.5rem); } } @media screen and (max-width: 37.5em) { .columns-small-1 > * { float: left; } .columns-small-1 > *:nth-of-type(1n) { clear: none; width: calc((100% - 0 * 2.5rem) / 1 - 0.01px); margin-right: calc(2.5rem); } .columns-small-1 > *:nth-of-type(1n+1) { clear: left; } .columns-small-1 > *:nth-of-type(1n+1) { margin-right: 0; } .columns-small-1:nth-of-type(1) { margin-top: 0; } .columns-small-1::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-small-2 > * { float: left; } .columns-small-2 > *:nth-of-type(1n) { clear: none; width: calc((100% - 1 * 2.5rem) / 2 - 0.01px); margin-right: calc(2.5rem); } .columns-small-2 > *:nth-of-type(2n+1) { clear: left; } .columns-small-2 > *:nth-of-type(2n+2) { margin-right: 0; } .columns-small-2:nth-of-type(1) { margin-top: 0; } .columns-small-2:nth-of-type(2) { margin-top: 0; } .columns-small-2::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-small-3 > * { float: left; } .columns-small-3 > *:nth-of-type(1n) { clear: none; width: calc((100% - 2 * 2.5rem) / 3 - 0.01px); margin-right: calc(2.5rem); } .columns-small-3 > *:nth-of-type(3n+1) { clear: left; } .columns-small-3 > *:nth-of-type(3n+3) { margin-right: 0; } .columns-small-3:nth-of-type(1) { margin-top: 0; } .columns-small-3:nth-of-type(2) { margin-top: 0; } .columns-small-3:nth-of-type(3) { margin-top: 0; } .columns-small-3::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-small-4 > * { float: left; } .columns-small-4 > *:nth-of-type(1n) { clear: none; width: calc((100% - 3 * 2.5rem) / 4 - 0.01px); margin-right: calc(2.5rem); } .columns-small-4 > *:nth-of-type(4n+1) { clear: left; } .columns-small-4 > *:nth-of-type(4n+4) { margin-right: 0; } .columns-small-4:nth-of-type(1) { margin-top: 0; } .columns-small-4:nth-of-type(2) { margin-top: 0; } .columns-small-4:nth-of-type(3) { margin-top: 0; } .columns-small-4:nth-of-type(4) { margin-top: 0; } .columns-small-4::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-small-5 > * { float: left; } .columns-small-5 > *:nth-of-type(1n) { clear: none; width: calc((100% - 4 * 2.5rem) / 5 - 0.01px); margin-right: calc(2.5rem); } .columns-small-5 > *:nth-of-type(5n+1) { clear: left; } .columns-small-5 > *:nth-of-type(5n+5) { margin-right: 0; } .columns-small-5:nth-of-type(1) { margin-top: 0; } .columns-small-5:nth-of-type(2) { margin-top: 0; } .columns-small-5:nth-of-type(3) { margin-top: 0; } .columns-small-5:nth-of-type(4) { margin-top: 0; } .columns-small-5:nth-of-type(5) { margin-top: 0; } .columns-small-5::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .columns-small-6 > * { float: left; } .columns-small-6 > *:nth-of-type(1n) { clear: none; width: calc((100% - 5 * 2.5rem) / 6 - 0.01px); margin-right: calc(2.5rem); } .columns-small-6 > *:nth-of-type(6n+1) { clear: left; } .columns-small-6 > *:nth-of-type(6n+6) { margin-right: 0; } .columns-small-6:nth-of-type(1) { margin-top: 0; } .columns-small-6:nth-of-type(2) { margin-top: 0; } .columns-small-6:nth-of-type(3) { margin-top: 0; } .columns-small-6:nth-of-type(4) { margin-top: 0; } .columns-small-6:nth-of-type(5) { margin-top: 0; } .columns-small-6:nth-of-type(6) { margin-top: 0; } .columns-small-6::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .push-left-small-0 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 0 + 0 * 2.5rem); } .push-right-small-0 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 0 + 0 * 2.5rem); } .push-left-small-1 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 1 + 1 * 2.5rem); } .push-right-small-1 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 1 + 1 * 2.5rem); } .push-left-small-2 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 2 + 2 * 2.5rem); } .push-right-small-2 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 2 + 2 * 2.5rem); } .push-left-small-3 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 3 + 3 * 2.5rem); } .push-right-small-3 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 3 + 3 * 2.5rem); } .push-left-small-4 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 4 + 4 * 2.5rem); } .push-right-small-4 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 4 + 4 * 2.5rem); } .push-left-small-5 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 5 + 5 * 2.5rem); } .push-right-small-5 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 5 + 5 * 2.5rem); } .push-left-small-6 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 6 + 6 * 2.5rem); } .push-right-small-6 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 6 + 6 * 2.5rem); } .push-left-small-7 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 7 + 7 * 2.5rem); } .push-right-small-7 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 7 + 7 * 2.5rem); } .push-left-small-8 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 8 + 8 * 2.5rem); } .push-right-small-8 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 8 + 8 * 2.5rem); } .push-left-small-9 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 9 + 9 * 2.5rem); } .push-right-small-9 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 9 + 9 * 2.5rem); } .push-left-small-10 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 10 + 10 * 2.5rem); } .push-right-small-10 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 10 + 10 * 2.5rem); } .push-left-small-11 { margin-left: calc((100% - 11 * 2.5rem) / 12 * 11 + 11 * 2.5rem); } .push-right-small-11 { margin-right: calc((100% - 11 * 2.5rem) / 12 * 11 + 11 * 2.5rem); } } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion cols bem module *****************************************************************************/ /* .cols Styleguide classes.cols */ :root { --cols--gutter: 2.5rem; --cols--columns: 12; } .cols { display: grid; grid-gap: 2.5rem; grid-gap: var(--cols--gutter); grid-template-columns: repeat(12, 1fr); } @supports (grid-gap: var(--cols--gutter)) { .cols { grid-template-columns: repeat(var(--cols--columns), 1fr); } } .cols--1 { grid-template-columns: repeat(1, 1fr); } .cols--2 { grid-template-columns: repeat(2, 1fr); } .cols--3 { grid-template-columns: repeat(3, 1fr); } .cols--4 { grid-template-columns: repeat(4, 1fr); } .cols--5 { grid-template-columns: repeat(5, 1fr); } .cols--6 { grid-template-columns: repeat(6, 1fr); } .cols--7 { grid-template-columns: repeat(7, 1fr); } .cols--8 { grid-template-columns: repeat(8, 1fr); } .cols--9 { grid-template-columns: repeat(9, 1fr); } .cols--10 { grid-template-columns: repeat(10, 1fr); } .cols--11 { grid-template-columns: repeat(11, 1fr); } .cols--12 { grid-template-columns: repeat(12, 1fr); } @media screen and (max-width: 81.25em) { .cols--1-desktop-small { grid-template-columns: repeat(1, 1fr); } .cols--2-desktop-small { grid-template-columns: repeat(2, 1fr); } .cols--3-desktop-small { grid-template-columns: repeat(3, 1fr); } .cols--4-desktop-small { grid-template-columns: repeat(4, 1fr); } .cols--5-desktop-small { grid-template-columns: repeat(5, 1fr); } .cols--6-desktop-small { grid-template-columns: repeat(6, 1fr); } .cols--7-desktop-small { grid-template-columns: repeat(7, 1fr); } .cols--8-desktop-small { grid-template-columns: repeat(8, 1fr); } .cols--9-desktop-small { grid-template-columns: repeat(9, 1fr); } .cols--10-desktop-small { grid-template-columns: repeat(10, 1fr); } .cols--11-desktop-small { grid-template-columns: repeat(11, 1fr); } .cols--12-desktop-small { grid-template-columns: repeat(12, 1fr); } } @media screen and (max-width: 56.25em) { .cols--1-medium { grid-template-columns: repeat(1, 1fr); } .cols--2-medium { grid-template-columns: repeat(2, 1fr); } .cols--3-medium { grid-template-columns: repeat(3, 1fr); } .cols--4-medium { grid-template-columns: repeat(4, 1fr); } .cols--5-medium { grid-template-columns: repeat(5, 1fr); } .cols--6-medium { grid-template-columns: repeat(6, 1fr); } .cols--7-medium { grid-template-columns: repeat(7, 1fr); } .cols--8-medium { grid-template-columns: repeat(8, 1fr); } .cols--9-medium { grid-template-columns: repeat(9, 1fr); } .cols--10-medium { grid-template-columns: repeat(10, 1fr); } .cols--11-medium { grid-template-columns: repeat(11, 1fr); } .cols--12-medium { grid-template-columns: repeat(12, 1fr); } } @media screen and (max-width: 37.5em) { .cols--1-small { grid-template-columns: repeat(1, 1fr); } .cols--2-small { grid-template-columns: repeat(2, 1fr); } .cols--3-small { grid-template-columns: repeat(3, 1fr); } .cols--4-small { grid-template-columns: repeat(4, 1fr); } .cols--5-small { grid-template-columns: repeat(5, 1fr); } .cols--6-small { grid-template-columns: repeat(6, 1fr); } .cols--7-small { grid-template-columns: repeat(7, 1fr); } .cols--8-small { grid-template-columns: repeat(8, 1fr); } .cols--9-small { grid-template-columns: repeat(9, 1fr); } .cols--10-small { grid-template-columns: repeat(10, 1fr); } .cols--11-small { grid-template-columns: repeat(11, 1fr); } .cols--12-small { grid-template-columns: repeat(12, 1fr); } } .cols--no-gutter { grid-gap: 0; } .cols__item { overflow: hidden; } .cols__item--w-1 { grid-column: span 1; } .cols__item--w-2 { grid-column: span 2; } .cols__item--w-3 { grid-column: span 3; } .cols__item--w-4 { grid-column: span 4; } .cols__item--w-5 { grid-column: span 5; } .cols__item--w-6 { grid-column: span 6; } .cols__item--w-7 { grid-column: span 7; } .cols__item--w-8 { grid-column: span 8; } .cols__item--w-9 { grid-column: span 9; } .cols__item--w-10 { grid-column: span 10; } .cols__item--w-11 { grid-column: span 11; } .cols__item--w-12 { grid-column: span 12; } @media screen and (max-width: 81.25em) { .cols__item--w-1-desktop-small { grid-column: span 1; } .cols__item--w-2-desktop-small { grid-column: span 2; } .cols__item--w-3-desktop-small { grid-column: span 3; } .cols__item--w-4-desktop-small { grid-column: span 4; } .cols__item--w-5-desktop-small { grid-column: span 5; } .cols__item--w-6-desktop-small { grid-column: span 6; } .cols__item--w-7-desktop-small { grid-column: span 7; } .cols__item--w-8-desktop-small { grid-column: span 8; } .cols__item--w-9-desktop-small { grid-column: span 9; } .cols__item--w-10-desktop-small { grid-column: span 10; } .cols__item--w-11-desktop-small { grid-column: span 11; } .cols__item--w-12-desktop-small { grid-column: span 12; } } @media screen and (max-width: 56.25em) { .cols__item--w-1-medium { grid-column: span 1; } .cols__item--w-2-medium { grid-column: span 2; } .cols__item--w-3-medium { grid-column: span 3; } .cols__item--w-4-medium { grid-column: span 4; } .cols__item--w-5-medium { grid-column: span 5; } .cols__item--w-6-medium { grid-column: span 6; } .cols__item--w-7-medium { grid-column: span 7; } .cols__item--w-8-medium { grid-column: span 8; } .cols__item--w-9-medium { grid-column: span 9; } .cols__item--w-10-medium { grid-column: span 10; } .cols__item--w-11-medium { grid-column: span 11; } .cols__item--w-12-medium { grid-column: span 12; } } @media screen and (max-width: 37.5em) { .cols__item--w-1-small { grid-column: span 1; } .cols__item--w-2-small { grid-column: span 2; } .cols__item--w-3-small { grid-column: span 3; } .cols__item--w-4-small { grid-column: span 4; } .cols__item--w-5-small { grid-column: span 5; } .cols__item--w-6-small { grid-column: span 6; } .cols__item--w-7-small { grid-column: span 7; } .cols__item--w-8-small { grid-column: span 8; } .cols__item--w-9-small { grid-column: span 9; } .cols__item--w-10-small { grid-column: span 10; } .cols__item--w-11-small { grid-column: span 11; } .cols__item--w-12-small { grid-column: span 12; } } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion col-push bem module *****************************************************************************/ /* .col-push Styleguide classes.col-push */ .col-push-left-0 { grid-column-start: 1; } .col-push-right-0 { grid-column-end: -1; } .col-push-left-1 { grid-column-start: 2; } .col-push-right-1 { grid-column-end: -2; } .col-push-left-2 { grid-column-start: 3; } .col-push-right-2 { grid-column-end: -3; } .col-push-left-3 { grid-column-start: 4; } .col-push-right-3 { grid-column-end: -4; } .col-push-left-4 { grid-column-start: 5; } .col-push-right-4 { grid-column-end: -5; } .col-push-left-5 { grid-column-start: 6; } .col-push-right-5 { grid-column-end: -6; } .col-push-left-6 { grid-column-start: 7; } .col-push-right-6 { grid-column-end: -7; } .col-push-left-7 { grid-column-start: 8; } .col-push-right-7 { grid-column-end: -8; } .col-push-left-8 { grid-column-start: 9; } .col-push-right-8 { grid-column-end: -9; } .col-push-left-9 { grid-column-start: 10; } .col-push-right-9 { grid-column-end: -10; } .col-push-left-10 { grid-column-start: 11; } .col-push-right-10 { grid-column-end: -11; } .col-push-left-11 { grid-column-start: 12; } .col-push-right-11 { grid-column-end: -12; } @media screen and (max-width: 81.25em) { .col-push-left-0--desktop-small { grid-column-start: 1; } .col-push-right-0--desktop-small { grid-column-end: -1; } .col-push-left-1--desktop-small { grid-column-start: 2; } .col-push-right-1--desktop-small { grid-column-end: -2; } .col-push-left-2--desktop-small { grid-column-start: 3; } .col-push-right-2--desktop-small { grid-column-end: -3; } .col-push-left-3--desktop-small { grid-column-start: 4; } .col-push-right-3--desktop-small { grid-column-end: -4; } .col-push-left-4--desktop-small { grid-column-start: 5; } .col-push-right-4--desktop-small { grid-column-end: -5; } .col-push-left-5--desktop-small { grid-column-start: 6; } .col-push-right-5--desktop-small { grid-column-end: -6; } .col-push-left-6--desktop-small { grid-column-start: 7; } .col-push-right-6--desktop-small { grid-column-end: -7; } .col-push-left-7--desktop-small { grid-column-start: 8; } .col-push-right-7--desktop-small { grid-column-end: -8; } .col-push-left-8--desktop-small { grid-column-start: 9; } .col-push-right-8--desktop-small { grid-column-end: -9; } .col-push-left-9--desktop-small { grid-column-start: 10; } .col-push-right-9--desktop-small { grid-column-end: -10; } .col-push-left-10--desktop-small { grid-column-start: 11; } .col-push-right-10--desktop-small { grid-column-end: -11; } .col-push-left-11--desktop-small { grid-column-start: 12; } .col-push-right-11--desktop-small { grid-column-end: -12; } } @media screen and (max-width: 56.25em) { .col-push-left-0--tablet { grid-column-start: 1; } .col-push-right-0--tablet { grid-column-end: -1; } .col-push-left-1--tablet { grid-column-start: 2; } .col-push-right-1--tablet { grid-column-end: -2; } .col-push-left-2--tablet { grid-column-start: 3; } .col-push-right-2--tablet { grid-column-end: -3; } .col-push-left-3--tablet { grid-column-start: 4; } .col-push-right-3--tablet { grid-column-end: -4; } .col-push-left-4--tablet { grid-column-start: 5; } .col-push-right-4--tablet { grid-column-end: -5; } .col-push-left-5--tablet { grid-column-start: 6; } .col-push-right-5--tablet { grid-column-end: -6; } .col-push-left-6--tablet { grid-column-start: 7; } .col-push-right-6--tablet { grid-column-end: -7; } .col-push-left-7--tablet { grid-column-start: 8; } .col-push-right-7--tablet { grid-column-end: -8; } .col-push-left-8--tablet { grid-column-start: 9; } .col-push-right-8--tablet { grid-column-end: -9; } .col-push-left-9--tablet { grid-column-start: 10; } .col-push-right-9--tablet { grid-column-end: -10; } .col-push-left-10--tablet { grid-column-start: 11; } .col-push-right-10--tablet { grid-column-end: -11; } .col-push-left-11--tablet { grid-column-start: 12; } .col-push-right-11--tablet { grid-column-end: -12; } } @media screen and (max-width: 37.5em) { .col-push-left-0--small { grid-column-start: 1; } .col-push-right-0--small { grid-column-end: -1; } .col-push-left-1--small { grid-column-start: 2; } .col-push-right-1--small { grid-column-end: -2; } .col-push-left-2--small { grid-column-start: 3; } .col-push-right-2--small { grid-column-end: -3; } .col-push-left-3--small { grid-column-start: 4; } .col-push-right-3--small { grid-column-end: -4; } .col-push-left-4--small { grid-column-start: 5; } .col-push-right-4--small { grid-column-end: -5; } .col-push-left-5--small { grid-column-start: 6; } .col-push-right-5--small { grid-column-end: -6; } .col-push-left-6--small { grid-column-start: 7; } .col-push-right-6--small { grid-column-end: -7; } .col-push-left-7--small { grid-column-start: 8; } .col-push-right-7--small { grid-column-end: -8; } .col-push-left-8--small { grid-column-start: 9; } .col-push-right-8--small { grid-column-end: -9; } .col-push-left-9--small { grid-column-start: 10; } .col-push-right-9--small { grid-column-end: -10; } .col-push-left-10--small { grid-column-start: 11; } .col-push-right-10--small { grid-column-end: -11; } .col-push-left-11--small { grid-column-start: 12; } .col-push-right-11--small { grid-column-end: -12; } } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion float bem module *****************************************************************************/ /* .float Styleguide classes.float */ @media screen and (max-width: 56.25em) { .float_left, .float_right { clear: both; max-width: none; margin: 2em 0; float: none; } } .float_left { float: left; margin: 0 2em 1em 0; } .float_right { float: right; margin: 0 0 1em 2em; } .slider_wrapper.slick-dotted { margin-bottom: 2rem; } .slider_wrapper img, .slider_wrapper iframe { width: 100%; } .slider_wrapper:not(.no-min-height) img, .slider_wrapper:not(.no-min-height) iframe, .slider_wrapper:not(.no-min-height) .slick-track { min-height: 30rem; } .slider_wrapper img { object-fit: cover; } .slider_wrapper .image_container { position: relative; } .slider_wrapper.tiny { max-height: 65vh; } .slider_wrapper.tiny .slick-list, .slider_wrapper.tiny .slick-track, .slider_wrapper.tiny .slick-slide, .slider_wrapper.tiny .slick-slide figure, .slider_wrapper.tiny .slick-slide img { max-height: 65vh; } @media screen and (max-width: 56.25em) { .slider_wrapper.tiny .slick-dots { bottom: -2rem; } .slider_wrapper.tiny .slick-dots button::before { background-color: #272E6A; } } @media screen and (max-width: 56.25em) { .slider_wrapper.tiny { max-height: none; } } .slider_wrapper .slick-slide { position: relative; } .slider_wrapper .content { display: flex; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; flex-direction: column; flex-wrap: nowrap; justify-content: center; height: 100%; max-width: 50vw; padding: 10vh 20rem 10vh 15vw; } @media screen and (max-width: 81.25em) { .slider_wrapper .content { max-width: 65rem; } } @media screen and (max-width: 56.25em) { .slider_wrapper .content { overflow: visible; position: relative; height: auto; max-width: max-content; margin: -8rem 2rem 0; padding: 2rem; background-color: rgba(39, 46, 106, 0.8); } } .slider_wrapper .content::after { content: ""; display: block; position: absolute; top: 0; right: auto; bottom: 0; left: -18rem; z-index: -1; width: 100%; background: #272E6A; box-shadow: 3px 0 8px 3px rgba(0, 0, 0, 0.3); opacity: 0.8; transform: skewX(-15deg); transform-origin: 0% 100%; } @media screen and (max-width: 56.25em) { .slider_wrapper .content::after { display: none; } } .slider_wrapper * { color: #FFF; } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion Contains classes/helpers, mostly used by the dev-team Authors Datum *****************************************************************************/ /* Helper - `.clearfix` - `.invisible` - `.overflow-hidden` - `.text-align-left` - `.text-align-center` - `.text-align-right` Styleguide 100.20 */ .clearfix::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .invisible { display: none !important; overflow: hidden; position: absolute !important; left: -9999em !important; } .overflow-hidden { overflow: hidden !important; } .text-align-left { text-align: left !important; } .text-align-center { text-align: center !important; } .text-align-right { text-align: right !important; } /* .remove-margin-* - `.remove-margin-top` - `.remove-margin-top-desktop-small` - `.remove-margin-top-tablet` - `.remove-margin-top-mobile` --- - `.remove-margin-right` - `.remove-margin-right-desktop-small` - `.remove-margin-right-tablet` - `.remove-margin-right-mobile` --- - `.remove-margin-bottom` - `.remove-margin-bottom-desktop-small` - `.remove-margin-bottom-tablet` - `.remove-margin-bottom-mobile` --- - `.remove-margin-left` - `.remove-margin-left-desktop-small` - `.remove-margin-left-tablet` - `.remove-margin-left-mobile` Styleguide 100.21 */ .remove-margin-top { margin-top: 0 !important; } @media screen and (max-width: 81.25em) { .remove-margin-top-desktop-small { margin-top: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-margin-top-tablet { margin-top: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-margin-top-mobile { margin-top: 0 !important; } } .remove-margin-right { margin-right: 0 !important; } @media screen and (max-width: 81.25em) { .remove-margin-right-desktop-small { margin-right: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-margin-right-tablet { margin-right: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-margin-right-mobile { margin-right: 0 !important; } } .remove-margin-bottom { margin-bottom: 0 !important; } @media screen and (max-width: 81.25em) { .remove-margin-bottom-desktop-small { margin-bottom: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-margin-bottom-tablet { margin-bottom: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-margin-bottom-mobile { margin-bottom: 0 !important; } } .remove-margin-left { margin-left: 0 !important; } @media screen and (max-width: 81.25em) { .remove-margin-left-desktop-small { margin-left: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-margin-left-tablet { margin-left: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-margin-left-mobile { margin-left: 0 !important; } } .remove-padding-top { padding-top: 0 !important; } @media screen and (max-width: 81.25em) { .remove-padding-top-desktop-small { padding-top: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-padding-top-tablet { padding-top: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-padding-top-mobile { padding-top: 0 !important; } } .remove-padding-right { padding-right: 0 !important; } @media screen and (max-width: 81.25em) { .remove-padding-right-desktop-small { padding-right: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-padding-right-tablet { padding-right: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-padding-right-mobile { padding-right: 0 !important; } } .remove-padding-bottom { padding-bottom: 0 !important; } @media screen and (max-width: 81.25em) { .remove-padding-bottom-desktop-small { padding-bottom: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-padding-bottom-tablet { padding-bottom: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-padding-bottom-mobile { padding-bottom: 0 !important; } } .remove-padding-left { padding-left: 0 !important; } @media screen and (max-width: 81.25em) { .remove-padding-left-desktop-small { padding-left: 0 !important; } } @media screen and (max-width: 56.25em) { .remove-padding-left-tablet { padding-left: 0 !important; } } @media screen and (max-width: 37.5em) { .remove-padding-left-mobile { padding-left: 0 !important; } } /* .hide-on-* - `.hide-on-desktop-small` - `.hide-on-tablet` - `.hide-on-mobile` Styleguide 100.22 */ @media screen and (max-width: 81.25em) { .hide-on-desktop-small { display: none !important; } } @media screen and (max-width: 56.25em) { .hide-on-tablet { display: none !important; } } @media screen and (max-width: 37.5em) { .hide-on-mobile { display: none !important; } } /* .show-on-* - `.show-on-desktop-small` - `.show-on-desktop-small--flex` - `.show-on-desktop-small--inline` - `.show-on-desktop-small--inline-block` --- - `.show-on-tablet` - `.show-on-tablet--flex` - `.show-on-tablet--inline` - `.show-on-tablet--inline-block` --- - `.show-on-mobile` - `.show-on-mobile--flex` - `.show-on-mobile--inline` - `.show-on-mobile--inline-block` Styleguide 100.23 */ .show-on-desktop-small { display: none !important; } @media screen and (max-width: 81.25em) { .show-on-desktop-small { display: block !important; } .show-on-desktop-small--flex { display: flex !important; } .show-on-desktop-small--inline { display: inline !important; } .show-on-desktop-small--inline-block { display: inline-block !important; } } .show-on-tablet { display: none !important; } @media screen and (max-width: 56.25em) { .show-on-tablet { display: block !important; } .show-on-tablet--flex { display: flex !important; } .show-on-tablet--inline { display: inline !important; } .show-on-tablet--inline-block { display: inline-block !important; } } .show-on-mobile { display: none !important; } @media screen and (max-width: 37.5em) { .show-on-mobile { display: block !important; } .show-on-mobile--flex { display: flex !important; } .show-on-mobile--inline { display: inline !important; } .show-on-mobile--inline-block { display: inline-block !important; } } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion main css. HTML elements and basic structure Authors Datum *****************************************************************************/ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } @media screen\9 { html { font-size: 10px; } } @media screen\0 { html { font-size: 10px; } } body { font-family: "Manrope"; font-size: 1.7rem; font-weight: 400; line-height: 1.4; color: #000; } @media screen and (max-width: 56.25em) { body { font-size: 1.4rem; } } a { text-decoration: none; color: inherit; cursor: pointer; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form { margin-bottom: 1.6rem; } h1, .h1 { margin-top: 0; margin-bottom: 2rem; font-size: 7rem; font-weight: 500; line-height: 1.05; color: #182E57; } @media screen and (max-width: 56.25em) { h1, .h1 { font-size: 4.9rem; } } @media screen and (max-width: 37.5em) { h1, .h1 { font-size: 3.6rem; } } h2, .h2 { margin-top: 0; font-size: 4.9rem; line-height: 1.1; } @media screen and (max-width: 56.25em) { h2, .h2 { font-size: 3.3rem; } } @media screen and (max-width: 37.5em) { h2, .h2 { font-size: 2.9rem; } } h3, .h3 { margin-top: 0; font-size: 3.3rem; line-height: 1.1; } @media screen and (max-width: 56.25em) { h3, .h3 { font-size: 2.5rem; } } @media screen and (max-width: 37.5em) { h3, .h3 { font-size: 2.2rem; } } h4, .h4 { margin-top: 2rem; margin-bottom: 0.5rem; font-size: 2.5rem; font-weight: 500; } @media screen and (max-width: 56.25em) { h4, .h4 { font-size: 2.2rem; } } h5, .h5 { margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; } .subtitle { display: block; margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.6; color: #272E6A; } @media screen and (max-width: 56.25em) { .subtitle { font-size: 1.3rem; } } .lead { margin-bottom: 6rem; font-size: 2rem; color: #182E57; } @media screen and (max-width: 56.25em) { .lead { font-size: 1.6rem; } } q { quotes: "«" "»" "‹" "›"; } input:focus, textarea:focus, select:focus { border: 1px solid #E39D0B; outline: none; transition: border 0.4s; } hr { height: 1px; border-width: 1px 0 0; border-style: solid; border-color: #000; } img { vertical-align: middle; height: auto; max-width: 100%; } input, select, textarea { margin-bottom: 1.6rem; padding: 1rem 2rem; border: 1px solid #000; border-radius: 0.6rem; background-color: transparent; transition: color 0.4s, background 0.4s; font-family: "Manrope"; font-size: 1.7rem; font-weight: 400; line-height: 1.4; color: #000; background-color: #FFF; } @media screen and (max-width: 56.25em) { input, select, textarea { font-size: 1.4rem; } } input[type=button], input[type=submit], button[type=button], button[type=submit] { letter-spacing: 0.09em; text-transform: uppercase; font-size: 1.5rem; font-weight: 700; cursor: pointer; } @media screen and (max-width: 56.25em) { input[type=button], input[type=submit], button[type=button], button[type=submit] { font-size: 1.4rem; } } input[type=button] a, input[type=submit] a, button[type=button] a, button[type=submit] a { display: inline-block; width: 40.75rem; max-width: 100%; padding: 1rem 2rem; border: 0.1rem solid transparent; border-radius: 0.6rem; color: #FFF; background-color: #E39D0B; transition: all 0.4s; } input[type=button]:hover a, input[type=submit]:hover a, button[type=button]:hover a, button[type=submit]:hover a { border: 0.1rem solid #E39D0B; color: #E39D0B; background-color: transparent; } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("/files/template/img/select-down.svg"); background-repeat: no-repeat; background-position: right 1.2rem top 50%; background-size: 1.3rem; } table { width: 100%; font-size: inherit; } ::-moz-selection { text-shadow: none; color: #FFF; background: #E39D0B; } ::selection { text-shadow: none; color: #FFF; background: #E39D0B; } /** * base structure */ .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .show-tablet { display: none !important; } @media screen and (max-width: 56.25em) { .show-tablet { display: block !important; } } .main-wrapper { display: flex; flex-direction: column; min-height: calc(100vh - 2.4rem); } .main-wrapper > * { flex: 0 0 auto; } .main-wrapper > .main-container { flex: 1 0 auto; } .main-wrapper .mod_article { margin-bottom: 18rem; } @media screen and (max-width: 56.25em) { .main-wrapper .mod_article { margin-bottom: 12rem; } } @media screen and (max-width: 37.5em) { .main-wrapper .mod_article { margin-bottom: 6rem; } } .main-wrapper .mod_article:last-child { margin-bottom: 5rem; } @media screen and (max-width: 56.25em) { .main-wrapper .mod_article:last-child { margin-bottom: 3.5rem; } } @media screen and (max-width: 37.5em) { .main-wrapper .mod_article:last-child { margin-bottom: 1.5rem; } } .main-wrapper .mod_article:last-child.bg_color { margin-bottom: 0; } .base-width, .featherlight-content, .main .mod_article > * { width: 98%; width: calc(100% - 2 * 2rem); max-width: 126rem; margin-right: auto; margin-left: auto; } .base-width--full-width, .main .mod_article > *.full-width { width: auto; max-width: none; } .base-width--inset-width, .main .mod_article > *.inset-width { width: calc(100% - 2 * 8rem); max-width: 76rem; } @media screen and (max-width: 56.25em) { .base-width--inset-width, .main .mod_article > *.inset-width { width: 98%; width: calc(100% - 2 * 2rem); max-width: 126rem; margin-right: auto; margin-left: auto; } } .base-width--outset-width, .main .mod_article > *.outset-width { width: 100%; max-width: 192rem; } .base-width--inset-width, .main .mod_article > *.inset-width, .base-width--outset-width, .main .mod_article > *.outset-width { margin-right: auto; margin-left: auto; } .mb-0 { margin-bottom: 0 !important; } /** * Main content */ .style-homepage .mod_breadcrumb { display: none; } .enable-quote .quote { display: block; } /** * Header */ .header-top { position: relative; z-index: 10; max-width: 192rem; margin: 0 auto; margin-bottom: -1.5rem; padding-top: 1.5rem; padding-right: 9rem; text-align: right; font-size: 1.5rem; font-weight: 500; } @media screen and (max-width: 56.25em) { .header-top { font-size: 1.4rem; } } @media screen and (max-width: 81.25em) { .header-top { padding-right: 5rem; } } @media screen and (max-width: 56.25em) { .header-top { display: none; } } .header-top > * { display: inline-block; margin-right: 1.5rem; } .header-top > *:last-child { margin-right: 0; } .header-top > * ul { margin-bottom: 0; } .header-top__navigation li { display: inline-block; margin-right: 1.5rem; } .header-top__navigation li:last-child { margin-right: 0; } .header-top__navigation strong { color: #E39D0B; } .header-top__langswitcher { margin-right: 0; } .header-top__search { position: absolute; left: calc(100% - 6.5rem); cursor: pointer; } @media screen and (max-width: 81.25em) { .header-top__search { right: 2rem; left: auto; } } .main-header { position: relative; position: sticky; top: 0; z-index: 100; margin-bottom: 4rem; padding-bottom: 2rem; background-color: white; box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.05); } .main-header .search { position: absolute; top: 100%; z-index: -1; width: 100%; padding: 2rem 0; text-align: right; background-color: #E39D0B; visibility: hidden; opacity: 0; transition: all 0.4s; } .main-header .search.active { visibility: visible; opacity: 1; transition: all 0.4s; } .main-header .search .mod_form { width: 100%; max-width: 192rem; margin: 0 auto; padding-right: 6rem; } .main-header .search input { margin-bottom: 1.6rem; padding: 1rem 2rem; border: 1px solid #000; border-radius: 0.6rem; background-color: transparent; transition: color 0.4s, background 0.4s; font-family: "Manrope"; font-size: 1.7rem; font-weight: 400; line-height: 1.4; border-color: #FFF; color: #FFF; } @media screen and (max-width: 56.25em) { .main-header .search input { font-size: 1.4rem; } } .main-header .search input::placeholder { color: #FFF; } .main-header .search input, .main-header .search form { margin-bottom: 0; } .header-view { display: flex; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; height: 100%; max-width: 192rem; margin: 0 auto; padding-top: 1.5rem; padding-right: 9rem; padding-left: 6rem; font-size: 2rem; font-weight: 500; } @media screen and (max-width: 81.25em) { .header-view { flex-wrap: nowrap; align-items: center; width: 98%; width: calc(100% - 2 * 2rem); max-width: 126rem; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } } .header-view__menu .mod_mmenu { display: none; } @media screen and (max-width: 81.25em) { .header-view__menu nav { display: none; } } .header-view__menu ul { margin-bottom: 0; } .header-view__menu .level_1 { margin-bottom: 1.5rem; } .header-view__menu .level_1 > li { display: inline-block; position: relative; margin-right: 3.5rem; } .header-view__menu .level_1 > li:last-child { margin-right: 0; } .header-view__menu .level_1 > li > strong, .header-view__menu .level_1 > li .trail { font-weight: 700; color: #E39D0B; } .header-view__menu .level_1 li:hover .level_2 { visibility: visible; opacity: 1; } .header-view__menu .level_2 { position: absolute; top: 100%; right: -2rem; min-width: 19.75rem; padding-top: 2rem; font-size: 1.7rem; visibility: hidden; opacity: 0; } .header-view__menu .level_2 a, .header-view__menu .level_2 strong { display: block; margin-bottom: 0.3rem; padding: 0.5rem 1rem; color: inherit; background-color: #EDEDED; transition: background-color 0.2s 0.2s, color 0.2s 0.2s; } .header-view__menu .level_2 strong, .header-view__menu .level_2 .trail { color: #FFF !important; background-color: #E39D0B; } .header-view__menu .level_2 a:hover { color: #FFF !important; background-color: #E39D0B; transition: background-color 0s, color 0s; } .header-view__logo img { width: 40rem; max-width: 100%; } .header-view .menu .hamburger { display: none; margin-left: 4rem; } @media screen and (max-width: 81.25em) { .header-view .menu .hamburger { display: block; } } .headerarea { margin-top: -4rem; } .headerarea .mod_article { margin-bottom: 0; } .headerarea .l-double__layout1 { justify-content: normal; } .headerarea .l-double__layout1 .l-double__main { margin: 0 auto; } @media screen and (max-width: 56.25em) { .headerarea .l-double__layout1 .l-double__main { padding: 0 2rem !important; } } .headerarea .l-double__layout1 .l-double__header { margin-bottom: 0; } @media screen and (max-width: 56.25em) { .headerarea .l-double__layout1 .l-double__header { margin-bottom: 2rem; } } .headerarea .l-double--reverse__header { margin-left: 0; } /** * Footer */ .main-footer .footer-wrapper { font-size: 2rem; padding: 4rem 0; background-color: #EDEDED; } @media screen and (max-width: 56.25em) { .main-footer .footer-wrapper { font-size: 1.5rem; } } .main-footer .footer-wrapper .inner { display: grid; position: relative; grid-template-columns: auto 1fr; } @media screen and (max-width: 37.5em) { .main-footer .footer-wrapper .inner { display: block; } } .main-footer .footer-area { margin-right: 14rem; } @media screen and (max-width: 81.25em) { .main-footer .footer-area { margin-right: 10rem; } } @media screen and (max-width: 56.25em) { .main-footer .footer-area { margin-right: 5rem; } } @media screen and (max-width: 37.5em) { .main-footer .footer-area { margin-right: 0; } } .main-footer .footer-area:last-child, .main-footer .footer-area--columns { margin-right: 0; } .main-footer .footer-area--columns { width: 100%; padding-bottom: 5rem; } @media screen and (max-width: 37.5em) { .main-footer .footer-area--columns { padding-bottom: 0; } } .main-footer .footer-area--columns ul.level_1 { display: flex; flex-direction: row; justify-content: space-between; } @media screen and (max-width: 56.25em) { .main-footer .footer-area--columns ul.level_1 { flex-wrap: wrap; } } @media screen and (max-width: 37.5em) { .main-footer .footer-area--columns ul.level_1 { display: block; } } @media screen and (max-width: 56.25em) { .main-footer .footer-area--columns ul.level_1 > li { width: 50%; } } .main-footer .footer-area--columns ul.level_1 > li > a { margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; display: block; margin-bottom: 0.5rem; } @media screen and (max-width: 37.5em) { .main-footer .footer-area--columns ul.level_2 { margin-bottom: 2rem; } } .main-footer .footer-area--row2 { position: absolute; right: 0; bottom: 0; } @media screen and (max-width: 56.25em) { .main-footer .footer-area--row2 { right: auto; bottom: 7rem; left: calc(30rem + (100% - 30rem) / 2); } } @media screen and (max-width: 37.5em) { .main-footer .footer-area--row2 { position: static; } } .main-footer .footer-sector { display: flex; flex-flow: wrap column; margin-top: 40px; margin-bottom: 5rem; } @media screen and (max-width: 37.5em) { .main-footer .footer-sector { margin-bottom: 2rem; } } .main-footer .footer-sector--logo img { width: 38rem; } @media screen and (max-width: 56.25em) { .main-footer .footer-sector--logo img { width: 25rem; } } .main-footer .footer-sector--social__item { display: flex; flex-flow: wrap row; justify-content: space-between; width: 100%; } .main-footer .footer-sector--social__item .ce_gallery { width: 100%; } .main-footer .footer-sector--social__item .ce_gallery ul { display: flex; flex-flow: wrap row; width: 100%; gap: 10px; } .main-footer .footer-sector--contact { font-size: 1.5rem; } @media screen and (max-width: 56.25em) { .main-footer .footer-sector--contact { font-size: 1.4rem; } } .main-footer .footer-bottom { font-size: 1.4rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-right: calc(50vw - 63rem); padding-top: 0.8rem; padding-bottom: 0.8rem; padding-left: 2rem; } @media screen and (max-width: 56.25em) { .main-footer .footer-bottom { font-size: 1.3rem; } } @media screen and (max-width: 81.25em) { .main-footer .footer-bottom { margin-right: 2rem; } } .main-footer .footer-bottom p, .main-footer .footer-bottom ul { margin-bottom: 0; } @media screen and (max-width: 37.5em) { .main-footer .footer-bottom--links { margin-top: 2rem; } } .main-footer .footer-bottom--links li { display: inline-block; margin-right: 1.5rem; } @media screen and (max-width: 37.5em) { .main-footer .footer-bottom--links li { display: block; margin-right: 0; margin-bottom: 0.2rem; color: #E39D0B; } } .main-footer .footer-bottom--links li:last-child { margin-right: 0; } .fly_in { position: fixed; top: 12%; left: 100%; z-index: 1000; } @media screen and (max-width: 81.25em) { .fly_in { top: 30%; } } .fly_in--toggler div { position: absolute; top: 0; z-index: 1; width: 5.5rem; height: 5.5rem; font-size: 3.3rem; color: #FFF; background-color: #E39D0B; transform: translateX(-5.5rem); transition: top 0.4s 0.4s, transform 0.4s, z-index 0s 0.6s; cursor: pointer; } @media screen and (max-width: 37.5em) { .fly_in--toggler div { width: 4rem; height: 4rem; font-size: 2rem; transform: translateX(-4rem); } } .fly_in--toggler div.fly_in--contact { top: 7rem; } @media screen and (max-width: 37.5em) { .fly_in--toggler div.fly_in--contact { top: 5rem; } } .fly_in--toggler div.fly_in--share { top: 14rem; } @media screen and (max-width: 37.5em) { .fly_in--toggler div.fly_in--share { top: 10rem; } } .fly_in--toggler div i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fly_in--toggler div.active { z-index: 100; transform: translateX(calc(-100% - 40.5rem)); transition: top 0.4s, transform 0.4s 0.4s, z-index 0s; } @media screen and (max-width: 37.5em) { .fly_in--toggler div.active { transform: translateX(calc(-100% - 30.5rem)); } } .fly_in--container.active .fly_in--toggler div { top: 0; transition: top 0.4s, transform 0.4s 0.4s; } .fly_in--content { position: absolute; left: 100%; font-size: 2rem; } @media screen and (max-width: 37.5em) { .fly_in--content { font-size: 1.5rem; } } .fly_in--content > * { position: absolute; top: 0; left: 0; z-index: 2; width: 40rem; padding: 1.5rem 2rem; background-color: #E39D0B; transform: translateX(0); transition: transform 0.4s, z-index 0s 0.6s; } @media screen and (max-width: 37.5em) { .fly_in--content > * { width: 30rem; } } .fly_in--content > * h3 { font-size: 2.2rem; margin-top: 0; margin-bottom: 2rem; color: #FFF; } @media screen and (max-width: 37.5em) { .fly_in--content > * h3 { font-size: 1.7rem; } } .fly_in--content > * table { margin-bottom: 0; border: none; } .fly_in--content > * table td { border: none; } .fly_in--content > *.active { z-index: 100; transform: translateX(-100%); transition: transform 0.4s 0.4s, z-index 0s; } .fly_in--close { position: absolute; top: 1.5rem; right: 1.5rem; font-size: 2.2rem; color: #FFF; cursor: pointer; } @media screen and (max-width: 37.5em) { .fly_in--close { font-size: 2rem; } } .fly_in .ce_text a { color: #000; } .fly_in .ce_text a:hover { color: inherit; } .fly_in .ce_form { max-width: 100%; } .fly_in .ce_form .widget input, .fly_in .ce_form .widget textarea, .fly_in .ce_form .widget select { width: 100%; margin-bottom: 1.6rem; padding: 1rem 2rem; border: 1px solid #000; border-radius: 0.6rem; background-color: transparent; transition: color 0.4s, background 0.4s; font-family: "Manrope"; font-size: 1.7rem; font-weight: 400; line-height: 1.4; } @media screen and (max-width: 56.25em) { .fly_in .ce_form .widget input, .fly_in .ce_form .widget textarea, .fly_in .ce_form .widget select { font-size: 1.4rem; } } .fly_in .ce_form .widget label { font-family: "Manrope"; font-size: 1.7rem; font-weight: 400; line-height: 1.4; padding-left: 0; } @media screen and (max-width: 56.25em) { .fly_in .ce_form .widget label { font-size: 1.4rem; } } .fly_in .ce_form .widget.filled label, .fly_in .ce_form .widget.focus label, .fly_in .ce_form .widget-select label { background-color: #E39D0B; } .fly_in .ce_form .widget.filled input, .fly_in .ce_form .widget.filled textarea, .fly_in .ce_form .widget.focus input, .fly_in .ce_form .widget.focus textarea, .fly_in .ce_form .widget-select input, .fly_in .ce_form .widget-select textarea { border: 1px solid #FFF; } .fly_in .ce_form .widget button { letter-spacing: 0.09em; text-transform: uppercase; font-size: 1.5rem; font-weight: 700; cursor: pointer; width: 100%; margin-bottom: 0; padding: 1rem; border: 0.1rem solid #FFF; border-radius: 0.6rem; color: #E39D0B; background-color: #FFF; } @media screen and (max-width: 56.25em) { .fly_in .ce_form .widget button { font-size: 1.4rem; } } .fly_in .ce_form .widget button a { display: inline-block; width: 40.75rem; max-width: 100%; padding: 1rem 2rem; border: 0.1rem solid transparent; border-radius: 0.6rem; color: #FFF; background-color: #E39D0B; transition: all 0.4s; } .fly_in .ce_form .widget button:hover a { border: 0.1rem solid #E39D0B; color: #E39D0B; background-color: transparent; } .fly_in .ce_form .widget button:hover { border: 0.1rem solid #FFF; color: #FFF; background-color: transparent; } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion icon-burger bem module *****************************************************************************/ /* .icon-burger Styleguide classes.icon-burger */ .icon-burger { display: inline-block; position: relative; width: 4rem; height: 3rem; border: 0 solid #E39D0B; border-width: 4px 0; transition: border 0.4s 0.4s, color 0.4s 0.4s; cursor: pointer; } .icon-burger::before, .icon-burger::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 4px; background-color: #E39D0B; transform: translate(-50%, -50%) rotate(0deg); transition: transform 0.4s, background 0.4s; } .icon-burger--close { border: 0 solid transparent; transition-delay: 0s; } .icon-burger--close::before, .icon-burger--close::after { transition-delay: 0.4s; } .icon-burger--close::before { transform: translate(-50%, -50%) rotate(135deg); } .icon-burger--close::after { transform: translate(-50%, -50%) rotate(-135deg); } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion ce_text bem module *****************************************************************************/ /* .ce_text Styleguide classes.ce_text */ .ce_text ol, .ce_text ul, .text-container ol, .text-container ul { display: table; list-style: none; width: 100%; } .ce_text li, .text-container li { display: table-row; } .ce_text li::before, .text-container li::before { content: "–"; display: table-cell; width: 1px; padding-right: 0.3em; } .ce_text li::after, .text-container li::after { content: ""; display: block; margin-bottom: 0.4em; } .ce_text li ul, .ce_text li ol, .ce_text li li::after, .text-container li ul, .text-container li ol, .text-container li li::after { margin-bottom: 0; } .ce_text ol, .text-container ol { counter-reset: list-count; } .ce_text ol li::before, .text-container ol li::before { content: counter(list-count) "."; counter-increment: list-count; text-align: right; } .ce_text a, .text-container a { text-decoration: underline; color: #182E57; transition: color 0.3s; } .ce_text a:hover, .text-container a:hover { text-decoration: none; color: rgba(227, 157, 11, 0.8); } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion l-double bem module *****************************************************************************/ /* .l-double Styleguide classes.l-double */ .l-double { display: flex; position: relative; align-items: stretch; margin-bottom: 15rem; } @media screen and (max-width: 56.25em) { .l-double { flex-direction: column; margin-bottom: 8rem; } } .l-double--valign-center { align-items: center; } .l-double--valign-bottom { align-items: flex-end; } .l-double__header { width: 82.75rem; } @media screen and (max-width: 56.25em) { .l-double__header { flex: 0 0 auto; width: 100% !important; } } .l-double__image { height: 100%; max-width: 96rem; margin-left: auto; text-align: center; } .l-double__image .slick-slider, .l-double__image .slick-list, .l-double__image .slick-track, .l-double__image .slick-slide { height: 100%; } .l-double__image .slick-slide > div { height: 100%; } .l-double__image img { width: 100%; height: 100%; object-fit: cover; } .l-double__main { position: absolute; top: 5rem; right: 0; width: 100%; max-width: 61.75rem; padding: 2rem; } @media screen and (max-width: 56.25em) { .l-double__main { position: relative; top: 0; max-width: 75%; margin-left: 100%; transform: translateX(-100%) translateY(-5rem); } } @media screen and (max-width: 37.5em) { .l-double__main { position: static; max-width: 100%; margin-left: 0; transform: none; } } .l-double--reverse__header { margin-left: auto; } .l-double--reverse__header .slick-next { right: 4rem; left: auto; } .l-double--reverse__header .slick-prev { right: 13rem; left: auto; } .l-double--reverse__main { right: auto; left: 0; } @media screen and (max-width: 56.25em) { .l-double--reverse__main { margin-left: 0; transform: translateX(0) translateY(-5rem); } } @media screen and (max-width: 37.5em) { .l-double--reverse__main { transform: none; } } .l-double__layout1 { justify-content: space-between; margin-bottom: 0; } @media screen and (max-width: 56.25em) { .l-double__layout1 { margin-bottom: 4rem; } } .l-double__layout1.l-double--reverse { flex-direction: row-reverse; } @media screen and (max-width: 56.25em) { .l-double__layout1.l-double--reverse { flex-direction: column; } } .l-double__layout1 .l-double__main { position: static; align-self: center; padding: 0 6rem; color: inherit; background-color: transparent; } @media screen and (max-width: 56.25em) { .l-double__layout1 .l-double__main { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; padding: 0 !important; transform: none !important; } } .l-double__layout1 .l-double__header { margin-bottom: 2rem; } .l-double__layout1 .l-double__main, .l-double__layout1 .l-double__header { width: 50%; } .l-double__layout2 h2 { margin-bottom: 3rem; } .l-double__layout2 h3 { margin-bottom: 5rem; } .l-double__layout2 .ce_hyperlink { margin-top: 10rem; } .l-double__layout2.l-double--reverse { flex-direction: row-reverse; } @media screen and (max-width: 56.25em) { .l-double__layout2.l-double--reverse { flex-direction: column; } } .l-double__layout2.l-double--reverse .slick-prev, .l-double__layout2.l-double--reverse .slick-next { left: 0; } .l-double__layout2.l-double--reverse .l-double__main { padding-right: 5rem; padding-left: calc((100vw - 126rem) / 2); } .l-double__layout2 .l-double__header { width: 50%; } .l-double__layout2 .l-double__main { position: static; align-self: stretch; width: 50%; max-width: none; padding: 5rem 0 15rem 5rem; padding-right: calc((100vw - 126rem) / 2); } @media screen and (max-width: 81.25em) { .l-double__layout2 .l-double__main { padding-right: 5rem; } } @media screen and (max-width: 56.25em) { .l-double__layout2 .l-double__main { width: 100%; padding: 4rem 2rem 6rem; } } .l-double__layout2 .slick-slide { width: 100%; } .l-double__layout2 .slick-prev, .l-double__layout2 .slick-next { right: auto; bottom: 3rem; left: 100%; width: 6rem; height: 6rem; background-color: #E39D0B; transform: none; } @media screen and (max-width: 56.25em) { .l-double__layout2 .slick-prev, .l-double__layout2 .slick-next { top: auto; right: 0; bottom: 0; left: auto; transform: translateY(50%); } } .l-double__layout2 .slick-prev::before, .l-double__layout2 .slick-next::before { position: absolute; top: 50%; font-size: 4rem; color: #FFF; transform: translateY(-50%); } .l-double__layout2 .slick-prev.slick-disabled, .l-double__layout2 .slick-next.slick-disabled { opacity: 0.8; } .l-double__layout2 .slick-next { text-align: left; } .l-double__layout2 .slick-next::before { content: "\ea3c"; left: 0; } .l-double__layout2 .slick-prev { text-align: right; transform: translateX(-100%); } @media screen and (max-width: 56.25em) { .l-double__layout2 .slick-prev { transform: translateX(-100%) translateY(50%); } } .l-double__layout2 .slick-prev::before { content: "\ea40"; right: 0; } .l-double__layout3 .l-double__header { width: 82.75rem; } .l-double__layout3 .l-double__main { position: relative; top: auto; right: auto; align-self: end; width: 100%; max-width: 40.75rem; margin-top: 5rem; margin-bottom: -5rem; padding: 10rem 0 10rem 8rem; background-color: transparent; } @media screen and (max-width: 56.25em) { .l-double__layout3 .l-double__main { align-self: start; max-width: 30.25rem; margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 4rem 2rem; background-color: #272E6A; transform: translateY(-5rem); } } @media screen and (max-width: 37.5em) { .l-double__layout3 .l-double__main { max-width: 100%; transform: translateY(0); } } .l-double__layout3 .l-double__main::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; width: 82.75rem; background-color: #272E6A; } @media screen and (max-width: 56.25em) { .l-double__layout3 .l-double__main::after { display: none; } } .l_tile { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2.5rem; row-gap: 6rem; } @media screen and (max-width: 81.25em) { .l_tile { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 56.25em) { .l_tile { grid-template-columns: repeat(2, 1fr); row-gap: 4rem; } } @media screen and (max-width: 37.5em) { .l_tile { grid-template-columns: repeat(1, 1fr); row-gap: 2.5rem; } } .l_tile--item { position: relative; } .l_tile--item a { position: absolute; inset: 0; } .l_tile--item:hover .l_tile--content { background-color: #E39D0B; transition: all 0s; } .l_tile--item:hover .l_tile--more { color: #FFF; transition: all 0s; } .l_tile--image { display: flex; flex-direction: row; align-items: center; height: 20rem; background-color: #F3F3F3; } .l_tile--image img { width: 100%; height: 100%; object-fit: cover; } .l_tile--content { display: flex; flex-direction: column; justify-content: space-between; height: auto; min-height: 15rem; padding: 2.5rem 2rem; background-color: #EDEDED; transition: all 0.2s 0.2s; } .l_tile--content h3 { margin-bottom: 2rem; } .l_tile--more { letter-spacing: 0.09em; text-transform: uppercase; margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; margin-bottom: 0; color: #A8A3A3; transition: all 0.2s 0.2s; } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion article_gallery module *****************************************************************************/ .article_gallery { overflow: hidden; } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion ce_accordion bem module *****************************************************************************/ /* .ce_accordion Styleguide classes.ce_accordion */ .ce_accordion .toggler:focus { outline: none; } .ce_accordion.accordion_default { margin-bottom: 4rem; border-bottom: 0.2rem solid #E39D0B; } .ce_accordion.accordion_default .toggler { position: relative; padding-left: 3rem; cursor: pointer; } .ce_accordion.accordion_default .toggler .ui-icon { position: absolute; top: 50%; left: 0; width: 2rem; height: 2rem; border: 2px solid #000; border-radius: 50%; font-size: 2.5rem; color: #E39D0B; transform: translateY(-50%); } .ce_accordion.accordion_default .toggler .ui-icon::before, .ce_accordion.accordion_default .toggler .ui-icon::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 0.8rem; height: 0.2rem; border-radius: 0.2rem; background-color: #000; transform: translate(-50%, -50%); } .ce_accordion.accordion_default .toggler .ui-icon::before { transform: translate(-50%, -50%) rotate(90deg); transition: transform 0.4s; } .ce_accordion.accordion_default .toggler.active .ui-icon::before { transform: translate(-50%, -50%) rotate(0deg); } .ce_accordion.accordion_default .accordion { overflow-y: hidden; padding-top: 2rem; padding-left: 2.2rem; border-left: 0.8rem solid #E39D0B; } .ce_hyperlink { font-size: 1.5rem; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 700; } @media screen and (max-width: 56.25em) { .ce_hyperlink { font-size: 1.4rem; } } .ce_hyperlink.bg_color--blue a { background-color: #182E57; } .ce_hyperlink.bg_color--grey a { background-color: #A8A3A3; } .ce_form input, .ce_form select, .ce_form textarea { width: 100%; margin-bottom: 0; } .ce_form .widget { position: relative; width: 100%; margin-bottom: 2rem; } .ce_form .widget label { position: absolute; top: 1rem; left: 1.5rem; padding-top: 0; padding-right: 1rem; padding-bottom: 0; padding-left: 0.5rem; font-size: inherit; background-color: transparent; transition: all 0.4s; pointer-events: none; } .ce_form .widget.filled label, .ce_form .widget.focus label, .ce_form .widget-select label { font-size: 1.5rem; top: -1.2rem; background-color: #FFF; transition: top 0.4s, font-size 0.4s, background-color 0s; } @media screen and (max-width: 56.25em) { .ce_form .widget.filled label, .ce_form .widget.focus label, .ce_form .widget-select label { font-size: 1.4rem; } } .ce_form .widget.filled input, .ce_form .widget.filled textarea, .ce_form .widget.filled select, .ce_form .widget.focus input, .ce_form .widget.focus textarea, .ce_form .widget.focus select, .ce_form .widget-select input, .ce_form .widget-select textarea, .ce_form .widget-select select { border: 1px solid #E39D0B; } .ce_form .widget-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .ce_form .widget-wrapper > * { width: calc(50% - 1.25rem); } @media screen and (max-width: 37.5em) { .ce_form .widget-wrapper > * { width: 100%; } } .ce_form .widget-explanation { font-size: 1.5rem; margin-bottom: 1rem; } @media screen and (max-width: 56.25em) { .ce_form .widget-explanation { font-size: 1.4rem; } } .ce_form .widget-explanation p { margin-bottom: 0; } .ce_form .widget-submit button { display: inline-block; width: 40.75rem; max-width: 100%; padding: 1rem 2rem; border: 0.1rem solid transparent; border-radius: 0.6rem; color: #FFF; background-color: #E39D0B; transition: all 0.4s; } .ce_form .widget-submit button:hover { border: 0.1rem solid #E39D0B; color: #E39D0B; background-color: transparent; } .ce_youtube .video_container { overflow: hidden; position: relative; height: 0; padding-top: 56.25%; /* 16:9 */ } .ce_youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_downloads li { margin-bottom: 1.5rem; } .ce_downloads i { margin-right: 1rem; color: #E39D0B; } .ce_list ul.checked, .ce_list ol.checked { list-style: none; margin-bottom: 0; padding-left: 0; } .ce_list ul.checked li, .ce_list ol.checked li { display: table; position: relative; margin-bottom: 1em; } .ce_list ul.checked li::before, .ce_list ol.checked li::before { content: "\ea10"; display: table-cell; vertical-align: top; padding-top: 0.2em; padding-right: 1rem; font-family: "icons", sans-serif; font-size: 0.8em; color: #E39D0B; } .ce_google_map { display: flex; flex-direction: row; flex-wrap: wrap; } .ce_google_map .ce_text, .ce_google_map > div:nth-child(2) { width: 100%; } .ce_google_map .ce_text { position: relative; align-self: flex-end; order: 2; max-width: 40.75rem; margin-bottom: -5rem; padding: 10rem 0 10rem 8rem; color: #FFF; } .ce_google_map .ce_text::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; width: 82.75rem; background-color: #272E6A; } .ce_google_map > div:nth-child(2) { max-width: 82.75rem; } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion button bem module *****************************************************************************/ /* .button Styleguide classes.button */ .button { letter-spacing: 0.09em; text-transform: uppercase; font-size: 1.5rem; font-weight: 700; cursor: pointer; } @media screen and (max-width: 56.25em) { .button { font-size: 1.4rem; } } .button a { display: inline-block; width: 40.75rem; max-width: 100%; padding: 1rem 2rem; border: 0.1rem solid transparent; border-radius: 0.6rem; color: #FFF; background-color: #E39D0B; transition: all 0.4s; } .button:hover a { border: 0.1rem solid #E39D0B; color: #E39D0B; background-color: transparent; } .button.space-big a { padding: 1.5rem 2rem; } .button.bg_color--blue:hover a { border-color: #182E57; color: #182E57; } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion inline-list bem module *****************************************************************************/ /* .inline-list Styleguide classes.inline-list */ .inline-list { display: flex; margin: 0 -0.7rem; } .inline-list__item { margin: 0 0.7rem; } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion cookie-banner bem module *****************************************************************************/ /* .cookie-banner Styleguide classes.cookie-banner */ .cookie-banner { position: fixed; right: 0; bottom: 0; left: 0; padding-top: 1.6rem; padding-bottom: 1.6rem; color: #FFF; background-color: rgba(227, 157, 11, 0.8); } .cookie-banner__button { text-decoration: none; } /**************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion input bem module *****************************************************************************/ /* .input Styleguide classes.input */ .input { position: relative; } .input + .input { margin-top: 1.6rem; } .input__label { margin-bottom: 1.6rem; padding: 1rem 2rem; border: 1px solid #000; border-radius: 0.6rem; background-color: transparent; transition: color 0.4s, background 0.4s; font-family: "Manrope"; font-size: 1.7rem; font-weight: 400; line-height: 1.4; } @media screen and (max-width: 56.25em) { .input__label { font-size: 1.4rem; } } .input__label, .input__field { margin: 0; } .input__field { margin-bottom: 1.6rem; padding: 1rem 2rem; border: 1px solid #000; border-radius: 0.6rem; background-color: transparent; transition: color 0.4s, background 0.4s; font-family: "Manrope"; font-size: 1.7rem; font-weight: 400; line-height: 1.4; color: #000; background-color: #FFF; display: block; width: 100%; border: 1px solid #000; background-color: #FFF; outline: none; transition: outline 0.3s, background 0.3s; } @media screen and (max-width: 56.25em) { .input__field { font-size: 1.4rem; } } .input__field:-webkit-autofill { animation-name: onAutoFillStart; } .input__field :not(:-webkit-autofill) { animation-name: onAutoFillCancel; } .js .input__label { position: absolute; top: 0; left: 0; color: #000; opacity: 1; transition: top, left, font-size, padding, color, opacity, transform; transition-duration: 0.2s; } .js .input__label--static { position: static; } .js .input__field:focus { outline: none; } .js .input--has-focus .input__label { opacity: 0.8; } .js .input--has-focus .input__label, .js .input--is-filled-out .input__label { padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.2em; font-size: 0.7em; color: inherit; transform: translateY(-100%); } .js .input--is-filled-out .input__label { padding-left: 0.2em; opacity: 1; transition-duration: 0.8s; } .js .input--is-filled-out .input__input { color: rbga(#000, 0.9); } @keyframes onAutoFillStart { 0% { opacity: 0.99; } 100% { opacity: 1; } } @keyframes onAutoFillCancel { 0% { opacity: 0.99; } 100% { opacity: 1; } } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion slick bem module *****************************************************************************/ /* .slick Styleguide classes.slick */ .slick-list { cursor: grab; } .slick-list:active { cursor: grabbing; } .slick-slider img { width: 100%; } .slick-slider a { outline: 0; } .slick-slide, .slick-slide * { outline: none; } .slick-dots { bottom: 3.5rem; left: 50%; width: auto; transform: translateX(-50%); } .slick-dots li { width: 1.3rem; height: 1.3rem; margin: 0 1.5rem; } .slick-dots button::before { content: "" !important; width: 1.3rem !important; height: 1.3rem !important; background-color: #FFF; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); } .slick-slide > div { display: flex; } .slick-prev, .slick-next { top: auto; bottom: 2rem; z-index: 1; width: 7.5rem; height: 7.5rem; transition: width 0.4s, height 0.4s; } @media screen and (max-width: 56.25em) { .slick-prev, .slick-next { top: 65%; width: 4.5rem; height: 4.5rem; } } .slick-prev::before, .slick-next::before { font-family: "icons", "slick", Arial, sans-serif; font-size: 7.5rem; color: #E39D0B; opacity: 1; transition: font-size 0.4s; } @media screen and (max-width: 56.25em) { .slick-prev::before, .slick-next::before { font-size: 4.5rem; } } .slick-next { right: auto; left: 13rem; } .slick-next::before { content: "\ea42"; } .slick-prev { left: 4rem; } .slick-prev::before { content: "\ea44"; } .slick-disabled { cursor: default; } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion dlh_googlemap bem module *****************************************************************************/ /* .dlh_googlemap Styleguide classes.dlh_googlemap */ .dlh_googlemap { width: 100%; height: 500px; } .map-container { position: relative; background: lightgray; } .map-container .ccm-plugin--script-placeholder .maps-alternative { position: absolute; top: 40%; width: 100%; height: 100%; padding: 40px; text-align: center; } .map-container .ccm-plugin--script-placeholder .maps-alternative .button { margin-right: 20px; padding: 1.5rem 2rem; border: 1px solid transparent; color: white; background-color: #182E57; } .map-container .ccm-plugin--script-placeholder .maps-alternative .button:hover { border: 1px solid #182E57; color: #182E57; background-color: white; } .mod_changelanguage__container { position: relative; } .mod_changelanguage__container:hover .mod_changelanguage__inactive { visibility: visible; opacity: 1; transition: opacity 0.4s, visibility 0s; } .mod_changelanguage__inactive { position: absolute; top: 100%; z-index: 10; margin-left: -1rem; padding: 1rem; color: #FFF; background-color: #E39D0B; visibility: hidden; opacity: 0; transition: opacity 0.4s, visibility 0s 0.4s; } .ce_rsce_image_wrapper_begin:last-child .l-double { margin-bottom: 0; } .iconcontent { display: grid; grid-gap: 2.5rem; grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 56.25em) { .iconcontent { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 37.5em) { .iconcontent { grid-template-columns: repeat(1, 1fr); } } .iconcontent__item { display: flex; flex-direction: column; flex-wrap: wrap; padding: 0 3rem; text-align: center; } .iconcontent__icon { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 15rem; height: 15rem; margin: 0 auto; margin-bottom: 4rem; border-radius: 50%; font-family: "icons"; font-size: 6rem; color: #FFF; background-color: #182E57; } .iconcontent__content { color: #182E57; } .iconcontent__content span { display: block; } .iconcontent__content .text { margin-bottom: 6rem; font-size: 2rem; color: #182E57; } @media screen and (max-width: 56.25em) { .iconcontent__content .text { font-size: 1.6rem; } } .iconcontent h4 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; } .bg_wrapper .iconcontent__item { background-color: #FFF; } .spacer { margin: 0 auto; padding: 7.5rem 0; border: none; } @media screen and (max-width: 56.25em) { .spacer { padding: 3rem 0; } } .spacer.tiny { padding: 4.5rem 0; } @media screen and (max-width: 56.25em) { .spacer.tiny { padding: 1rem 0; } } .services { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } @media screen and (max-width: 81.25em) { .services { display: block; } } .services__circle { position: relative; width: 50%; padding: 4rem 18rem; } @media screen and (max-width: 81.25em) { .services__circle { width: 100%; max-width: 60rem; margin-right: auto; margin-bottom: 8rem; margin-left: auto; } } @media screen and (max-width: 37.5em) { .services__circle { max-width: 32rem; padding: 4rem 9rem; } } .services__circle svg path { transition: fill 0.4s; cursor: pointer; } .services__circle svg path.active { fill: #E39D0B; transition: fill 0.4s; } .services__title span { display: block; position: absolute; max-width: 18.5rem; text-align: center; font-size: 1.5rem; } @media screen and (max-width: 56.25em) { .services__title span { font-size: 1.4rem; } } @media screen and (max-width: 37.5em) { .services__title span { max-width: 10rem; font-size: 0.6em; } } .services__title span:nth-child(6) { top: 92%; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 37.5em) { .services__title span:nth-child(6) { top: 85%; } } .services__title span:nth-child(7) { top: 80%; right: 65%; } @media screen and (max-width: 37.5em) { .services__title span:nth-child(7) { top: 75%; } } .services__title span:nth-child(8) { top: 60%; right: 75%; } @media screen and (max-width: 37.5em) { .services__title span:nth-child(8) { top: 55%; } } .services__title span:nth-child(9) { right: 75%; bottom: 58%; } .services__title span:nth-child(10) { top: 10%; right: 65%; } @media screen and (max-width: 37.5em) { .services__title span:nth-child(10) { top: 15%; } } .services__title span:nth-child(1) { bottom: 95%; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 37.5em) { .services__title span:nth-child(1) { bottom: 90%; } } .services__title span:nth-child(2) { bottom: 80%; left: 65%; } .services__title span:nth-child(3) { bottom: 58%; left: 75%; } .services__title span:nth-child(4) { top: 62%; left: 74%; } .services__title span:nth-child(5) { top: 83%; left: 65%; } @media screen and (max-width: 37.5em) { .services__title span:nth-child(5) { top: 80%; } } .services__title span.active { font-weight: 700; } .services__content { width: calc(50% - 2.5rem); } @media screen and (max-width: 81.25em) { .services__content { width: 100%; } } .services__item { height: 0; visibility: hidden; opacity: 0; transition: opacity 0.4s, visibility 0s 0.4s, height 0s; } .services__item.active { height: auto; visibility: visible; opacity: 1; transition: opacity 0.4s 0.4s, visibility 0s, height 0s 0.8s; } .services__item__text { margin-bottom: 6rem; font-size: 2rem; color: #182E57; } @media screen and (max-width: 56.25em) { .services__item__text { font-size: 1.6rem; } } .mod_newslist_overlaped { display: flex; position: relative; justify-content: center; align-items: flex-start; margin-top: 10rem; margin-top: 1.5rem !important; padding-right: 11.75rem; padding-bottom: 5rem; padding-left: 11.75rem; } @media screen and (max-width: 820px) { .mod_newslist_overlaped { padding-right: 1rem; padding-left: 1rem; } } @media screen and (max-width: 768px) { .mod_newslist_overlaped { padding-bottom: 8rem; } } @media screen and (max-width: 640px) { .mod_newslist_overlaped { padding-right: 0; padding-left: 0; } } .mod_newslist_overlaped .news_listed { display: none; } .mod_newslist_overlaped .layout_latest { flex: 0 0 auto; width: 60rem; max-width: 100%; background-color: #FFF; box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 768px) { .mod_newslist_overlaped .layout_latest { width: calc(100% - 4rem) !important; margin: 2rem !important; } } .mod_newslist_overlaped .layout_latest:first-child { position: relative; z-index: 1; margin-top: 10rem; transform: translateX(1.5rem); } @media screen and (max-width: 1220px) { .mod_newslist_overlaped .layout_latest:first-child { transform: translateX(5rem); } } @media screen and (max-width: 1120px) { .mod_newslist_overlaped .layout_latest:first-child { transform: translateX(20rem); } } @media screen and (max-width: 768px) { .mod_newslist_overlaped .layout_latest:first-child { margin-top: 0; transform: none; } } .mod_newslist_overlaped .layout_latest:nth-child(2) { position: relative; z-index: 2; transform: translateX(-1.5rem); } @media screen and (max-width: 1220px) { .mod_newslist_overlaped .layout_latest:nth-child(2) { transform: translateX(-5rem); } } @media screen and (max-width: 1120px) { .mod_newslist_overlaped .layout_latest:nth-child(2) { transform: translateX(-20rem); } } @media screen and (max-width: 768px) { .mod_newslist_overlaped .layout_latest:nth-child(2) { transform: none; } } .mod_newslist_overlaped .layout_latest:nth-child(2) .news_listed { display: block; } @media screen and (max-width: 820px) { .mod_newslist_overlaped .layout_latest:nth-child(2) .news_listed { display: none; } } .mod_newslist_overlaped .layout_latest:hover { z-index: 10 !important; } .mod_newslist_overlaped img { width: 100%; } .mod_newslist_overlaped h3, .mod_newslist_overlaped .ce_text { margin-bottom: 3rem; } .mod_newslist_overlaped .more { align-self: flex-end; margin-bottom: 0; font-size: 1.3rem; font-weight: 700; color: #A8A3A3; letter-spacing: 0.09em; text-transform: uppercase; } .mod_newslist_overlaped .content { display: flex; flex-direction: row; flex-wrap: wrap; padding: 4rem 3rem 3rem; } @media screen and (max-width: 640px) { .mod_newslist_overlaped .content { padding: 2rem 1.5rem 1.5rem; } } .mod_newslist_overlaped .slick-dots li button::before { background-color: #272E6A; } .mod_newslist_overlaped .slick-dots li.slick-active button::before { background-color: #E39D0B; } .news_listed { display: none; position: absolute; top: calc(100% + 1.5rem); right: 0; font-size: 1.3rem; font-weight: 700; color: #182E57; letter-spacing: 0.09em; text-transform: uppercase; } @media screen and (max-width: 768px) { .news_listed { position: relative; text-align: center; } } .news_listed i { vertical-align: middle; margin-left: 1rem; font-size: 2.5rem; } .news_listed.all { margin-right: 2rem; } @media screen and (max-width: 820px) { .news_listed.all { display: block; } } .mod_navigation.l_tile { margin-top: 3rem; } .mod_navigation a.no-click { pointer-events: none; } .mod_breadcrumb { margin: 2rem auto 4rem; } @media screen and (max-width: 37.5em) { .mod_breadcrumb { margin: 0.5rem auto 3rem; } } .mod_breadcrumb li { display: inline-block; vertical-align: middle; color: #182E57; font-size: 1.5rem; } @media screen and (max-width: 56.25em) { .mod_breadcrumb li { font-size: 1.4rem; } } .mod_breadcrumb li.arrow { margin-top: 0.3rem; margin-right: 0.2rem; margin-left: 0.2rem; color: #000; } .mod_product_filter label { display: block; margin-bottom: 0.5rem; } .mod_product_filter select { margin-bottom: 0; padding: 1rem; } .mod_product_filter select, .mod_product_filter input { width: 100%; max-width: 100%; } .mod_product_filter .widget { margin-bottom: 1.2rem; } .mod_product_filter .widget-text { margin-top: 6rem; } .mod_product_filter .widget-text:nth-child(1) { margin-top: 3rem; } .mod_product_filter .widget-text label { margin-bottom: 2rem; } .mod_product_filter .widget-submit { margin-top: 6rem; } .mod_product_filter .widget-submit button { font-size: 1.5rem; padding: 0; border: none; background-color: transparent; cursor: pointer; } @media screen and (max-width: 56.25em) { .mod_product_filter .widget-submit button { font-size: 1.4rem; } } .mod_product_filter .noUi-tooltip { top: 100%; bottom: auto; padding: 0; padding-top: 0.5rem; border: none; background: transparent; } .mod_product_filter .noUi-connect { background-color: #E39D0B; } .mod_product_filter .noUi-horizontal { padding: 0; } .mod_product_filter .noUi-target { height: 0.2rem; border: none; border-radius: 0.2rem; background-color: #A8A3A3; box-shadow: none; } .mod_product_filter .noUi-handle { top: -12px; width: 2.5rem; height: 2.5rem; border: 2px solid #E39D0B; border-radius: 50%; box-shadow: none; } .mod_product_filter .noUi-handle::after, .mod_product_filter .noUi-handle::before { display: none; } .mod_product_listing .title { margin-top: 2rem; margin-bottom: 0.5rem; font-size: 2.5rem; font-weight: 500; display: block; margin-top: 1rem; color: #182E57; } @media screen and (max-width: 56.25em) { .mod_product_listing .title { font-size: 2.2rem; } } .mod_product_listing .product_item { position: relative; margin-bottom: 5rem; } .mod_product_listing .product_item a { position: absolute; inset: 0; } .mod_portfolio_listing .mapouter, .mod_portfolio_listing .gmaps { margin-bottom: 6rem; } .mod_portfolio_listing .mapouter iframe, .mod_portfolio_listing .gmaps iframe { width: 100%; height: 60rem; } .mod_portfolio_listing.grid-container, .mod_portfolio_listing .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 5rem; column-gap: 2.5rem; } @media screen and (max-width: 56.25em) { .mod_portfolio_listing.grid-container, .mod_portfolio_listing .grid-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 37.5em) { .mod_portfolio_listing.grid-container, .mod_portfolio_listing .grid-container { grid-template-columns: repeat(1, 1fr); } } .mod_portfolio_listing .portfolio_item { padding: 2rem; background-color: #EDEDED; } .mod_portfolio_listing .portfolio_item > a { margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #A8A3A3; } .mod_portfolio_listing .image { margin-bottom: 2rem; } .mod_portfolio_listing img { width: 100%; } .mod_category_filter { display: flex; flex-direction: row; } @media screen and (max-width: 37.5em) { .mod_category_filter { flex-direction: column; } } .mod_category_filter select, .mod_category_filter input { display: block; width: 100%; max-width: 29.45rem; margin-right: 2.5rem; } @media screen and (max-width: 37.5em) { .mod_category_filter select, .mod_category_filter input { max-width: 100%; } } .mod_category_filter select:last-child, .mod_category_filter input:last-child { margin-right: 0; } .mod_map_default { margin-bottom: 6rem; } .mod_map_default .memo-map-container { width: 100%; height: 92rem; } @media screen and (max-width: 56.25em) { .mod_map_default .memo-map-container { height: 60rem; } } @media screen and (max-width: 37.5em) { .mod_map_default .memo-map-container { height: 45rem; } } .mod_map_default .formbody { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 2.5rem; margin-bottom: 4rem; } @media screen and (max-width: 37.5em) { .mod_map_default .formbody { flex-direction: column; } } .mod_map_default .widget-select { width: 100%; max-width: calc(25% - 1.25rem); } @media screen and (max-width: 56.25em) { .mod_map_default .widget-select { max-width: calc(50% - 1.25rem); } } @media screen and (max-width: 37.5em) { .mod_map_default .widget-select { max-width: 100%; } } .mod_map_default .widget-select select { width: 100% !important; margin-bottom: 0; padding-right: 2.5rem; } .featherlight { background: rgba(0, 0, 0, 0.8); } .mod_popup { padding: 2rem; } .mod_popup form { margin-bottom: 0; } .mod_popup .widget:last-of-type { margin-bottom: 0; } .mod_popup .l-double__layout1 .l-double__main { padding-left: 0; } .mod_popup .l-double__layout1 .l-double__header { margin-bottom: 0; } @media screen and (max-width: 56.25em) { .mod_popup .l-double__layout1 .l-double__header { margin-bottom: 2rem; } } .mod_popup .ce_form { margin-top: 4rem; } .mod_popup .ce_form .widget label { top: -1.7rem; left: 0; font-size: 1.2rem; } .feedback_list { text-align: center; } .feedback_list span { display: block; } .feedback_list .slick-track { display: flex; } .feedback_list .slick-slide { align-self: center; } .feedback_list .slick-list { max-width: 61.75rem; margin: 0 auto; } .feedback_list .slick-arrow { top: 33rem; } .feedback_list .slick-arrow::before { font-size: 4rem; color: #182E57; } .feedback_list .slick-next { right: 22.25rem; left: auto; } .feedback_list .slick-next::before { content: "\ea34"; } .feedback_list .slick-prev { right: auto; left: 22.25rem; } .feedback_list .slick-prev::before { content: "\ea38"; } .feedback_list .feedback-tile__image img { width: 26rem; height: 26rem; object-fit: cover; margin: 0 auto; margin-bottom: 5rem; border-radius: 50%; } .feedback_list .feedback-tile__person { margin-top: 2rem; margin-bottom: 0.5rem; font-size: 2.5rem; font-weight: 500; margin-bottom: 0.5rem; } @media screen and (max-width: 56.25em) { .feedback_list .feedback-tile__person { font-size: 2.2rem; } } .feedback_list .feedback-tile__title, .feedback_list .feedback-tile__project { letter-spacing: 0.09em; text-transform: uppercase; margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; margin-bottom: 0; } .feedback_list .feedback-tile__text { margin-bottom: 6rem; font-size: 2rem; color: #182E57; margin-top: 3.5rem; margin-bottom: 3.5rem; } @media screen and (max-width: 56.25em) { .feedback_list .feedback-tile__text { font-size: 1.6rem; } } .feedback_list .feedback-tile__person, .feedback_list .feedback-tile__title, .feedback_list .feedback-tile__project { color: #182E57; } .quote { display: none; margin-top: 18rem; padding: 13rem 0; text-align: center; background-image: url(/files/template/img/logo-klein.svg); background-repeat: no-repeat; background-position: 75% 0; background-size: auto calc(100% + 18rem); } @media screen and (max-width: 56.25em) { .quote { margin-top: 12rem; background-size: auto 100%; } } @media screen and (max-width: 37.5em) { .quote { margin-top: 4rem; } } .quote__text { margin-top: 0; font-size: 4.9rem; line-height: 1.1; margin-bottom: 2.5rem; line-height: 1.2; } @media screen and (max-width: 56.25em) { .quote__text { font-size: 3.3rem; } } @media screen and (max-width: 37.5em) { .quote__text { font-size: 2.9rem; } } .quote__person { margin-bottom: 6rem; font-size: 2rem; color: #182E57; } @media screen and (max-width: 56.25em) { .quote__person { font-size: 1.6rem; } } .team_container { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 2.5rem; row-gap: 5rem; } .team_container.story { row-gap: 2.5rem; } .team_container.story .team__imagearea, .team_container.story .team__image, .team_container.story img { height: 100%; } .team_container.story img { object-fit: cover; } .team_container.grid-3 { grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 56.25em) { .team_container.grid-3 { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 37.5em) { .team_container.grid-3 { grid-template-columns: repeat(1, 1fr); } } .team_container.grid-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 81.25em) { .team_container.grid-4 { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 56.25em) { .team_container.grid-4 { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 37.5em) { .team_container.grid-4 { grid-template-columns: repeat(1, 1fr); } } .team_filter_container .team_item { display: none; } .team_filter_container .team_item.is-active { display: block; } .team__imagearea { overflow: hidden; position: relative; } .team__contact { position: absolute; bottom: 0; z-index: 10; width: 100%; padding: 1.5rem; background-color: #E39D0B; transform: translateY(calc(100% + 0.2rem)); transition: transform 0.4s; } .team__contact span { display: block; margin-bottom: 1.2rem; } .team__contact span i { vertical-align: middle; margin-right: 1rem; font-size: 2rem; } .team__contact span:last-child { margin-bottom: 0; } .team__contact i { color: #FFF; } .team h4 { color: #182E57; } .team__toggler { position: absolute; top: 0; right: 0; width: 5.5rem; height: 5.5rem; text-align: center; background-color: #E39D0B; transform: translateY(-100%); transition: transform 0.4s 0.4s; cursor: pointer; } .team__toggler i { display: inline-block; margin-top: 1.2rem; font-size: 3rem; transform: rotate(45deg); transition: transform 0.4s 0.8s; } .team__image img { width: 100%; } .team_item.active .team__contact { transform: translateY(0); transition: transform 0.4s; } .team_item.active .team__toggler { transform: translateY(0); transition: transform 0.4s 0.4s; } .team_item.active .team__toggler i { transform: rotate(0); transition: transform 0.4s 0.8s; } .team_detail h1 { margin-bottom: 9rem; } @media screen and (max-width: 37.5em) { .team_detail h1 { margin-bottom: 4rem; } } .team_detail__container { display: flex; grid-gap: 2rem; } @media screen and (max-width: 37.5em) { .team_detail__container { flex-direction: column; } } .team_detail__imagewrapper { width: 100%; max-width: 30.25rem; } @media screen and (max-width: 37.5em) { .team_detail__imagewrapper { max-width: 100%; } .team_detail__imagewrapper .lead { margin-bottom: 2rem; } } .team_detail__imagewrapper .slick-track, .team_detail__imagewrapper .slick-slide { width: 100% !important; } .team_detail__text { width: 100%; max-width: 61.75rem; } .team_detail__text .lead { margin-bottom: 4rem; } .team_detail__text .information { margin-bottom: 2rem; } .team_detail__text .information:last-child { margin-bottom: 0; } .team_detail__text .makes-happy span, .team_detail__text .skills span { margin-right: 0.5rem; } .team_detail__text .makes-happy span:last-child, .team_detail__text .skills span:last-child { margin-right: 0; } .team_detail__image { margin-bottom: 3rem; } .team_detail__image img { width: 100%; } .team_detail__contact span { display: block; margin-bottom: 1rem; } .team_detail__contact i { vertical-align: middle; margin-right: 1rem; } .team_detail hr { margin-top: 4rem; margin-bottom: 4rem; border-color: #A8A3A3; } .team_detail__back { font-size: 1.5rem; color: #A8A3A3; } @media screen and (max-width: 56.25em) { .team_detail__back { font-size: 1.4rem; } } .team_detail__back i { vertical-align: middle; margin-right: 1rem; } .team_detail .story { width: 61.75rem; margin: 0 auto; } .team_detail .story img { width: 100%; margin-top: 2rem; margin-bottom: 2rem; } .goal__container { display: grid; grid-gap: 2.5rem; grid-template-columns: repeat(2, 1fr); } .goal__item { padding: 4.5rem 2.5rem; } .goal li { display: table; margin-bottom: 2rem; } .goal li::before { content: "\ea10"; display: table-cell; vertical-align: top; padding-right: 1rem; padding-left: 1rem; font-family: "icons", sans-serif; } .goal li:last-child { margin-bottom: 0; } .timeline { position: relative; } .timeline::after { content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 0.2rem; height: 100%; background-color: #182E57; transform: translateX(-50%); } @media screen and (max-width: 56.25em) { .timeline::after { left: 2.5rem; transform: translateX(0); } } .timeline__item { display: flex; position: relative; width: 100%; min-height: 5rem; max-width: 103.75rem; margin: 0 auto; margin-bottom: 3rem; } @media screen and (max-width: 56.25em) { .timeline__item { flex-direction: column; } } .timeline h4 { margin-top: 0; } .timeline__date, .timeline__content { width: 50%; } .timeline__date { padding-right: 6rem; text-align: right; } @media screen and (max-width: 56.25em) { .timeline__date { width: 100%; padding-right: 0; padding-left: 10rem; text-align: left; } } .timeline__content { position: relative; padding-left: 9rem; } @media screen and (max-width: 56.25em) { .timeline__content { width: 100%; padding-left: 10rem; } } .timeline__content .toggler { position: absolute; top: 0.8rem; left: 6rem; width: 2rem; height: 2rem; border: 2px solid #000; border-radius: 50%; cursor: pointer; } @media screen and (max-width: 56.25em) { .timeline__content .toggler { top: -1rem; left: 7rem; } } .timeline__content .toggler span::before, .timeline__content .toggler span::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 0.8rem; height: 0.2rem; border-radius: 0.2rem; background-color: #000; transform: translate(-50%, -50%); } .timeline__content .toggler span::before { transform: translate(-50%, -50%) rotate(90deg); transition: transform 0.4s; } .timeline__content .toggler.active span::before { transform: translate(-50%, -50%) rotate(0deg); transition: transform 0.4s; } .timeline__icon { position: absolute; top: 0; left: 50%; z-index: 10; width: 5rem; height: 5rem; border-radius: 50%; font-family: "Icons", sans-serif; font-size: 2.2rem; color: #FFF; background-color: #182E57; transform: translateX(-50%); transition: background-color 0.4s; cursor: pointer; } @media screen and (max-width: 56.25em) { .timeline__icon { left: 0; transform: translateX(0); } } .timeline__icon.active { background-color: #E39D0B; transition: background-color 0.4s; } .timeline__icon span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } .product_item_full .lead { margin-bottom: 4rem; } .product_item_full .column-2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .product_item_full .image img { width: 100%; } .product_item_full .content-wrapper .technical_informations, .product_item_full .content-wrapper .possible_options { margin-bottom: 3rem; } .product_item_full .content-wrapper .technical_informations h4, .product_item_full .content-wrapper .possible_options h4 { margin-bottom: 1rem; } .product_item_full .content-wrapper .technical_informations p, .product_item_full .content-wrapper .technical_informations li, .product_item_full .content-wrapper .possible_options p, .product_item_full .content-wrapper .possible_options li { margin-bottom: 0.5rem; } .product_item_full .content-wrapper .possible_options { margin-bottom: 0; } .product_item_full .content-wrapper li { display: table; margin-bottom: 2rem; } .product_item_full .content-wrapper li::before { content: "\ea10"; display: table-cell; vertical-align: middle; padding-right: 1rem; font-family: "icons", sans-serif; font-size: 1.2rem; color: #E39D0B; } .product_item_full .content-wrapper li:last-child { margin-bottom: 0; } .product_item_full .informations > * { display: inline-block; margin-right: 1rem; margin-bottom: 1.5rem; padding: 1rem; background-color: #EDEDED; } .product_item_full .informations .title { display: block; margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 0.1rem solid #000; font-weight: 700; } .product_item_full .image, .product_item_full .content-wrapper { width: calc(50% - 1.25rem); } @media screen and (max-width: 56.25em) { .product_item_full .image, .product_item_full .content-wrapper { width: 100%; } } .product_item_full .slick-arrow { top: 50%; bottom: auto; transform: translateY(-50%); } .product_item_full .slick-arrow::before { font-size: 4.9rem; color: #000; } .product_item_full .slick-next { left: calc(100% + 2rem); } .product_item_full .slick-next::before { content: "\ea3c"; } .product_item_full .slick-prev { right: calc(100% + 2rem); left: auto; } .product_item_full .slick-prev::before { content: "\ea40"; } .product_item_full .slick-slide { margin-right: 1.25rem; margin-left: 1.25rem; } .product_item_full .slick-list { margin-right: -1.25rem; margin-left: -1.25rem; } .product_item_full h4 { margin-top: 0; margin-bottom: 2rem; } .mod_portfolio_reader .column-2 { display: flex; flex-direction: row; flex-wrap: no-wrap; justify-content: space-between; } @media screen and (max-width: 56.25em) { .mod_portfolio_reader .column-2 { flex-direction: column; } } .mod_portfolio_reader .image-text-wrapper { width: 100%; max-width: 82.75rem; } @media screen and (max-width: 56.25em) { .mod_portfolio_reader .image-text-wrapper { margin-bottom: 2rem; } } .mod_portfolio_reader .image { margin-bottom: 3rem; } .mod_portfolio_reader .image img { width: 100%; } .mod_portfolio_reader .lead { margin-bottom: 2rem; } .mod_portfolio_reader hr { margin-top: 4rem; border-color: #A8A3A3; } @media screen and (max-width: 56.25em) { .mod_portfolio_reader hr { display: none; } } .mod_portfolio_reader .back { font-size: 1.5rem; color: #A8A3A3; } @media screen and (max-width: 56.25em) { .mod_portfolio_reader .back { font-size: 1.4rem; } } .mod_portfolio_reader .back i { vertical-align: middle; margin-right: 1rem; } @media screen and (max-width: 56.25em) { .mod_portfolio_reader .back { display: none; } } .mod_portfolio_reader .information-wrapper { width: 100%; max-width: 40.75rem; margin-left: 2.5rem; } @media screen and (max-width: 56.25em) { .mod_portfolio_reader .information-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 2.5rem; max-width: 100%; margin-left: 0; } } @media screen and (max-width: 37.5em) { .mod_portfolio_reader .information-wrapper { flex-direction: column; } } .mod_portfolio_reader .information-wrapper > div { margin-bottom: 2.5rem; padding: 1.5rem; background-color: #EDEDED; } @media screen and (max-width: 56.25em) { .mod_portfolio_reader .information-wrapper > div { width: 100%; max-width: calc(50% - 1.25rem); } } @media screen and (max-width: 37.5em) { .mod_portfolio_reader .information-wrapper > div { max-width: 100%; margin-bottom: 0; } } .mod_portfolio_reader .information-wrapper > div:last-child { margin-bottom: 0; } .mod_portfolio_reader .information-wrapper .usement span { display: block; padding: 0.5rem 0; border-bottom: 0.1rem solid #A8A3A3; } .mod_portfolio_reader .information-wrapper .usement span:last-child { border-bottom: none; } .mod_portfolio_reader .information-wrapper .project_details { display: table; width: 100%; } .mod_portfolio_reader .information-wrapper .project_details div { display: flex; flex-direction: row; align-items: top; border-bottom: 0.1rem solid #A8A3A3; } .mod_portfolio_reader .information-wrapper .project_details div:last-child { border-bottom: none; } .mod_portfolio_reader .information-wrapper .project_details span { display: inline-block; padding: 0.8rem 0; } .mod_portfolio_reader .information-wrapper .project_details span.attribute { margin-right: 2rem; } .news_masonry--item { position: relative; width: calc(33.3333333333% - 0.8333333333rem - 7px); margin-bottom: 2.5rem; padding: 2rem; background-color: #EDEDED; transition: background-color 0.2s 0.2s; } @media screen and (max-width: 56.25em) { .news_masonry--item { width: calc(50% - 1.25rem + 1px); } } @media screen and (max-width: 37.5em) { .news_masonry--item { width: 100%; } } .news_masonry--item:hover { background-color: #E39D0B; transition: background-color 0s; } .news_masonry--item:hover .link { color: #FFF; transition: color 0s; } .news_masonry--item .image_container { margin-bottom: 1rem; } .news_masonry--item img { width: 100%; } .news_masonry--item .ce_text { margin-bottom: 6rem; } .news_masonry--item .link { margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; display: block; margin-top: 2rem; margin-bottom: 0; color: #A8A3A3; transition: color 0.2s 0.2s; } .news_masonry--item .link_absolute { position: absolute; inset: 0; } .news_detail--item { position: relative; } .news_detail--item .news_detail--image { margin-bottom: 4rem; } .news_detail--item .news_detail--image img { width: 100%; } .news_detail--item h1 { margin-bottom: 2rem; } .news_detail--item .column-2 { display: flex; grid-gap: 2.5rem; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } @media screen and (max-width: 56.25em) { .news_detail--item .column-2 { flex-direction: column; } } .news_detail--item .column-2 .lead { margin-bottom: 3rem; } .news_detail--item .column-2 > .ce_text { position: relative; width: 100%; max-width: 82.75rem; } .news_detail--item .column-2 .team__item { align-self: flex-start; width: 100%; max-width: 40.75rem; padding: 2.5rem; background-color: #EDEDED; } @media screen and (max-width: 37.5em) { .news_detail--item .column-2 .team__item { max-width: 100%; } .news_detail--item .column-2 .team__item img { width: 100%; } } .news_detail--item .column-2 .team__item--title { margin-bottom: 2.5rem; } .news_detail--item .column-2 .team__item--title h4 { margin-bottom: 0; color: #182E57; } .news_detail--item .column-2 .team__item--contact { margin-bottom: 4rem; } .news_detail--item .column-2 .team__item--contact span { display: block; margin-bottom: 0.5rem; } .news_detail--item .column-2 .team__item--contact i { margin-right: 1rem; } .news_detail--item .column-2 .team__item--link { letter-spacing: 0.09em; text-transform: uppercase; font-size: 1.5rem; font-weight: 700; cursor: pointer; text-align: center; } @media screen and (max-width: 56.25em) { .news_detail--item .column-2 .team__item--link { font-size: 1.4rem; } } .news_detail--item .column-2 .team__item--link a { display: inline-block; width: 40.75rem; max-width: 100%; padding: 1rem 2rem; border: 0.1rem solid transparent; border-radius: 0.6rem; color: #FFF; background-color: #E39D0B; transition: all 0.4s; } .news_detail--item .column-2 .team__item--link:hover a { border: 0.1rem solid #E39D0B; color: #E39D0B; background-color: transparent; } .news_detail--item .column-2 .team__item--link a { margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; } .news_detail--item .text-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; } @media screen and (max-width: 37.5em) { .news_detail--item .text-wrapper { flex-direction: column; } } .news_detail--item .text-wrapper .socials { margin-top: 0.5rem; margin-right: 2rem; } .news_detail--item .text-wrapper .socials i { display: block; margin-bottom: 1.5rem; color: #A8A3A3; } @media screen and (max-width: 37.5em) { .news_detail--item .text-wrapper .socials i { display: inline-block; margin-right: 1rem; } } .news_detail--item .bottom { font-size: 1.5rem; position: absolute; top: 100%; width: 100%; color: #A8A3A3; } @media screen and (max-width: 56.25em) { .news_detail--item .bottom { font-size: 1.4rem; } } .news_detail--item .bottom hr { border-color: #A8A3A3; } @media screen and (max-width: 56.25em) { .news_detail--item .bottom hr { display: none; } } .news_detail--item .bottom .flex { display: flex; justify-content: space-between; } @media screen and (max-width: 56.25em) { .news_detail--item .bottom .flex { display: none; } } .news_detail--item .bottom .back a { vertical-align: middle; text-decoration: none; color: #A8A3A3; } .news_detail--item .bottom .back i { margin-right: 1rem; } .tile { display: grid; grid-gap: 2.5rem; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 56.25em) { .tile { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 37.5em) { .tile { grid-template-columns: repeat(1, 1fr); } } .tile--item { display: flex; position: relative; flex-direction: column; justify-content: space-between; padding: 2rem; background-color: #EDEDED; transition: background-color 0.2s 0.2s; } .tile--item:hover { background-color: #E39D0B; transition: background-color 0s; } .tile--item:hover .link { color: #FFF; transition: color 0s; } .tile h3 { margin-top: 1rem; margin-bottom: 3rem; } .tile .link { margin-bottom: 0.5rem; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #A8A3A3; transition: color 0.2s 0.2s; } .tile .link_absolute { position: absolute; inset: 0; } .mod_search form .formbody { position: relative; width: 40.75rem; max-width: 100%; } .mod_search form .widget-submit { position: absolute; top: 0; right: 0; height: 100%; } .mod_search form .widget-text { width: 100%; } .mod_search form input { width: 100%; margin-bottom: 0; } .mod_search form button { height: 100%; padding: 0 1rem; border: none; background-color: transparent; } .mod_search > div { position: relative; margin-bottom: 1rem; padding: 1rem; background-color: #EDEDED; } .mod_search > div h3 { color: #182E57; } .mod_search > div mark { color: #FFF; background-color: #E39D0B; } .mod_search > div p:last-child { margin-bottom: 0; } .mod_search > div:last-child { margin-bottom: 0; } .mod_search > div .absolute { position: absolute; inset: 0; } .mod_mmenu { z-index: 10000 !important; } .mm-menu_theme-dark { --mm-color-background: #FFF; --mm-color-text: #182E57; --mm-color-border: #182E57; --mm-color-text-dimmed: #E39D0B; --mm-color-button: #E39D0B; } @media screen and (max-width: 56.25em) { .mm-panels { position: relative; } .mm-panels > .mm-panel { padding-bottom: 31rem; } .mm-panels .header-top { display: block !important; top: auto; right: auto; left: auto; z-index: 1000; padding-top: 4rem; padding-bottom: 4rem; padding-left: 2rem; border-top: 1px solid #182E57; text-align: left; background-color: #FFF; box-shadow: 0 0 11px 0 rgba(120, 120, 120, 0.1); transform: translate3d(0, 0, 0) !important; } .mm-panels .header-top .mm-navbar { display: none; } .mm-panels .header-top ul { margin-bottom: 0; } .mm-panels .header-top li { display: block; margin-bottom: 0.5rem; } .mm-panels .header-top::after { display: none; } .mm-panels .header-top__search { display: none; } .mm-panels .header-top__langswitcher { display: block; margin-top: 3rem; } .mm-panels .header-top__langswitcher li { display: inline-block; margin-right: 1rem; padding: 0; color: #182E57; background-color: transparent; } .mm-panels .header-top__langswitcher li a { padding: 1rem; border: 1px solid #182E57; color: #FFF; background-color: #182E57; } .mm-panels .header-top__langswitcher li strong { padding: 1rem; border: 1px solid #182E57; color: #182E57; background-color: transparent; } .mm-panels .header-top__langswitcher li:last-child { margin-right: 0; } .mm-panels .header-top__langswitcher .mod_changelanguage__inactive { position: static; visibility: visible; opacity: 1; } .mm-panels .header-top .search { margin-bottom: 2rem; font-size: 1.7rem; } } .ce_gallery .slider-container .slick-slide { padding: 0 4rem; } .ce_gallery .slider-container img { width: auto; height: 10rem; max-width: 20rem; object-fit: contain; } .ce_gallery .slider-item { position: relative; } .ce_gallery .slider-item-link { position: absolute; inset: 0; } .ce_gallery.slider, .ce_gallery.random { padding: 4rem 0; } .ce_gallery.slider h1, .ce_gallery.slider h2, .ce_gallery.slider h3, .ce_gallery.slider h4, .ce_gallery.slider h5, .ce_gallery.slider h6, .ce_gallery.random h1, .ce_gallery.random h2, .ce_gallery.random h3, .ce_gallery.random h4, .ce_gallery.random h5, .ce_gallery.random h6 { margin-bottom: 4rem; text-align: center; } .ce_gallery.random ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } @media screen and (max-width: 37.5em) { .ce_gallery.random ul { flex-wrap: wrap; } } .ce_gallery.random ul li { display: none; padding: 0 4rem; } @media screen and (max-width: 56.25em) { .ce_gallery.random ul li { padding: 0 2rem; } } @media screen and (max-width: 37.5em) { .ce_gallery.random ul li { width: 33.3333333333%; } } .ce_gallery.random ul li:nth-child(1), .ce_gallery.random ul li:nth-child(2), .ce_gallery.random ul li:nth-child(3), .ce_gallery.random ul li:nth-child(4), .ce_gallery.random ul li:nth-child(5), .ce_gallery.random ul li:nth-child(6) { display: block; } @media screen and (max-width: 56.25em) { .ce_gallery.random ul li:nth-child(5), .ce_gallery.random ul li:nth-child(6) { display: none; } } @media screen and (max-width: 37.5em) { .ce_gallery.random ul li:nth-child(5), .ce_gallery.random ul li:nth-child(6) { display: block; } } .ce_gallery.random ul img { width: 100%; height: 6rem; max-width: 20rem; object-fit: contain; } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion t-hover bem module *****************************************************************************/ /* .t-hover Styleguide classes.t-hover */ .t-hover { position: relative; } .t-hover__content { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; justify-content: center; margin: 0; padding: 1rem; text-align: center; color: #FFF; background-color: rgba(227, 157, 11, 0.8); visibility: hidden; opacity: 0; transition: opacity 0.8s, visibility 0s 0.8s; } .t-hover__content > * { margin-right: auto; margin-left: auto; } .t-hover__content > :last-child { margin-bottom: 0; } .t-hover:hover .t-hover__content { visibility: visible; opacity: 1; transition-duration: 0.8s, 0s; transition-delay: 0s; } /* ************************************************************************** * MEDIA MOTION AG * **************************************************************************** Funktion featherlight bem module *****************************************************************************/ /* .featherlight Styleguide classes.featherlight */ .featherlight .team_item_full_story { display: flex; } @media screen and (max-width: 37.5em) { .featherlight .team_item_full_story { flex-direction: column-reverse; } } .featherlight .team_item_full_story h2 { margin-bottom: 4rem; } @media screen and (max-width: 37.5em) { .featherlight .team_item_full_story h2 { margin-bottom: 2rem; } } .featherlight .team_item_full_story .image { width: 45%; } @media screen and (max-width: 37.5em) { .featherlight .team_item_full_story .image { width: 100%; } } .featherlight .team_item_full_story .image img { width: 100%; height: 100%; object-fit: cover; } .featherlight .team_item_full_story .content { width: 55%; padding-top: 6rem; padding-right: 2.5rem; padding-bottom: 8rem; padding-left: 6rem; } @media screen and (max-width: 56.25em) { .featherlight .team_item_full_story .content { padding: 4rem; } } @media screen and (max-width: 37.5em) { .featherlight .team_item_full_story .content { width: 100%; padding: 2rem; } } .featherlight .featherlight-content { padding: 0; border-bottom: 0; } .featherlight .featherlight-close-icon { width: 6.5rem; height: 6.5rem; font-size: 3.5rem; color: #FFF; background-color: #E39D0B; } @media screen and (max-width: 37.5em) { .featherlight .featherlight-close-icon { position: fixed; top: 0; right: 0; } } .bg_color--blue { color: #FFF; background-color: #272E6A; } .bg_color--grey { background-color: #EDEDED; } .bg_color--orange { background-color: #E39D0B; } .bg_color * { color: inherit; } .bg_color.ce_hyperlink { background-color: transparent; } .mod_article.bg_color { padding: 9rem 0; } /*# sourceMappingURL=base.css.map*/ .product-list-more{margin-top:5rem}.mod_product_filter .noUi-target{max-width:calc(100% - 18px);font-size:0.8em}.product-item{position:relative;margin-bottom:2rem}.product-item img{width:100%}@media screen and (max-width:900px){.product-item{width:100% !important}}.product-item a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-item .title{transition:color 0.3s ease-in-out}.product-item:hover .title{color:#E39D0B}.product-list-more__button{width:400px;max-width:100%;padding:12px;border:none;border-radius:5px;font-size:0.7em;letter-spacing:1px;color:white;background-color:#E39D0B}.noUi-horizontal .noUi-origin>.noUi-tooltip{margin-top:10px !important}.ce_mailjetoptin .button,.ce_mailjetoptin button{display:inline-block;width:40.75rem;max-width:100%;padding:1rem 2rem;border:0.1rem solid rgba(0, 0, 0, 0);border-radius:0.6rem;color:#FFF;background-color:#E39D0B;transition:all 0.4s}.ce_text .button a,.text-container button a{text-decoration:none}.news_detail--item .column-2>.ce_text:first-child:last-child{max-width:100%}.newsletter-button-wrapper{position:fixed;top:47rem;left:3px;opacity:0.9;transition:all 0.3s ease-in-out}@media screen and (max-width:768px){.newsletter-button-wrapper{left:2px}}@media screen and (max-width:600px){.newsletter-button-wrapper{position:static;width:100%;margin-top:5rem}}.newsletter-button-wrapper:hover{left:10px;opacity:1}.newsletter-button-wrapper .newsletter-button{transform:rotate(270deg);transform-origin:top left}.newsletter-anmeldung .newsletter-button-wrapper .newsletter-button,.inscription-a-la-newsletter .newsletter-button-wrapper .newsletter-button{display:none !important}@media screen and (max-width:600px){.newsletter-button-wrapper .newsletter-button{transform:rotate(0deg)}}.newsletter-button-wrapper .newsletter-button a{padding:30px 55px 5px;font-size:20px;font-weight:400;text-transform:none;color:white;background-color:#E39D0B}@media screen and (max-width:768px){.newsletter-button-wrapper .newsletter-button a{padding:20px 45px 3px;font-size:17px}}@media screen and (max-width:600px){.newsletter-button-wrapper .newsletter-button a{display:block;width:100%;padding:10px;text-align:center}}p.success{width:100%;padding:20px;text-align:center;color:#237C23;background-color:#A5C5A5}@media screen and (min-width:56.25em){.mod_newsreader .l-double__main{max-width:67rem}}