/*! * 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} /*! * mega menu layout * optimiced for Contao Official Demo Theme */.mod_navigation.dropdown{overflow:visible}.mod_navigation li.mm_container>a,.mod_navigation li.mm_container>span,.mod_navigation li.mm_container>strong{position:relative}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after,.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#F4F2F0;z-index:110}.mod_navigation li.mm_container .mm_dropdown{display:none;position:absolute;left:0;right:0;z-index:100}.mod_navigation li.mm_container .mm_dropdown>.inner{padding:1rem 2rem;border:1px solid #E5DFDC;background-color:rgba(244, 242, 240, 0.95);overflow:hidden}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown,.mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive~.mm_dropdown{display:block} @charset "UTF-8"; /* ----------------------------------- * * Akzentfarben (Projektbezogen) * ----------------------------------- */ /* ----------------------------------- * * Font-Weight * ----------------------------------- */ /* ----------------------------------- * * Page-Layout * ----------------------------------- */ /* ----------------------------------- * * z-Indexes * ----------------------------------- */ html { --color-default: #ff5636; --color-gray-dark: #222; --color-gray: #555; --color-gray-light: #ccc; --color-brand: var(--color-default); --color-highlight: var(--color-brand); --color-page-background: #fff; --color-text: var(--color-gray-dark); --color-text--inverted: var(--color-page-background); --color-links: var(--color-highlight); --color-btn: var(--color-links); --color-btn-text: var(--color-text--inverted); --base-font-size--xs: 0.875rem; --base-font-size: 1rem; --base-font-size--xl: 1.125rem; --base-line-height: 1.625; --base-font-weight: 400; --base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --base-spacing-unit: 1rem; --base-spacing-unit--xs: calc(var(--base-spacing-unit) / 4); --base-spacing-unit--sm: calc(var(--base-spacing-unit) / 2); --base-spacing-unit--lg: calc(var(--base-spacing-unit) * 2); --base-spacing-unit--xl: calc(var(--base-spacing-unit) * 4); --base-border-radius: 4px; --base-border-width: 1px; --base-border-color: var(--color-gray-light); --base-border: var(--base-border-width) solid var(--base-border-color); } html { --color-default: #e62271; --color-gray-dark: #3d3d3d; --color-gray: #3d3d3d; --color-gray-light: #bdbdbd; --color-brand: var(--color-default); --color-highlight: #094d24; --color-page-background: #fff7e2; --color-text: #2b2b29; --color-text--inverted: var(--color-page-background); --color-links: #094d24; --color-btn: #094d24; --color-btn-text: var(--color-default); --base-font-size--xs: 0.9rem; --base-font-size: 0.95rem; --base-font-size--xl: 1rem; --base-line-height: 1.5; --base-font-weight: 500; --base-font-family: "roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --base-spacing-unit: 1rem; --base-spacing-unit--xs: calc(var(--base-spacing-unit) / 4); --base-spacing-unit--sm: calc(var(--base-spacing-unit) / 2); --base-spacing-unit--lg: calc(var(--base-spacing-unit) * 2); --base-spacing-unit--xl: calc(var(--base-spacing-unit) * 4); --base-border-radius: 0; --base-border-width: 1px; --base-border-color: var(--color-gray-light); } .text--inverted, .text--inverted * { color: var(--color-text--inverted); } .border-top { border-top: var(--base-border); } .border-bottom { border-bottom: var(--base-border); } .block--center { margin-left: auto; margin-right: auto; } .m-t-0, .mod_article.m-t-0 { margin-top: calc(0 * var(--base-spacing-unit)); } .m-b-0, .mod_article.m-b-0 { margin-bottom: calc(0 * var(--base-spacing-unit)); } .p-t-0, .mod_article.p-t-0 { padding-top: calc(0i * var(--base-spacing-unit)); } .p-b-0, .mod_article.p-b-0 { padding-bottom: calc(0 * var(--base-spacing-unit)); } .m-t-1, .mod_article.m-t-1 { margin-top: calc(1 * var(--base-spacing-unit)); } .m-b-1, .mod_article.m-b-1 { margin-bottom: calc(1 * var(--base-spacing-unit)); } .p-t-1, .mod_article.p-t-1 { padding-top: calc(1i * var(--base-spacing-unit)); } .p-b-1, .mod_article.p-b-1 { padding-bottom: calc(1 * var(--base-spacing-unit)); } .m-t-2, .mod_article.m-t-2 { margin-top: calc(2 * var(--base-spacing-unit)); } .m-b-2, .mod_article.m-b-2 { margin-bottom: calc(2 * var(--base-spacing-unit)); } .p-t-2, .mod_article.p-t-2 { padding-top: calc(2i * var(--base-spacing-unit)); } .p-b-2, .mod_article.p-b-2 { padding-bottom: calc(2 * var(--base-spacing-unit)); } .m-t-3, .mod_article.m-t-3 { margin-top: calc(3 * var(--base-spacing-unit)); } .m-b-3, .mod_article.m-b-3 { margin-bottom: calc(3 * var(--base-spacing-unit)); } .p-t-3, .mod_article.p-t-3 { padding-top: calc(3i * var(--base-spacing-unit)); } .p-b-3, .mod_article.p-b-3 { padding-bottom: calc(3 * var(--base-spacing-unit)); } .m-t-4, .mod_article.m-t-4 { margin-top: calc(4 * var(--base-spacing-unit)); } .m-b-4, .mod_article.m-b-4 { margin-bottom: calc(4 * var(--base-spacing-unit)); } .p-t-4, .mod_article.p-t-4 { padding-top: calc(4i * var(--base-spacing-unit)); } .p-b-4, .mod_article.p-b-4 { padding-bottom: calc(4 * var(--base-spacing-unit)); } .m-t-5, .mod_article.m-t-5 { margin-top: calc(5 * var(--base-spacing-unit)); } .m-b-5, .mod_article.m-b-5 { margin-bottom: calc(5 * var(--base-spacing-unit)); } .p-t-5, .mod_article.p-t-5 { padding-top: calc(5i * var(--base-spacing-unit)); } .p-b-5, .mod_article.p-b-5 { padding-bottom: calc(5 * var(--base-spacing-unit)); } .article-xs-1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-1 .inside { padding-left: 0; padding-right: 0; } } .article-xs-2 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-2 .inside { padding-left: 0; padding-right: 0; } } .article-xs-3 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-3 .inside { padding-left: 0; padding-right: 0; } } .article-xs-4 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-4 .inside { padding-left: 0; padding-right: 0; } } .article-xs-5 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-5 .inside { padding-left: 0; padding-right: 0; } } .article-xs-6 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-6 .inside { padding-left: 0; padding-right: 0; } } .article-xs-7 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-7 .inside { padding-left: 0; padding-right: 0; } } .article-xs-8 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-8 .inside { padding-left: 0; padding-right: 0; } } .article-xs-9 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-9 .inside { padding-left: 0; padding-right: 0; } } .article-xs-10 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-10 .inside { padding-left: 0; padding-right: 0; } } .article-xs-11 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-11 .inside { padding-left: 0; padding-right: 0; } } .article-xs-12 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xs-12 .inside { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 0) { .article-xs-1 .inside { grid-column-end: span 1; } @supports not (display: grid) { .article-xs-1 .inside { width: 8.33333%; } } .article-start-xs-1 .inside { grid-column-start: 1; } .article-xs-2 .inside { grid-column-end: span 2; } @supports not (display: grid) { .article-xs-2 .inside { width: 16.66667%; } } .article-start-xs-2 .inside { grid-column-start: 2; } .article-xs-3 .inside { grid-column-end: span 3; } @supports not (display: grid) { .article-xs-3 .inside { width: 25%; } } .article-start-xs-3 .inside { grid-column-start: 3; } .article-xs-4 .inside { grid-column-end: span 4; } @supports not (display: grid) { .article-xs-4 .inside { width: 33.33333%; } } .article-start-xs-4 .inside { grid-column-start: 4; } .article-xs-5 .inside { grid-column-end: span 5; } @supports not (display: grid) { .article-xs-5 .inside { width: 41.66667%; } } .article-start-xs-5 .inside { grid-column-start: 5; } .article-xs-6 .inside { grid-column-end: span 6; } @supports not (display: grid) { .article-xs-6 .inside { width: 50%; } } .article-start-xs-6 .inside { grid-column-start: 6; } .article-xs-7 .inside { grid-column-end: span 7; } @supports not (display: grid) { .article-xs-7 .inside { width: 58.33333%; } } .article-start-xs-7 .inside { grid-column-start: 7; } .article-xs-8 .inside { grid-column-end: span 8; } @supports not (display: grid) { .article-xs-8 .inside { width: 66.66667%; } } .article-start-xs-8 .inside { grid-column-start: 8; } .article-xs-9 .inside { grid-column-end: span 9; } @supports not (display: grid) { .article-xs-9 .inside { width: 75%; } } .article-start-xs-9 .inside { grid-column-start: 9; } .article-xs-10 .inside { grid-column-end: span 10; } @supports not (display: grid) { .article-xs-10 .inside { width: 83.33333%; } } .article-start-xs-10 .inside { grid-column-start: 10; } .article-xs-11 .inside { grid-column-end: span 11; } @supports not (display: grid) { .article-xs-11 .inside { width: 91.66667%; } } .article-start-xs-11 .inside { grid-column-start: 11; } .article-xs-12 .inside { grid-column-end: span 12; } @supports not (display: grid) { .article-xs-12 .inside { width: 100%; } } .article-start-xs-12 .inside { grid-column-start: 12; } } .article-sm-1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-1 .inside { padding-left: 0; padding-right: 0; } } .article-sm-2 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-2 .inside { padding-left: 0; padding-right: 0; } } .article-sm-3 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-3 .inside { padding-left: 0; padding-right: 0; } } .article-sm-4 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-4 .inside { padding-left: 0; padding-right: 0; } } .article-sm-5 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-5 .inside { padding-left: 0; padding-right: 0; } } .article-sm-6 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-6 .inside { padding-left: 0; padding-right: 0; } } .article-sm-7 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-7 .inside { padding-left: 0; padding-right: 0; } } .article-sm-8 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-8 .inside { padding-left: 0; padding-right: 0; } } .article-sm-9 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-9 .inside { padding-left: 0; padding-right: 0; } } .article-sm-10 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-10 .inside { padding-left: 0; padding-right: 0; } } .article-sm-11 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-11 .inside { padding-left: 0; padding-right: 0; } } .article-sm-12 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-sm-12 .inside { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 34.375em) { .article-sm-1 .inside { grid-column-end: span 1; } @supports not (display: grid) { .article-sm-1 .inside { width: 8.33333%; } } .article-start-sm-1 .inside { grid-column-start: 1; } .article-sm-2 .inside { grid-column-end: span 2; } @supports not (display: grid) { .article-sm-2 .inside { width: 16.66667%; } } .article-start-sm-2 .inside { grid-column-start: 2; } .article-sm-3 .inside { grid-column-end: span 3; } @supports not (display: grid) { .article-sm-3 .inside { width: 25%; } } .article-start-sm-3 .inside { grid-column-start: 3; } .article-sm-4 .inside { grid-column-end: span 4; } @supports not (display: grid) { .article-sm-4 .inside { width: 33.33333%; } } .article-start-sm-4 .inside { grid-column-start: 4; } .article-sm-5 .inside { grid-column-end: span 5; } @supports not (display: grid) { .article-sm-5 .inside { width: 41.66667%; } } .article-start-sm-5 .inside { grid-column-start: 5; } .article-sm-6 .inside { grid-column-end: span 6; } @supports not (display: grid) { .article-sm-6 .inside { width: 50%; } } .article-start-sm-6 .inside { grid-column-start: 6; } .article-sm-7 .inside { grid-column-end: span 7; } @supports not (display: grid) { .article-sm-7 .inside { width: 58.33333%; } } .article-start-sm-7 .inside { grid-column-start: 7; } .article-sm-8 .inside { grid-column-end: span 8; } @supports not (display: grid) { .article-sm-8 .inside { width: 66.66667%; } } .article-start-sm-8 .inside { grid-column-start: 8; } .article-sm-9 .inside { grid-column-end: span 9; } @supports not (display: grid) { .article-sm-9 .inside { width: 75%; } } .article-start-sm-9 .inside { grid-column-start: 9; } .article-sm-10 .inside { grid-column-end: span 10; } @supports not (display: grid) { .article-sm-10 .inside { width: 83.33333%; } } .article-start-sm-10 .inside { grid-column-start: 10; } .article-sm-11 .inside { grid-column-end: span 11; } @supports not (display: grid) { .article-sm-11 .inside { width: 91.66667%; } } .article-start-sm-11 .inside { grid-column-start: 11; } .article-sm-12 .inside { grid-column-end: span 12; } @supports not (display: grid) { .article-sm-12 .inside { width: 100%; } } .article-start-sm-12 .inside { grid-column-start: 12; } } .article-md-1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-1 .inside { padding-left: 0; padding-right: 0; } } .article-md-2 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-2 .inside { padding-left: 0; padding-right: 0; } } .article-md-3 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-3 .inside { padding-left: 0; padding-right: 0; } } .article-md-4 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-4 .inside { padding-left: 0; padding-right: 0; } } .article-md-5 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-5 .inside { padding-left: 0; padding-right: 0; } } .article-md-6 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-6 .inside { padding-left: 0; padding-right: 0; } } .article-md-7 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-7 .inside { padding-left: 0; padding-right: 0; } } .article-md-8 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-8 .inside { padding-left: 0; padding-right: 0; } } .article-md-9 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-9 .inside { padding-left: 0; padding-right: 0; } } .article-md-10 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-10 .inside { padding-left: 0; padding-right: 0; } } .article-md-11 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-11 .inside { padding-left: 0; padding-right: 0; } } .article-md-12 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-md-12 .inside { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 48em) { .article-md-1 .inside { grid-column-end: span 1; } @supports not (display: grid) { .article-md-1 .inside { width: 8.33333%; } } .article-start-md-1 .inside { grid-column-start: 1; } .article-md-2 .inside { grid-column-end: span 2; } @supports not (display: grid) { .article-md-2 .inside { width: 16.66667%; } } .article-start-md-2 .inside { grid-column-start: 2; } .article-md-3 .inside { grid-column-end: span 3; } @supports not (display: grid) { .article-md-3 .inside { width: 25%; } } .article-start-md-3 .inside { grid-column-start: 3; } .article-md-4 .inside { grid-column-end: span 4; } @supports not (display: grid) { .article-md-4 .inside { width: 33.33333%; } } .article-start-md-4 .inside { grid-column-start: 4; } .article-md-5 .inside { grid-column-end: span 5; } @supports not (display: grid) { .article-md-5 .inside { width: 41.66667%; } } .article-start-md-5 .inside { grid-column-start: 5; } .article-md-6 .inside { grid-column-end: span 6; } @supports not (display: grid) { .article-md-6 .inside { width: 50%; } } .article-start-md-6 .inside { grid-column-start: 6; } .article-md-7 .inside { grid-column-end: span 7; } @supports not (display: grid) { .article-md-7 .inside { width: 58.33333%; } } .article-start-md-7 .inside { grid-column-start: 7; } .article-md-8 .inside { grid-column-end: span 8; } @supports not (display: grid) { .article-md-8 .inside { width: 66.66667%; } } .article-start-md-8 .inside { grid-column-start: 8; } .article-md-9 .inside { grid-column-end: span 9; } @supports not (display: grid) { .article-md-9 .inside { width: 75%; } } .article-start-md-9 .inside { grid-column-start: 9; } .article-md-10 .inside { grid-column-end: span 10; } @supports not (display: grid) { .article-md-10 .inside { width: 83.33333%; } } .article-start-md-10 .inside { grid-column-start: 10; } .article-md-11 .inside { grid-column-end: span 11; } @supports not (display: grid) { .article-md-11 .inside { width: 91.66667%; } } .article-start-md-11 .inside { grid-column-start: 11; } .article-md-12 .inside { grid-column-end: span 12; } @supports not (display: grid) { .article-md-12 .inside { width: 100%; } } .article-start-md-12 .inside { grid-column-start: 12; } } .article-lg-1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-1 .inside { padding-left: 0; padding-right: 0; } } .article-lg-2 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-2 .inside { padding-left: 0; padding-right: 0; } } .article-lg-3 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-3 .inside { padding-left: 0; padding-right: 0; } } .article-lg-4 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-4 .inside { padding-left: 0; padding-right: 0; } } .article-lg-5 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-5 .inside { padding-left: 0; padding-right: 0; } } .article-lg-6 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-6 .inside { padding-left: 0; padding-right: 0; } } .article-lg-7 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-7 .inside { padding-left: 0; padding-right: 0; } } .article-lg-8 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-8 .inside { padding-left: 0; padding-right: 0; } } .article-lg-9 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-9 .inside { padding-left: 0; padding-right: 0; } } .article-lg-10 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-10 .inside { padding-left: 0; padding-right: 0; } } .article-lg-11 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-11 .inside { padding-left: 0; padding-right: 0; } } .article-lg-12 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-lg-12 .inside { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 58.75em) { .article-lg-1 .inside { grid-column-end: span 1; } @supports not (display: grid) { .article-lg-1 .inside { width: 8.33333%; } } .article-start-lg-1 .inside { grid-column-start: 1; } .article-lg-2 .inside { grid-column-end: span 2; } @supports not (display: grid) { .article-lg-2 .inside { width: 16.66667%; } } .article-start-lg-2 .inside { grid-column-start: 2; } .article-lg-3 .inside { grid-column-end: span 3; } @supports not (display: grid) { .article-lg-3 .inside { width: 25%; } } .article-start-lg-3 .inside { grid-column-start: 3; } .article-lg-4 .inside { grid-column-end: span 4; } @supports not (display: grid) { .article-lg-4 .inside { width: 33.33333%; } } .article-start-lg-4 .inside { grid-column-start: 4; } .article-lg-5 .inside { grid-column-end: span 5; } @supports not (display: grid) { .article-lg-5 .inside { width: 41.66667%; } } .article-start-lg-5 .inside { grid-column-start: 5; } .article-lg-6 .inside { grid-column-end: span 6; } @supports not (display: grid) { .article-lg-6 .inside { width: 50%; } } .article-start-lg-6 .inside { grid-column-start: 6; } .article-lg-7 .inside { grid-column-end: span 7; } @supports not (display: grid) { .article-lg-7 .inside { width: 58.33333%; } } .article-start-lg-7 .inside { grid-column-start: 7; } .article-lg-8 .inside { grid-column-end: span 8; } @supports not (display: grid) { .article-lg-8 .inside { width: 66.66667%; } } .article-start-lg-8 .inside { grid-column-start: 8; } .article-lg-9 .inside { grid-column-end: span 9; } @supports not (display: grid) { .article-lg-9 .inside { width: 75%; } } .article-start-lg-9 .inside { grid-column-start: 9; } .article-lg-10 .inside { grid-column-end: span 10; } @supports not (display: grid) { .article-lg-10 .inside { width: 83.33333%; } } .article-start-lg-10 .inside { grid-column-start: 10; } .article-lg-11 .inside { grid-column-end: span 11; } @supports not (display: grid) { .article-lg-11 .inside { width: 91.66667%; } } .article-start-lg-11 .inside { grid-column-start: 11; } .article-lg-12 .inside { grid-column-end: span 12; } @supports not (display: grid) { .article-lg-12 .inside { width: 100%; } } .article-start-lg-12 .inside { grid-column-start: 12; } } .article-xl-1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-1 .inside { padding-left: 0; padding-right: 0; } } .article-xl-2 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-2 .inside { padding-left: 0; padding-right: 0; } } .article-xl-3 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-3 .inside { padding-left: 0; padding-right: 0; } } .article-xl-4 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-4 .inside { padding-left: 0; padding-right: 0; } } .article-xl-5 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-5 .inside { padding-left: 0; padding-right: 0; } } .article-xl-6 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-6 .inside { padding-left: 0; padding-right: 0; } } .article-xl-7 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-7 .inside { padding-left: 0; padding-right: 0; } } .article-xl-8 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-8 .inside { padding-left: 0; padding-right: 0; } } .article-xl-9 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-9 .inside { padding-left: 0; padding-right: 0; } } .article-xl-10 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-10 .inside { padding-left: 0; padding-right: 0; } } .article-xl-11 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-11 .inside { padding-left: 0; padding-right: 0; } } .article-xl-12 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--grid__gutter); } @supports not (display: grid) { .article-xl-12 .inside { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 68.75em) { .article-xl-1 .inside { grid-column-end: span 1; } @supports not (display: grid) { .article-xl-1 .inside { width: 8.33333%; } } .article-start-xl-1 .inside { grid-column-start: 1; } .article-xl-2 .inside { grid-column-end: span 2; } @supports not (display: grid) { .article-xl-2 .inside { width: 16.66667%; } } .article-start-xl-2 .inside { grid-column-start: 2; } .article-xl-3 .inside { grid-column-end: span 3; } @supports not (display: grid) { .article-xl-3 .inside { width: 25%; } } .article-start-xl-3 .inside { grid-column-start: 3; } .article-xl-4 .inside { grid-column-end: span 4; } @supports not (display: grid) { .article-xl-4 .inside { width: 33.33333%; } } .article-start-xl-4 .inside { grid-column-start: 4; } .article-xl-5 .inside { grid-column-end: span 5; } @supports not (display: grid) { .article-xl-5 .inside { width: 41.66667%; } } .article-start-xl-5 .inside { grid-column-start: 5; } .article-xl-6 .inside { grid-column-end: span 6; } @supports not (display: grid) { .article-xl-6 .inside { width: 50%; } } .article-start-xl-6 .inside { grid-column-start: 6; } .article-xl-7 .inside { grid-column-end: span 7; } @supports not (display: grid) { .article-xl-7 .inside { width: 58.33333%; } } .article-start-xl-7 .inside { grid-column-start: 7; } .article-xl-8 .inside { grid-column-end: span 8; } @supports not (display: grid) { .article-xl-8 .inside { width: 66.66667%; } } .article-start-xl-8 .inside { grid-column-start: 8; } .article-xl-9 .inside { grid-column-end: span 9; } @supports not (display: grid) { .article-xl-9 .inside { width: 75%; } } .article-start-xl-9 .inside { grid-column-start: 9; } .article-xl-10 .inside { grid-column-end: span 10; } @supports not (display: grid) { .article-xl-10 .inside { width: 83.33333%; } } .article-start-xl-10 .inside { grid-column-start: 10; } .article-xl-11 .inside { grid-column-end: span 11; } @supports not (display: grid) { .article-xl-11 .inside { width: 91.66667%; } } .article-start-xl-11 .inside { grid-column-start: 11; } .article-xl-12 .inside { grid-column-end: span 12; } @supports not (display: grid) { .article-xl-12 .inside { width: 100%; } } .article-start-xl-12 .inside { grid-column-start: 12; } } /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * Change font properties to `inherit` in all browsers (opinionated). */ button, input, select, textarea { font: inherit; } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. * 2. Show the overflow in Edge, Firefox, and IE. */ button, input, select { /* 2 */ overflow: visible; } /** * Remove the margin in Safari. * 1. Remove the margin in Firefox and Safari. */ button, input, select, textarea { /* 1 */ margin: 0; } /** * Remove the inheritence of text transform in Edge, Firefox, and IE. * 1. Remove the inheritence of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Change the cursor in all browsers (opinionated). */ button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } /** * Restore the default cursor to disabled elements unset by the previous rule. */ [disabled] { cursor: default; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * Correct the odd appearance of search inputs in Chrome and Safari. */ [type="search"] { -webkit-appearance: textfield; } /** * Remove the inner padding and cancel buttons in Chrome on OS X and * Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .float_left { float: left; } .float_right { float: right; } .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } /** * Set the global `box-sizing` state to `border-box`. * * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice * paulirish.com/2012/box-sizing-border-box-ftw */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: var(--base-spacing-unit--sm); } ul, ol, dl, blockquote, p, address, hr, fieldset, figure, pre { margin-bottom: var(--base-spacing-unit); } ul, ol, dd { margin-left: var(--base-spacing-unit); } .clearfix:after { content: ""; display: table; clear: both; } a { color: var(--color-links); } :not(p) a { text-decoration: none; } figure { margin: 0; } img { display: block; max-width: 100%; height: auto; margin: 0 auto; } html { font-family: var(--base-font-family, sans-serif); font-size: var(--base-font-size--xs); line-height: var(--base-line-height); font-weight: var(--base-font-weight); background-color: var(--color-page-background); color: var(--color-text); overflow-y: scroll; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 34.375em) { html { font-size: var(--base-font-size--sm, var(--base-font-size)); } } @media screen and (min-width: 48em) { html { font-size: var(--base-font-size); } } @media screen and (min-width: 58.75em) { html { font-size: var(--base-font-size--lg, var(--base-font-size)); } } @media screen and (min-width: 68.75em) { html { font-size: var(--base-font-size--xl); } } .new-header #header { height: 120px; } @media screen and (min-width: 68.75em) { .new-header #header { height: 220px; } } .new-header #header:before { position: absolute; inset: 0; background-image: url(../../files/theme/dist/img/header-bg.svg); background-repeat: no-repeat; background-size: cover; background-color: transparent; background-position: 100% 90%; -webkit-clip-path: none; clip-path: none; } .new-header #header:after { content: none; } .new-header #header.is-fixed { top: -220px; } /* kidzone */ @font-face { font-display: swap; font-family: "kidzone"; font-style: normal; font-weight: 400; src: url("../../files/theme/dist/fonts/kidzone-webfont.woff2") format("woff2"), url("../../files/theme/dist/fonts/kidzone-webfont.woff") format("woff"); } html { --headings__font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --headings__font-weight: 700; --headings__color: 'currentColor'; --paragraph__link-color: var(--color-links); --code__color: var(--color-highlight); --selection-background: var(--color-brand); --pre__color-background: var(--color-gray); --pre__color: var(--color-text--inverted); --selection-color: var(--color-text--inverted); --hr-border: var(--base-border); --paragraph__link-decoration: underline; --paragraph__link-decoration--hover: none; } h1, h2, h3, h4, h5, h6 { font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); color: var(--headings__color); } h1 { font-size: 2.1rem; line-height: 1.2; margin-bottom: 1rem; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } @media screen and (min-width: 34.375em) { h1 { font-size: 2.1rem; } } @media screen and (min-width: 48em) { h1 { font-size: 2.3rem; } } @media screen and (min-width: 58.75em) { h1 { font-size: 2.3rem; } } @media screen and (min-width: 68.75em) { h1 { font-size: 3rem; } } p + h1, ul + h1, ol + h1 { margin-top: 2rem; } .ce_text + .ce_text h1:first-child { margin-top: 2rem; } h1 + h2 { margin-top: -1rem; } h2 { font-size: 1.9rem; line-height: 1.2; margin-bottom: 1rem; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } @media screen and (min-width: 34.375em) { h2 { font-size: 1.9rem; } } @media screen and (min-width: 48em) { h2 { font-size: 2.5rem; } } @media screen and (min-width: 58.75em) { h2 { font-size: 2.5rem; } } @media screen and (min-width: 68.75em) { h2 { font-size: 2.85rem; } } p + h2, ul + h2, ol + h2 { margin-top: 2rem; } .ce_text + .ce_text h2:first-child { margin-top: 2rem; } h2 + h3 { margin-top: -1rem; } h3 { font-size: 2rem; line-height: 1.3; margin-bottom: 0.5rem; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } @media screen and (min-width: 34.375em) { h3 { font-size: 2rem; } } @media screen and (min-width: 48em) { h3 { font-size: 2rem; } } @media screen and (min-width: 58.75em) { h3 { font-size: 2rem; } } @media screen and (min-width: 68.75em) { h3 { font-size: 2.3rem; } } p + h3, ul + h3, ol + h3 { margin-top: 2rem; } .ce_text + .ce_text h3:first-child { margin-top: 2rem; } h3 + h4 { margin-top: -0.5rem; } h4 { font-size: 1.5rem; line-height: 1.2; margin-bottom: 0.5rem; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } @media screen and (min-width: 34.375em) { h4 { font-size: 1.5rem; } } @media screen and (min-width: 48em) { h4 { font-size: 1.5rem; } } @media screen and (min-width: 58.75em) { h4 { font-size: 1.7rem; } } @media screen and (min-width: 68.75em) { h4 { font-size: 1.7rem; } } p + h4, ul + h4, ol + h4 { margin-top: 1.5rem; } .ce_text + .ce_text h4:first-child { margin-top: 1.5rem; } h4 + h5 { margin-top: -0.5rem; } h5 { font-size: 1.35rem; line-height: 1.5; margin-bottom: 0.5rem; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } @media screen and (min-width: 34.375em) { h5 { font-size: 1.35rem; } } @media screen and (min-width: 48em) { h5 { font-size: 1.35rem; } } @media screen and (min-width: 58.75em) { h5 { font-size: 1.4rem; } } @media screen and (min-width: 68.75em) { h5 { font-size: 1.4rem; } } p + h5, ul + h5, ol + h5 { margin-top: 1.5rem; } .ce_text + .ce_text h5:first-child { margin-top: 1.5rem; } h5 + h6 { margin-top: -0.5rem; } h6 { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0.5rem; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } @media screen and (min-width: 34.375em) { h6 { font-size: 0.875rem; } } @media screen and (min-width: 48em) { h6 { font-size: 0.875rem; } } @media screen and (min-width: 58.75em) { h6 { font-size: 0.875rem; } } @media screen and (min-width: 68.75em) { h6 { font-size: 0.875rem; } } p + h6, ul + h6, ol + h6 { margin-top: 1.5rem; } .ce_text + .ce_text h6:first-child { margin-top: 1.5rem; } p, ul, ol { margin-top: 0; } p a, ul a, ol a { -webkit-text-decoration: var(--paragraph__link-decoration); text-decoration: var(--paragraph__link-decoration); } p a:hover, ul a:hover, ol a:hover { --paragraph__link-decoration: var(--paragraph__link-decoration--hover); } p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; } code { color: var(--code__color); } pre { padding: 1rem; background: var(--pre__color-background); color: var(--pre__color); overflow-x: scroll; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: var(--hr-border); } .li--block { margin-bottom: 1rem; } .ce_text { margin-bottom: var(--base-spacing-unit); } ::-moz-selection { background: var(--selection-background); color: var(--selection-color); opacity: 1; } ::selection { background: var(--selection-background); color: var(--selection-color); opacity: 1; } html { --headings__font-family: "kidzone", BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --headings__font-weight: 500; --headings__color: var(--color-default); --highlight__font-family: "kidzone", BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --paragraph__link-color: var(--color-links); --code__color: var(--color-highlight); --selection-background: var(--color-brand); --pre__color-background: var(--color-gray); --pre__color: var(--color-text--inverted); --selection-color: var(--color-text--inverted); --hr-border: var(--base-border); --paragraph__link-decoration: none; --paragraph__link-decoration--hover: none; } h1, h2, h3, h4, h5, h6 { position: relative; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); color: var(--headings__color); } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: #094d24; font-weight: 500; } @media screen and (min-width: 68.75em) { h1, h2 { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } } h1 + h3 { margin-top: -1rem; } h2 + h3 + p { margin-top: 20px; } h3 { text-transform: none; } h3 + h4 { margin-top: 1rem; } a { transition: all 0.3s; } a:hover { color: black; } ul { padding-left: 5px; } p + ul { margin-top: inherit; } strong { font-weight: 600; } .text-wrapper ul { list-style: none; line-height: 1.8; } .text-wrapper ul li { text-indent: -15px; } .text-wrapper ul li:before { content: "·"; padding-right: 10px; } .text-big { color: #094d24; } @media screen and (min-width: 68.75em) { .text-big { font-size: 20px; } } .font-big { font-size: 20px; font-weight: 700; color: var(--headings__color); } @media screen and (min-width: 68.75em) { .font-big { font-size: calc(2vw + 15px); } } .font-gigantic { font-size: 12.5vw; font-weight: 600; text-align: center; display: block; width: 105%; margin-left: -3%; color: #fff; text-transform: uppercase; opacity: 0.4; } @media only screen and (min-width: 1920px) { .font-gigantic { font-size: 12.8vw; margin-left: -2.7%; } } .font-alt { font-family: "Market Web"; color: var(--color-default); } .font-alt h1, .font-alt h2, .font-alt h3, .font-alt h4, .font-alt h5, .font-alt h6 { font-family: "Market Web"; } h1 .font-alt { font-size: 50px; } @media screen and (min-width: 68.75em) { h1 .font-alt { font-size: 70px; } } @media only screen and (min-width: 1920px) { h1 .font-alt { font-size: 90px; margin-left: -60px; } } .heading-blue h1, .heading-blue h2, .heading-blue h3, .heading-blue h4, .heading-blue h5, .heading-blue h6 { color: #e62271; } .highlight-font { font-family: var(--highlight__font-family); } .back-link { font-family: var(--headings__font-family); font-size: 1.5rem; padding-bottom: 50px; } .back-link a { color: #e62271; } .back-link a:hover { color: #094d24; } .check-list ul { padding-left: 10px; list-style: none; } .check-list ul li { text-indent: -20px; } .check-list ul li:before { content: url(../../files/theme/dist/img/check-icon.svg); text-indent: -8px; width: 20px; display: inline-block; padding: 0; margin: 0; } p a, .ce_text a { text-decoration: underline; } html { --grid__columns: 12; --grid__gutter: 1.875rem; --grid__gutter--half: calc(var(--grid__gutter) / 2); } .row { display: grid; grid-template-columns: repeat(var(--grid__columns), 1fr); grid-column-gap: var(--grid__gutter); grid-auto-columns: 1fr; } @supports not (display: grid) { .row { display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--grid__gutter) / 2); margin-right: calc(-1 * var(--grid__gutter) / 2); } } .ie .row { display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--grid__gutter) / 2); margin-right: calc(-1 * var(--grid__gutter) / 2); } .article-xs-1 .inside, .article-xs-2 .inside, .article-xs-3 .inside, .article-xs-4 .inside, .article-xs-5 .inside, .article-xs-6 .inside, .article-xs-7 .inside, .article-xs-8 .inside, .article-xs-9 .inside, .article-xs-10 .inside, .article-xs-11 .inside, .article-xs-12 .inside, .article-sm-1 .inside, .article-sm-2 .inside, .article-sm-3 .inside, .article-sm-4 .inside, .article-sm-5 .inside, .article-sm-6 .inside, .article-sm-7 .inside, .article-sm-8 .inside, .article-sm-9 .inside, .article-sm-10 .inside, .article-sm-11 .inside, .article-sm-12 .inside, .article-md-1 .inside, .article-md-2 .inside, .article-md-3 .inside, .article-md-4 .inside, .article-md-5 .inside, .article-md-6 .inside, .article-md-7 .inside, .article-md-8 .inside, .article-md-9 .inside, .article-md-10 .inside, .article-md-11 .inside, .article-md-12 .inside, .article-lg-1 .inside, .article-lg-2 .inside, .article-lg-3 .inside, .article-lg-4 .inside, .article-lg-5 .inside, .article-lg-6 .inside, .article-lg-7 .inside, .article-lg-8 .inside, .article-lg-9 .inside, .article-lg-10 .inside, .article-lg-11 .inside, .article-lg-12 .inside, .article-xl-1 .inside, .article-xl-2 .inside, .article-xl-3 .inside, .article-xl-4 .inside, .article-xl-5 .inside, .article-xl-6 .inside, .article-xl-7 .inside, .article-xl-8 .inside, .article-xl-9 .inside, .article-xl-10 .inside, .article-xl-11 .inside, .article-xl-12 .inside, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .ce_gallery > ul li { grid-column: 1 / -1; } @supports not (display: grid) { .article-xs-1 .inside, .article-xs-2 .inside, .article-xs-3 .inside, .article-xs-4 .inside, .article-xs-5 .inside, .article-xs-6 .inside, .article-xs-7 .inside, .article-xs-8 .inside, .article-xs-9 .inside, .article-xs-10 .inside, .article-xs-11 .inside, .article-xs-12 .inside, .article-sm-1 .inside, .article-sm-2 .inside, .article-sm-3 .inside, .article-sm-4 .inside, .article-sm-5 .inside, .article-sm-6 .inside, .article-sm-7 .inside, .article-sm-8 .inside, .article-sm-9 .inside, .article-sm-10 .inside, .article-sm-11 .inside, .article-sm-12 .inside, .article-md-1 .inside, .article-md-2 .inside, .article-md-3 .inside, .article-md-4 .inside, .article-md-5 .inside, .article-md-6 .inside, .article-md-7 .inside, .article-md-8 .inside, .article-md-9 .inside, .article-md-10 .inside, .article-md-11 .inside, .article-md-12 .inside, .article-lg-1 .inside, .article-lg-2 .inside, .article-lg-3 .inside, .article-lg-4 .inside, .article-lg-5 .inside, .article-lg-6 .inside, .article-lg-7 .inside, .article-lg-8 .inside, .article-lg-9 .inside, .article-lg-10 .inside, .article-lg-11 .inside, .article-lg-12 .inside, .article-xl-1 .inside, .article-xl-2 .inside, .article-xl-3 .inside, .article-xl-4 .inside, .article-xl-5 .inside, .article-xl-6 .inside, .article-xl-7 .inside, .article-xl-8 .inside, .article-xl-9 .inside, .article-xl-10 .inside, .article-xl-11 .inside, .article-xl-12 .inside, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .ce_gallery > ul li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .article-xs-1 .inside, .article-xs-1 .ie .inside, .ie .article-xs-2 .inside, .article-xs-2 .ie .inside, .ie .article-xs-3 .inside, .article-xs-3 .ie .inside, .ie .article-xs-4 .inside, .article-xs-4 .ie .inside, .ie .article-xs-5 .inside, .article-xs-5 .ie .inside, .ie .article-xs-6 .inside, .article-xs-6 .ie .inside, .ie .article-xs-7 .inside, .article-xs-7 .ie .inside, .ie .article-xs-8 .inside, .article-xs-8 .ie .inside, .ie .article-xs-9 .inside, .article-xs-9 .ie .inside, .ie .article-xs-10 .inside, .article-xs-10 .ie .inside, .ie .article-xs-11 .inside, .article-xs-11 .ie .inside, .ie .article-xs-12 .inside, .article-xs-12 .ie .inside, .ie .article-sm-1 .inside, .article-sm-1 .ie .inside, .ie .article-sm-2 .inside, .article-sm-2 .ie .inside, .ie .article-sm-3 .inside, .article-sm-3 .ie .inside, .ie .article-sm-4 .inside, .article-sm-4 .ie .inside, .ie .article-sm-5 .inside, .article-sm-5 .ie .inside, .ie .article-sm-6 .inside, .article-sm-6 .ie .inside, .ie .article-sm-7 .inside, .article-sm-7 .ie .inside, .ie .article-sm-8 .inside, .article-sm-8 .ie .inside, .ie .article-sm-9 .inside, .article-sm-9 .ie .inside, .ie .article-sm-10 .inside, .article-sm-10 .ie .inside, .ie .article-sm-11 .inside, .article-sm-11 .ie .inside, .ie .article-sm-12 .inside, .article-sm-12 .ie .inside, .ie .article-md-1 .inside, .article-md-1 .ie .inside, .ie .article-md-2 .inside, .article-md-2 .ie .inside, .ie .article-md-3 .inside, .article-md-3 .ie .inside, .ie .article-md-4 .inside, .article-md-4 .ie .inside, .ie .article-md-5 .inside, .article-md-5 .ie .inside, .ie .article-md-6 .inside, .article-md-6 .ie .inside, .ie .article-md-7 .inside, .article-md-7 .ie .inside, .ie .article-md-8 .inside, .article-md-8 .ie .inside, .ie .article-md-9 .inside, .article-md-9 .ie .inside, .ie .article-md-10 .inside, .article-md-10 .ie .inside, .ie .article-md-11 .inside, .article-md-11 .ie .inside, .ie .article-md-12 .inside, .article-md-12 .ie .inside, .ie .article-lg-1 .inside, .article-lg-1 .ie .inside, .ie .article-lg-2 .inside, .article-lg-2 .ie .inside, .ie .article-lg-3 .inside, .article-lg-3 .ie .inside, .ie .article-lg-4 .inside, .article-lg-4 .ie .inside, .ie .article-lg-5 .inside, .article-lg-5 .ie .inside, .ie .article-lg-6 .inside, .article-lg-6 .ie .inside, .ie .article-lg-7 .inside, .article-lg-7 .ie .inside, .ie .article-lg-8 .inside, .article-lg-8 .ie .inside, .ie .article-lg-9 .inside, .article-lg-9 .ie .inside, .ie .article-lg-10 .inside, .article-lg-10 .ie .inside, .ie .article-lg-11 .inside, .article-lg-11 .ie .inside, .ie .article-lg-12 .inside, .article-lg-12 .ie .inside, .ie .article-xl-1 .inside, .article-xl-1 .ie .inside, .ie .article-xl-2 .inside, .article-xl-2 .ie .inside, .ie .article-xl-3 .inside, .article-xl-3 .ie .inside, .ie .article-xl-4 .inside, .article-xl-4 .ie .inside, .ie .article-xl-5 .inside, .article-xl-5 .ie .inside, .ie .article-xl-6 .inside, .article-xl-6 .ie .inside, .ie .article-xl-7 .inside, .article-xl-7 .ie .inside, .ie .article-xl-8 .inside, .article-xl-8 .ie .inside, .ie .article-xl-9 .inside, .article-xl-9 .ie .inside, .ie .article-xl-10 .inside, .article-xl-10 .ie .inside, .ie .article-xl-11 .inside, .article-xl-11 .ie .inside, .ie .article-xl-12 .inside, .article-xl-12 .ie .inside, .ie .col-xs-1, .ie .col-xs-2, .ie .col-xs-3, .ie .col-xs-4, .ie .col-xs-5, .ie .col-xs-6, .ie .col-xs-7, .ie .col-xs-8, .ie .col-xs-9, .ie .col-xs-10, .ie .col-xs-11, .ie .col-xs-12, .ie .col-sm-1, .ie .col-sm-2, .ie .col-sm-3, .ie .col-sm-4, .ie .col-sm-5, .ie .col-sm-6, .ie .col-sm-7, .ie .col-sm-8, .ie .col-sm-9, .ie .col-sm-10, .ie .col-sm-11, .ie .col-sm-12, .ie .col-md-1, .ie .col-md-2, .ie .col-md-3, .ie .col-md-4, .ie .col-md-5, .ie .col-md-6, .ie .col-md-7, .ie .col-md-8, .ie .col-md-9, .ie .col-md-10, .ie .col-md-11, .ie .col-md-12, .ie .col-lg-1, .ie .col-lg-2, .ie .col-lg-3, .ie .col-lg-4, .ie .col-lg-5, .ie .col-lg-6, .ie .col-lg-7, .ie .col-lg-8, .ie .col-lg-9, .ie .col-lg-10, .ie .col-lg-11, .ie .col-lg-12, .ie .col-xl-1, .ie .col-xl-2, .ie .col-xl-3, .ie .col-xl-4, .ie .col-xl-5, .ie .col-xl-6, .ie .col-xl-7, .ie .col-xl-8, .ie .col-xl-9, .ie .col-xl-10, .ie .col-xl-11, .ie .col-xl-12, .ie .ce_gallery > ul li, .ce_gallery > ul .ie li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } .col-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-1 { width: 8.33333%; } } .ie .col-1 { width: 8.33333%; } .col-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-2 { width: 16.66667%; } } .ie .col-2 { width: 16.66667%; } .col-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-3 { width: 25%; } } .ie .col-3 { width: 25%; } .col-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-4 { width: 33.33333%; } } .ie .col-4 { width: 33.33333%; } .col-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-5 { width: 41.66667%; } } .ie .col-5 { width: 41.66667%; } .col-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-6 { width: 50%; } } .ie .col-6 { width: 50%; } .col-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-7 { width: 58.33333%; } } .ie .col-7 { width: 58.33333%; } .col-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-8 { width: 66.66667%; } } .ie .col-8 { width: 66.66667%; } .col-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-9 { width: 75%; } } .ie .col-9 { width: 75%; } .col-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-10 { width: 83.33333%; } } .ie .col-10 { width: 83.33333%; } .col-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-11 { width: 91.66667%; } } .ie .col-11 { width: 91.66667%; } .col-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-12 { width: 100%; } } .ie .col-12 { width: 100%; } @media screen and (min-width: 0) { .col-xs-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-xs-1 { width: 8.33333%; } } .ie .col-xs-1 { width: 8.33333%; } .col-xs-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-xs-2 { width: 16.66667%; } } .ie .col-xs-2 { width: 16.66667%; } .col-xs-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-xs-3 { width: 25%; } } .ie .col-xs-3 { width: 25%; } .col-xs-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-xs-4 { width: 33.33333%; } } .ie .col-xs-4 { width: 33.33333%; } .col-xs-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-xs-5 { width: 41.66667%; } } .ie .col-xs-5 { width: 41.66667%; } .col-xs-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-xs-6 { width: 50%; } } .ie .col-xs-6 { width: 50%; } .col-xs-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-xs-7 { width: 58.33333%; } } .ie .col-xs-7 { width: 58.33333%; } .col-xs-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-xs-8 { width: 66.66667%; } } .ie .col-xs-8 { width: 66.66667%; } .col-xs-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-xs-9 { width: 75%; } } .ie .col-xs-9 { width: 75%; } .col-xs-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-xs-10 { width: 83.33333%; } } .ie .col-xs-10 { width: 83.33333%; } .col-xs-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-xs-11 { width: 91.66667%; } } .ie .col-xs-11 { width: 91.66667%; } .col-xs-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-xs-12 { width: 100%; } } .ie .col-xs-12 { width: 100%; } } @media screen and (min-width: 0) { .row-span-xs-1 { grid-row: span 1/span 1; } .row-span-xs-2 { grid-row: span 2/span 2; } .row-span-xs-3 { grid-row: span 3/span 3; } .row-span-xs-4 { grid-row: span 4/span 4; } .row-span-xs-5 { grid-row: span 5/span 5; } .row-span-xs-6 { grid-row: span 6/span 6; } .row-span-xs-7 { grid-row: span 7/span 7; } .row-span-xs-8 { grid-row: span 8/span 8; } .row-span-xs-9 { grid-row: span 9/span 9; } .row-span-xs-10 { grid-row: span 10/span 10; } .row-span-xs-11 { grid-row: span 11/span 11; } .row-span-xs-12 { grid-row: span 12/span 12; } } @media screen and (min-width: 0) { .col-start-xs-1 { grid-column-start: 1; } .row-start-xs-1 { grid-row-start: 1; } .col-start-xs-2 { grid-column-start: 2; } .row-start-xs-2 { grid-row-start: 2; } .col-start-xs-3 { grid-column-start: 3; } .row-start-xs-3 { grid-row-start: 3; } .col-start-xs-4 { grid-column-start: 4; } .row-start-xs-4 { grid-row-start: 4; } .col-start-xs-5 { grid-column-start: 5; } .row-start-xs-5 { grid-row-start: 5; } .col-start-xs-6 { grid-column-start: 6; } .row-start-xs-6 { grid-row-start: 6; } .col-start-xs-7 { grid-column-start: 7; } .row-start-xs-7 { grid-row-start: 7; } .col-start-xs-8 { grid-column-start: 8; } .row-start-xs-8 { grid-row-start: 8; } .col-start-xs-9 { grid-column-start: 9; } .row-start-xs-9 { grid-row-start: 9; } .col-start-xs-10 { grid-column-start: 10; } .row-start-xs-10 { grid-row-start: 10; } .col-start-xs-11 { grid-column-start: 11; } .row-start-xs-11 { grid-row-start: 11; } .col-start-xs-12 { grid-column-start: 12; } .row-start-xs-12 { grid-row-start: 12; } } @media screen and (min-width: 0) { .pull-right-xs { grid-column-end: -1; } .pull-left-xs { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 34.375em) { .col-sm-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-sm-1 { width: 8.33333%; } } .ie .col-sm-1 { width: 8.33333%; } .col-sm-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-sm-2 { width: 16.66667%; } } .ie .col-sm-2 { width: 16.66667%; } .col-sm-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-sm-3 { width: 25%; } } .ie .col-sm-3 { width: 25%; } .col-sm-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-sm-4 { width: 33.33333%; } } .ie .col-sm-4 { width: 33.33333%; } .col-sm-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-sm-5 { width: 41.66667%; } } .ie .col-sm-5 { width: 41.66667%; } .col-sm-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-sm-6 { width: 50%; } } .ie .col-sm-6 { width: 50%; } .col-sm-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-sm-7 { width: 58.33333%; } } .ie .col-sm-7 { width: 58.33333%; } .col-sm-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-sm-8 { width: 66.66667%; } } .ie .col-sm-8 { width: 66.66667%; } .col-sm-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-sm-9 { width: 75%; } } .ie .col-sm-9 { width: 75%; } .col-sm-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-sm-10 { width: 83.33333%; } } .ie .col-sm-10 { width: 83.33333%; } .col-sm-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-sm-11 { width: 91.66667%; } } .ie .col-sm-11 { width: 91.66667%; } .col-sm-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-sm-12 { width: 100%; } } .ie .col-sm-12 { width: 100%; } } @media screen and (min-width: 34.375em) { .row-span-sm-1 { grid-row: span 1/span 1; } .row-span-sm-2 { grid-row: span 2/span 2; } .row-span-sm-3 { grid-row: span 3/span 3; } .row-span-sm-4 { grid-row: span 4/span 4; } .row-span-sm-5 { grid-row: span 5/span 5; } .row-span-sm-6 { grid-row: span 6/span 6; } .row-span-sm-7 { grid-row: span 7/span 7; } .row-span-sm-8 { grid-row: span 8/span 8; } .row-span-sm-9 { grid-row: span 9/span 9; } .row-span-sm-10 { grid-row: span 10/span 10; } .row-span-sm-11 { grid-row: span 11/span 11; } .row-span-sm-12 { grid-row: span 12/span 12; } } @media screen and (min-width: 34.375em) { .col-start-sm-1 { grid-column-start: 1; } .row-start-sm-1 { grid-row-start: 1; } .col-start-sm-2 { grid-column-start: 2; } .row-start-sm-2 { grid-row-start: 2; } .col-start-sm-3 { grid-column-start: 3; } .row-start-sm-3 { grid-row-start: 3; } .col-start-sm-4 { grid-column-start: 4; } .row-start-sm-4 { grid-row-start: 4; } .col-start-sm-5 { grid-column-start: 5; } .row-start-sm-5 { grid-row-start: 5; } .col-start-sm-6 { grid-column-start: 6; } .row-start-sm-6 { grid-row-start: 6; } .col-start-sm-7 { grid-column-start: 7; } .row-start-sm-7 { grid-row-start: 7; } .col-start-sm-8 { grid-column-start: 8; } .row-start-sm-8 { grid-row-start: 8; } .col-start-sm-9 { grid-column-start: 9; } .row-start-sm-9 { grid-row-start: 9; } .col-start-sm-10 { grid-column-start: 10; } .row-start-sm-10 { grid-row-start: 10; } .col-start-sm-11 { grid-column-start: 11; } .row-start-sm-11 { grid-row-start: 11; } .col-start-sm-12 { grid-column-start: 12; } .row-start-sm-12 { grid-row-start: 12; } } @media screen and (min-width: 34.375em) { .pull-right-sm { grid-column-end: -1; } .pull-left-sm { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 48em) { .col-md-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-md-1 { width: 8.33333%; } } .ie .col-md-1 { width: 8.33333%; } .col-md-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-md-2 { width: 16.66667%; } } .ie .col-md-2 { width: 16.66667%; } .col-md-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-md-3 { width: 25%; } } .ie .col-md-3 { width: 25%; } .col-md-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-md-4 { width: 33.33333%; } } .ie .col-md-4 { width: 33.33333%; } .col-md-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-md-5 { width: 41.66667%; } } .ie .col-md-5 { width: 41.66667%; } .col-md-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-md-6 { width: 50%; } } .ie .col-md-6 { width: 50%; } .col-md-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-md-7 { width: 58.33333%; } } .ie .col-md-7 { width: 58.33333%; } .col-md-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-md-8 { width: 66.66667%; } } .ie .col-md-8 { width: 66.66667%; } .col-md-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-md-9 { width: 75%; } } .ie .col-md-9 { width: 75%; } .col-md-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-md-10 { width: 83.33333%; } } .ie .col-md-10 { width: 83.33333%; } .col-md-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-md-11 { width: 91.66667%; } } .ie .col-md-11 { width: 91.66667%; } .col-md-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-md-12 { width: 100%; } } .ie .col-md-12 { width: 100%; } } @media screen and (min-width: 48em) { .row-span-md-1 { grid-row: span 1/span 1; } .row-span-md-2 { grid-row: span 2/span 2; } .row-span-md-3 { grid-row: span 3/span 3; } .row-span-md-4 { grid-row: span 4/span 4; } .row-span-md-5 { grid-row: span 5/span 5; } .row-span-md-6 { grid-row: span 6/span 6; } .row-span-md-7 { grid-row: span 7/span 7; } .row-span-md-8 { grid-row: span 8/span 8; } .row-span-md-9 { grid-row: span 9/span 9; } .row-span-md-10 { grid-row: span 10/span 10; } .row-span-md-11 { grid-row: span 11/span 11; } .row-span-md-12 { grid-row: span 12/span 12; } } @media screen and (min-width: 48em) { .col-start-md-1 { grid-column-start: 1; } .row-start-md-1 { grid-row-start: 1; } .col-start-md-2 { grid-column-start: 2; } .row-start-md-2 { grid-row-start: 2; } .col-start-md-3 { grid-column-start: 3; } .row-start-md-3 { grid-row-start: 3; } .col-start-md-4 { grid-column-start: 4; } .row-start-md-4 { grid-row-start: 4; } .col-start-md-5 { grid-column-start: 5; } .row-start-md-5 { grid-row-start: 5; } .col-start-md-6 { grid-column-start: 6; } .row-start-md-6 { grid-row-start: 6; } .col-start-md-7 { grid-column-start: 7; } .row-start-md-7 { grid-row-start: 7; } .col-start-md-8 { grid-column-start: 8; } .row-start-md-8 { grid-row-start: 8; } .col-start-md-9 { grid-column-start: 9; } .row-start-md-9 { grid-row-start: 9; } .col-start-md-10 { grid-column-start: 10; } .row-start-md-10 { grid-row-start: 10; } .col-start-md-11 { grid-column-start: 11; } .row-start-md-11 { grid-row-start: 11; } .col-start-md-12 { grid-column-start: 12; } .row-start-md-12 { grid-row-start: 12; } } @media screen and (min-width: 48em) { .pull-right-md { grid-column-end: -1; } .pull-left-md { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 58.75em) { .col-lg-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-lg-1 { width: 8.33333%; } } .ie .col-lg-1 { width: 8.33333%; } .col-lg-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-lg-2 { width: 16.66667%; } } .ie .col-lg-2 { width: 16.66667%; } .col-lg-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-lg-3 { width: 25%; } } .ie .col-lg-3 { width: 25%; } .col-lg-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-lg-4 { width: 33.33333%; } } .ie .col-lg-4 { width: 33.33333%; } .col-lg-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-lg-5 { width: 41.66667%; } } .ie .col-lg-5 { width: 41.66667%; } .col-lg-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-lg-6 { width: 50%; } } .ie .col-lg-6 { width: 50%; } .col-lg-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-lg-7 { width: 58.33333%; } } .ie .col-lg-7 { width: 58.33333%; } .col-lg-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-lg-8 { width: 66.66667%; } } .ie .col-lg-8 { width: 66.66667%; } .col-lg-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-lg-9 { width: 75%; } } .ie .col-lg-9 { width: 75%; } .col-lg-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-lg-10 { width: 83.33333%; } } .ie .col-lg-10 { width: 83.33333%; } .col-lg-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-lg-11 { width: 91.66667%; } } .ie .col-lg-11 { width: 91.66667%; } .col-lg-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-lg-12 { width: 100%; } } .ie .col-lg-12 { width: 100%; } } @media screen and (min-width: 58.75em) { .row-span-lg-1 { grid-row: span 1/span 1; } .row-span-lg-2 { grid-row: span 2/span 2; } .row-span-lg-3 { grid-row: span 3/span 3; } .row-span-lg-4 { grid-row: span 4/span 4; } .row-span-lg-5 { grid-row: span 5/span 5; } .row-span-lg-6 { grid-row: span 6/span 6; } .row-span-lg-7 { grid-row: span 7/span 7; } .row-span-lg-8 { grid-row: span 8/span 8; } .row-span-lg-9 { grid-row: span 9/span 9; } .row-span-lg-10 { grid-row: span 10/span 10; } .row-span-lg-11 { grid-row: span 11/span 11; } .row-span-lg-12 { grid-row: span 12/span 12; } } @media screen and (min-width: 58.75em) { .col-start-lg-1 { grid-column-start: 1; } .row-start-lg-1 { grid-row-start: 1; } .col-start-lg-2 { grid-column-start: 2; } .row-start-lg-2 { grid-row-start: 2; } .col-start-lg-3 { grid-column-start: 3; } .row-start-lg-3 { grid-row-start: 3; } .col-start-lg-4 { grid-column-start: 4; } .row-start-lg-4 { grid-row-start: 4; } .col-start-lg-5 { grid-column-start: 5; } .row-start-lg-5 { grid-row-start: 5; } .col-start-lg-6 { grid-column-start: 6; } .row-start-lg-6 { grid-row-start: 6; } .col-start-lg-7 { grid-column-start: 7; } .row-start-lg-7 { grid-row-start: 7; } .col-start-lg-8 { grid-column-start: 8; } .row-start-lg-8 { grid-row-start: 8; } .col-start-lg-9 { grid-column-start: 9; } .row-start-lg-9 { grid-row-start: 9; } .col-start-lg-10 { grid-column-start: 10; } .row-start-lg-10 { grid-row-start: 10; } .col-start-lg-11 { grid-column-start: 11; } .row-start-lg-11 { grid-row-start: 11; } .col-start-lg-12 { grid-column-start: 12; } .row-start-lg-12 { grid-row-start: 12; } } @media screen and (min-width: 58.75em) { .pull-right-lg { grid-column-end: -1; } .pull-left-lg { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 68.75em) { .col-xl-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-xl-1 { width: 8.33333%; } } .ie .col-xl-1 { width: 8.33333%; } .col-xl-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-xl-2 { width: 16.66667%; } } .ie .col-xl-2 { width: 16.66667%; } .col-xl-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-xl-3 { width: 25%; } } .ie .col-xl-3 { width: 25%; } .col-xl-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-xl-4 { width: 33.33333%; } } .ie .col-xl-4 { width: 33.33333%; } .col-xl-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-xl-5 { width: 41.66667%; } } .ie .col-xl-5 { width: 41.66667%; } .col-xl-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-xl-6 { width: 50%; } } .ie .col-xl-6 { width: 50%; } .col-xl-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-xl-7 { width: 58.33333%; } } .ie .col-xl-7 { width: 58.33333%; } .col-xl-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-xl-8 { width: 66.66667%; } } .ie .col-xl-8 { width: 66.66667%; } .col-xl-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-xl-9 { width: 75%; } } .ie .col-xl-9 { width: 75%; } .col-xl-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-xl-10 { width: 83.33333%; } } .ie .col-xl-10 { width: 83.33333%; } .col-xl-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-xl-11 { width: 91.66667%; } } .ie .col-xl-11 { width: 91.66667%; } .col-xl-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-xl-12 { width: 100%; } } .ie .col-xl-12 { width: 100%; } } @media screen and (min-width: 68.75em) { .row-span-xl-1 { grid-row: span 1/span 1; } .row-span-xl-2 { grid-row: span 2/span 2; } .row-span-xl-3 { grid-row: span 3/span 3; } .row-span-xl-4 { grid-row: span 4/span 4; } .row-span-xl-5 { grid-row: span 5/span 5; } .row-span-xl-6 { grid-row: span 6/span 6; } .row-span-xl-7 { grid-row: span 7/span 7; } .row-span-xl-8 { grid-row: span 8/span 8; } .row-span-xl-9 { grid-row: span 9/span 9; } .row-span-xl-10 { grid-row: span 10/span 10; } .row-span-xl-11 { grid-row: span 11/span 11; } .row-span-xl-12 { grid-row: span 12/span 12; } } @media screen and (min-width: 68.75em) { .col-start-xl-1 { grid-column-start: 1; } .row-start-xl-1 { grid-row-start: 1; } .col-start-xl-2 { grid-column-start: 2; } .row-start-xl-2 { grid-row-start: 2; } .col-start-xl-3 { grid-column-start: 3; } .row-start-xl-3 { grid-row-start: 3; } .col-start-xl-4 { grid-column-start: 4; } .row-start-xl-4 { grid-row-start: 4; } .col-start-xl-5 { grid-column-start: 5; } .row-start-xl-5 { grid-row-start: 5; } .col-start-xl-6 { grid-column-start: 6; } .row-start-xl-6 { grid-row-start: 6; } .col-start-xl-7 { grid-column-start: 7; } .row-start-xl-7 { grid-row-start: 7; } .col-start-xl-8 { grid-column-start: 8; } .row-start-xl-8 { grid-row-start: 8; } .col-start-xl-9 { grid-column-start: 9; } .row-start-xl-9 { grid-row-start: 9; } .col-start-xl-10 { grid-column-start: 10; } .row-start-xl-10 { grid-row-start: 10; } .col-start-xl-11 { grid-column-start: 11; } .row-start-xl-11 { grid-row-start: 11; } .col-start-xl-12 { grid-column-start: 12; } .row-start-xl-12 { grid-row-start: 12; } } @media screen and (min-width: 68.75em) { .pull-right-xl { grid-column-end: -1; } .pull-left-xl { grid-row-start: 1; grid-column-end: inherit; } } .justify-start { justify-self: start; text-align: left; } .justify-center { justify-self: center; text-align: center; } .justify-end { justify-self: end; text-align: right; } @media screen and (min-width: 0) { .justify-xs-start { justify-self: start; text-align: left; } .justify-xs-center { justify-self: center; text-align: center; } .justify-xs-end { justify-self: end; text-align: right; } } @media screen and (min-width: 34.375em) { .justify-sm-start { justify-self: start; text-align: left; } .justify-sm-center { justify-self: center; text-align: center; } .justify-sm-end { justify-self: end; text-align: right; } } @media screen and (min-width: 48em) { .justify-md-start { justify-self: start; text-align: left; } .justify-md-center { justify-self: center; text-align: center; } .justify-md-end { justify-self: end; text-align: right; } } @media screen and (min-width: 58.75em) { .justify-lg-start { justify-self: start; text-align: left; } .justify-lg-center { justify-self: center; text-align: center; } .justify-lg-end { justify-self: end; text-align: right; } } @media screen and (min-width: 68.75em) { .justify-xl-start { justify-self: start; text-align: left; } .justify-xl-center { justify-self: center; text-align: center; } .justify-xl-end { justify-self: end; text-align: right; } } .align-start { align-self: start; } .align-center { align-self: center; } .align-end { align-self: end; } @media screen and (min-width: 0) { .align-xs-start { align-self: start; } .align-xs-center { align-self: center; } .align-xs-end { align-self: end; } } @media screen and (min-width: 34.375em) { .align-sm-start { align-self: start; } .align-sm-center { align-self: center; } .align-sm-end { align-self: end; } } @media screen and (min-width: 48em) { .align-md-start { align-self: start; } .align-md-center { align-self: center; } .align-md-end { align-self: end; } } @media screen and (min-width: 58.75em) { .align-lg-start { align-self: start; } .align-lg-center { align-self: center; } .align-lg-end { align-self: end; } } @media screen and (min-width: 68.75em) { .align-xl-start { align-self: start; } .align-xl-center { align-self: center; } .align-xl-end { align-self: end; } } .row-start-1 { grid-row-start: 1; } .row-span-1 { grid-row: span 1/span 1; } .row-start-2 { grid-row-start: 2; } .row-span-2 { grid-row: span 2/span 2; } .row-start-3 { grid-row-start: 3; } .row-span-3 { grid-row: span 3/span 3; } .row-start-4 { grid-row-start: 4; } .row-span-4 { grid-row: span 4/span 4; } .row-start-5 { grid-row-start: 5; } .row-span-5 { grid-row: span 5/span 5; } .row-start-6 { grid-row-start: 6; } .row-span-6 { grid-row: span 6/span 6; } .row-start-7 { grid-row-start: 7; } .row-span-7 { grid-row: span 7/span 7; } .row-start-8 { grid-row-start: 8; } .row-span-8 { grid-row: span 8/span 8; } .row-start-9 { grid-row-start: 9; } .row-span-9 { grid-row: span 9/span 9; } .row-start-10 { grid-row-start: 10; } .row-span-10 { grid-row: span 10/span 10; } .row-start-11 { grid-row-start: 11; } .row-span-11 { grid-row: span 11/span 11; } .row-start-12 { grid-row-start: 12; } .row-span-12 { grid-row: span 12/span 12; } html { --header-color-background: var(--color-page-background); --header-color-text: var(--color-text); } [id="header"] { background: var(--header-color-background); color: var(--header-color-text); } [id="header"] > .inside { max-width: 90em; width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } .mod_article { max-width: 90em; width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); padding-top: var(--base-spacing-unit--lg); padding-bottom: var(--base-spacing-unit--lg); position: relative; } .article--full { max-width: none; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; } [id="footer"] > .inside { max-width: 90em; width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } .mod_article { max-width: none; width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--grid__gutter); padding-right: var(--grid__gutter); position: relative; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 68.75em) { .mod_article { padding-top: var(--base-spacing-unit--xl); padding-bottom: var(--base-spacing-unit--xl); } } .mod_article .inside { max-width: 90em; width: 100%; margin-left: auto; margin-right: auto; } .mod_article .inside > .last { margin-bottom: 0; } .article--full { padding-left: 0; padding-right: 0; } .article--full .inside { max-width: none; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; } ::-moz-selection { background: #094d24; } ::selection { background: #094d24; } /************************************* FOOTER SECTION *************************************/ #footer { padding-top: 150px; padding-bottom: 70px; background: linear-gradient(180deg, #95c23d, #fff7e2); } @media screen and (min-width: 48em) { #footer { padding-bottom: 150px; } } @media only screen and (min-width: 2400px) { #footer { padding-bottom: 30px; } } #footer p { font-size: 1.2rem; } #footer h5 { color: #2b2b29; line-height: 1.5; margin-bottom: 30px; } #footer a { color: #2b2b29; } @media screen and (min-width: 48em) { #footer .ce_gallery > ul { grid-template-columns: repeat(10, 1fr); } } #footer .social-media p { display: flex; gap: 15px; } #footer .copyright { padding-top: 70px; } /************************************* MAIN STYLESHEET *************************************/ html { min-height: 100%; } body { overflow-x: hidden; } body.mm-hidden { display: initial !important; } .rsfh-lightbox { z-index: 9999999999; } /************************************* START - HELPER CLASSES *************************************/ .mm-panels li.hide-mmenu { display: none; } .bg-highlight { padding: 20px; background-color: #ffdd9a; } .gdesc-inner { display: none; } .mail, .tel, .no-smoking-icon, .dog-icon { transition: all 0.3s; } .mail:before, .tel:before, .no-smoking-icon:before, .dog-icon:before { display: inline-block; width: 30px; height: 25px; margin-right: 15px; margin-right: 10px; vertical-align: middle; } .mail:hover:before, .tel:hover:before, .no-smoking-icon:hover:before, .dog-icon:hover:before { filter: grayscale(0%); } .tel:before { height: 30px; margin-right: 5px; content: url("../../files/theme/dist/img/telefon-icon.svg"); } .mail:before { content: url("../../files/theme/dist/img/mail-icon.svg"); } .no-smoking-icon:before { content: url("../../files/theme/dist/img/no-smoking-icon.svg"); filter: none; margin-right: 15px; vertical-align: sub; } .dog-icon:before { content: url("../../files/theme/dist/img/dog-icon.svg"); filter: none; margin-right: 15px; } .d-none { display: none; } @media screen and (min-width: 58.75em) { .d-lg-block { display: block; } } @media screen and (min-width: 68.75em) { .d-xl-block { display: block; } .d-xl-none { display: none; } } .imgFull img { width: 100%; } .margin-null { margin: 0; margin-bottom: 0 !important; } .maps { filter: grayscale(1); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0); transition: all 0.3s; } .maps:hover { filter: grayscale(0); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15); transform: scale(1.03); } .maps:active { box-shadow: none; transform: scale(1); } .icon { display: inline-block; line-height: 1; text-decoration: inherit; text-rendering: auto; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; transition: all 0.3s; } .icon.icon-tickets:before { content: ""; display: block; background-image: url(../../files/theme/dist/img/icon-tickets.svg); background-repeat: no-repeat; background-size: contain; width: 35px; height: 35px; margin-right: 10px; transition: all 0.3s; } /* ----------------------------------- * Columns * ----------------------------------- */ .column-2 { -moz-columns: 2 430px; columns: 2 430px; -moz-column-gap: 45px; column-gap: 45px; margin-bottom: 50px; } .column-2 > h1, .column-2 > h2, .column-2 > h3, .column-2 > h4, .column-2 > h5, .column-2 > h6 { -moz-column-span: all; column-span: all; } .column-3 { -moz-columns: 3 300px; columns: 3 300px; -moz-column-gap: 35px; column-gap: 35px; margin-bottom: 50px; } .column-3 > h1, .column-3 > h2, .column-3 > h3, .column-3 > h4, .column-3 > h5, .column-3 > h6 { -moz-column-span: all; column-span: all; } iframe.wonderBar__WonderBarFrame-sc-1q1ukfv-0 { display: none; } .forest-bg, .intro-home:before { background-image: url(../../files/theme/dist/img/baeume-motiv-hintergrund.svg); background-position: bottom; background-repeat: repeat-x; } .motiv-hero { position: absolute; top: 5%; right: -85px; max-width: 250px; } .motiv-hero.unterseite-motiv { top: -45%; } @media screen and (min-width: 68.75em) { .motiv-hero { top: 15%; } } @media only screen and (min-width: 1400px) { .motiv-hero { display: block; position: absolute; right: -30px; max-width: 250px; } } @media only screen and (min-width: 1920px) { .motiv-hero { max-width: 480px; right: -130px; transform: rotate(-10deg); } } @media only screen and (min-width: 2400px) { .motiv-hero { max-width: 800px; } } .mobile-tickets { position: fixed; right: 10px; top: 13px; transform: translateX(-50%) scale(0.8); z-index: 9000; } @media screen and (min-width: 68.75em) { .mobile-tickets { display: none; } } .mobile-tickets > a { min-width: 0 !important; margin: 0 !important; padding: 8px !important; } .mobile-tickets > a > i { margin-right: 0; width: 40px !important; height: 39px !important; } /************************************* INTRO *************************************/ .intro-home { padding-top: 50px; padding-bottom: 50px; background: linear-gradient(180deg, #bfecae, transparent); z-index: 1; } @media screen and (min-width: 68.75em) { .intro-home { padding-top: 30px; padding-bottom: 150px; } } .intro-home:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .intro-home .baer-hello { display: none; } @media screen and (min-width: 68.75em) { .intro-home .baer-hello { position: absolute; display: block; max-width: 450px; right: 5vw; bottom: -150px; } } /************************************* TRENNER - BACKGROUND WITH COLOR *************************************/ .trenner-modul { background-color: #e62271; color: #fff; -webkit-clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%); clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%); padding-top: 100px; padding-bottom: 80px; margin-bottom: -50px; z-index: 1; } @media screen and (min-width: 68.75em) { .trenner-modul { -webkit-clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); padding-top: 200px; padding-bottom: 200px; margin-bottom: -150px; } .trenner-modul .first { margin-top: 50px; } } .trenner-modul h1, .trenner-modul h2, .trenner-modul h3, .trenner-modul h4, .trenner-modul h5, .trenner-modul h6 { color: #fff; } /************************************* PARKPLAN CALL-TO-ACTION MODUL *************************************/ .parkplan { padding-top: 100px; padding-bottom: 350px; background: linear-gradient(180deg, #bfecae, transparent); } @media screen and (min-width: 68.75em) { .parkplan { padding-top: 250px; padding-bottom: 400px; } } .parkplan .inside { position: relative; } .parkplan .parkplan-motiv { position: absolute; right: -200px; bottom: -400px; z-index: 1; } @media screen and (min-width: 34.375em) { .parkplan .parkplan-motiv { bottom: -400px; } } @media screen and (min-width: 48em) { .parkplan .parkplan-motiv { bottom: -500px; } } @media screen and (min-width: 68.75em) { .parkplan .parkplan-motiv { bottom: -450px; } } .parkplan .baer-gruen { display: none; } @media only screen and (min-width: 1920px) { .parkplan .baer-gruen { position: absolute; display: block; bottom: -250px; left: -470px; max-width: none; } } /************************************* BESUCH PLANEN *************************************/ .besuch { background-color: #95c23d; } @media only screen and (min-width: 1920px) { .besuch { background-image: url(../../files/theme/dist/bilder/startseite/hintergrund-holz.jpg); } } .besuch h2 { color: #fff7e2; } /************************************* HINWEIS MODUL *************************************/ .hinweis-modul { padding: 30px; text-align: center; background-color: #094d24; border-radius: 20px; color: #fff; } @media screen and (min-width: 58.75em) { .hinweis-modul { position: absolute; top: 3%; right: 10%; max-width: 450px; z-index: 10; } } @media only screen and (min-width: 1400px) { .hinweis-modul { top: 6%; right: 10%; } } @media only screen and (min-width: 1920px) { .hinweis-modul { top: 8%; } } .hinweis-modul h4 { color: #95c23d; } .hinweis-modul #tns1-ow { position: relative; margin: 0 auto; } .hinweis-modul .tns-controls button:first-child { left: -30px; } .hinweis-modul .tns-controls button:last-child { right: -25px; width: 30px; height: 30px; padding: 0; } .hinweis-modul .tns-nav button { background-color: #fff; } .hinweis-modul a:hover { background-color: #e62271 !important; } html { --gallery__gutter: var(--grid__gutter); --gallery__gutter--half: calc(var(--gallery__gutter) / 2); } .image--left img { text-align: left; margin-left: 0; } .image--right img { text-align: right; margin-right: 0; } .image--center img { text-align: center; margin-left: auto; margin-right: auto; } .ce_gallery { margin-bottom: var(--base-spacing-unit); } .ce_gallery > ul { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: var(--grid__gutter); grid-auto-columns: 1fr; grid-row-gap: var(--grid__gutter); padding: 0; margin: 0; list-style-type: none; } @supports not (display: grid) { .ce_gallery > ul { display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--grid__gutter) / 2); margin-right: calc(-1 * var(--grid__gutter) / 2); } } .ie .ce_gallery > ul { display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--grid__gutter) / 2); margin-right: calc(-1 * var(--grid__gutter) / 2); } .ce_gallery .cols_2 li { grid-column: 1 / -1; grid-column: span 6/span 6; } @supports not (display: grid) { .ce_gallery .cols_2 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_2 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_2 li { width: 50%; } } .ie .ce_gallery .cols_2 li { width: 50%; } .ce_gallery .cols_3 li { grid-column: 1 / -1; grid-column: span 6/span 6; } @supports not (display: grid) { .ce_gallery .cols_3 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_3 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_3 li { width: 50%; } } .ie .ce_gallery .cols_3 li { width: 50%; } @media screen and (min-width: 48em) { .ce_gallery .cols_3 li { grid-column: 1 / -1; grid-column: span 4/span 4; } @supports not (display: grid) { .ce_gallery .cols_3 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_3 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_3 li { width: 33.33333%; } } .ie .ce_gallery .cols_3 li { width: 33.33333%; } } .ce_gallery .cols_4 li { grid-column: 1 / -1; grid-column: span 6/span 6; } @supports not (display: grid) { .ce_gallery .cols_4 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_4 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_4 li { width: 50%; } } .ie .ce_gallery .cols_4 li { width: 50%; } @media screen and (min-width: 48em) { .ce_gallery .cols_4 li { grid-column: 1 / -1; grid-column: span 3/span 3; } @supports not (display: grid) { .ce_gallery .cols_4 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_4 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_4 li { width: 25%; } } .ie .ce_gallery .cols_4 li { width: 25%; } } .ce_gallery .cols_5 li { grid-column: 1 / -1; grid-column: span 6/span 6; } @supports not (display: grid) { .ce_gallery .cols_5 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_5 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_5 li { width: 50%; } } .ie .ce_gallery .cols_5 li { width: 50%; } @media screen and (min-width: 48em) { .ce_gallery .cols_5 li { grid-column: 1 / -1; grid-column: span 2/span 2; } @supports not (display: grid) { .ce_gallery .cols_5 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_5 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_5 li { width: 16.66667%; } } .ie .ce_gallery .cols_5 li { width: 16.66667%; } } .ce_gallery .cols_6 li { grid-column: 1 / -1; grid-column: span 6/span 6; } @supports not (display: grid) { .ce_gallery .cols_6 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_6 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_6 li { width: 50%; } } .ie .ce_gallery .cols_6 li { width: 50%; } @media screen and (min-width: 48em) { .ce_gallery .cols_6 li { grid-column: 1 / -1; grid-column: span 2/span 2; } @supports not (display: grid) { .ce_gallery .cols_6 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .ce_gallery .cols_6 li { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .ce_gallery .cols_6 li { width: 16.66667%; } } .ie .ce_gallery .cols_6 li { width: 16.66667%; } } .ce_gallery img { display: block; } .ce_player .video_container, .ce_youtube .video_container { position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } .ce_player video { border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_youtube iframe { border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } html { --button-bg: var(--color-btn); --button-bg-hover: var(--color-btn); --button-spacing: var(--base-spacing-unit--sm) var(--base-spacing-unit); --button-border-radius: var(--base-border-radius); --button-border-width: var(--base-border-width); --button-font-family: var(--base-font-family); --button-font-weight: 400; --button-line-height: var(--base-line-height); } a.btn, .hinweis-modul a, span.btn, button.btn, div.btn > a, div.btn > button, .ce_toplink > a, .ce_toplink > button, .toplink > a, .toplink > button, input.submit, button.submit, .ce_comments .submit { border-radius: var(--button-border-radius); padding: var(--button-spacing); display: inline-block; border: var(--button-border-width) solid transparent; font-family: var(--button-font-family); font-weight: var(--button-font-weight); line-height: var(--button-line-height); text-align: center; background: transparent; background-image: none; white-space: nowrap; text-decoration: none; } a.btn, .hinweis-modul a, span.btn, button.btn { margin-bottom: var(--base-spacing-unit); } a.btn--primary, .hinweis-modul a, span.btn--primary, button.btn--primary, input.submit, button.submit, .ce_comments .submit { background: var(--button-bg); color: var(--color-btn-text); } a.btn--primary:hover, .hinweis-modul a:hover, span.btn--primary:hover, button.btn--primary:hover, input.submit:hover, button.submit:hover, .ce_comments .submit:hover { background: var(--button-bg-hover); } div.btn:not(:last-child), .ce_toplink:not(:last-child), .toplink:not(:last-child) { margin-bottom: var(--base-spacing-unit); } div.btn--primary > a, div.btn--primary > button, .ce_toplink > a, .ce_toplink > button, .toplink > a, .toplink > button { background: var(--button-bg); color: var(--color-btn-text); } div.btn--primary > a:hover, div.btn--primary > button:hover, .ce_toplink > a:hover, .ce_toplink > button:hover, .toplink > a:hover, .toplink > button:hover { background: var(--button-bg-hover); } div.btn--left { text-align: left; } div.btn--center { text-align: center; } div.btn--right { text-align: right; } .btn--floated { float: left; margin-right: var(--base-spacing-unit--xs); } .ce_toplink a, .toplink a { text-decoration: none; } .back { border-top: var(--base-border); margin-top: var(--base-spacing-unit); padding-top: var(--base-spacing-unit--sm); } .back a { text-decoration: none; } .button-middle { position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); } a.btn.btn--primary, .hinweis-modul a, span.btn.btn--primary, .ce_hyperlink.btn.btn--primary a, .hinweis-modul a.ce_hyperlink a { position: relative; padding: 10px 25px 13px; font-size: 20px; min-width: 170px; transform: rotate(-5deg); background-color: #e62271; border-radius: 15px; font-family: var(--headings__font-family); transition: all 0.3s; color: #fff; } a.btn.btn--primary.alt, .hinweis-modul a, span.btn.btn--primary.alt, .ce_hyperlink.btn.btn--primary a.alt, .hinweis-modul a.ce_hyperlink a.alt, .ce_hyperlink.btn.btn--primary .hinweis-modul a, .hinweis-modul .ce_hyperlink.btn.btn--primary a, .hinweis-modul a.ce_hyperlink a { background-color: #e62271; } a.btn.btn--primary:hover, .hinweis-modul a:hover, span.btn.btn--primary:hover, .ce_hyperlink.btn.btn--primary a:hover, .hinweis-modul a.ce_hyperlink a:hover { transform: translateY(-5px) rotate(-5deg); } .speisekarte-link { display: block; margin: 100px auto 60px; text-align: center; transform: rotate(-5deg); transition: transform 0.3s; } @media screen and (min-width: 58.75em) { .speisekarte-link { display: inline-block; } } .speisekarte-link:hover { transform: rotate(0deg) scale(1.1); } .speisekarte-link img { position: absolute; top: -75px; left: 31%; z-index: -1; transform: rotate(5deg); } .speisekarte-link a { position: relative; padding: 15px 20px; background-color: #e62271; font-family: var(--highlight__font-family); color: #fff; } @media screen and (min-width: 58.75em) { .speisekarte-link a { font-size: 18px; } } .btn-smooth a { display: inline-block; margin-bottom: 10px; background-color: transparent; color: #094d24; font-size: 1.3rem; font-family: var(--headings__font-family); border: 2px solid #094d24; transition: all 0.3s; cursor: pointer; padding: 5px 10px 2px; } @media screen and (min-width: 48em) { .btn-smooth a { padding: 15px 20px; width: auto; font-size: 1.5rem; } } .btn-smooth a:hover, .btn-smooth a.is-checked { background-color: #094d24; color: #fff; } html { --nav--main__item-padding: var(--base-spacing-unit); --nav-toggler-top-space: var(--base-spacing-unit--sm); --nav-toggler-right-space: var(--base-spacing-unit--sm); --nav-toggler-border: var(--base-border-width) solid currentColor; } .nav ul { list-style-type: none; margin: 0; padding: 0; } .nav a { text-decoration: none; } .nav--horizontal ul { display: flex; flex-direction: column; } @media screen and (min-width: 48em) { .nav--horizontal ul { flex-direction: row; } } .nav--horizontal a, .nav--horizontal strong.active, .nav--horizontal strong.trail, .nav--horizontal strong.forward { display: block; padding: calc(var(--nav--main__item-padding) / 2) var(--nav--main__item-padding); } .nav--vertical a, .nav--vertical strong.active, .nav--vertical strong.trail, .nav--vertical strong.forward { display: block; padding: calc(var(--nav--main__item-padding) / 2) var(--nav--main__item-padding); } .nav--border { border: var(--base-border); } .nav--border a, .nav--border strong.active, .nav--border strong.trail, .nav--border strong.forward { padding: var(--nav--main__item-padding) var(--nav--main__item-padding); border-bottom: 1px solid var(--base-border-color); } .nav--border a.last, .nav--border strong.active.last, .nav--border strong.trail.last, .nav--border strong.forward.last { border-bottom: 0; } .nav--breadcrumb { border: var(--base-border); padding: var(--base-spacing-unit--sm) var(--base-spacing-unit); display: flex; } @media screen and (min-width: 48em) { .nav--breadcrumb { flex-direction: column; } } @media screen and (min-width: 48em) { .nav--breadcrumb li { padding-right: var(--base-spacing-unit); } } .nav--breadcrumb a:after { font-size: 0.75rem; display: inline-block; content: "►"; vertical-align: middle; padding-left: var(--base-spacing-unit); } .nav--select select { -webkit-appearance: none; background: transparent; border: var(--base-border); padding: var(--base-spacing-unit--xs) var(--base-spacing-unit--sm); } .nav--select .submit { vertical-align: middle; padding: var(--base-spacing-unit--xs) var(--base-spacing-unit--sm); } .nav--pager ul { text-align: center; } .nav--pager li { display: inline-block; } .nav--pager .empty { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } .nav--pager a { padding: var(--base-spacing-unit--sm); } .pagination { display: grid; grid-column: 1 / -1; margin-top: var(--base-spacing-unit); text-align: center; line-height: 1; } .pagination ul { list-style-type: none; margin: 0; padding: 0; } .pagination a { text-decoration: none; } @supports not (display: grid) { .pagination { display: flex; flex: 1 1 auto; flex-wrap: wrap; justify-content: space-between; } } @media screen and (min-width: 34.375em) { .pagination { grid-template-columns: 1fr 1fr; } } .pagination p { padding: var(--base-spacing-unit--xs); padding-left: 0; margin: var(--base-spacing-unit--xs); margin-left: 0; border-top: var(--base-border-width) solid transparent; } .pagination li { display: inline; } .pagination a, .pagination strong { display: inline-block; padding: var(--base-spacing-unit--xs); margin: var(--base-spacing-unit--xs); } .pagination strong { border: var(--base-border); } .pagination a.next { margin-right: 0; padding-right: 0; } @media screen and (min-width: 34.375em) { .pagination p { justify-self: start; } .pagination p + ul { justify-self: end; } } [id="header"] { position: absolute; top: 0; left: 0; width: 100%; height: 120px; padding-top: 25px; padding-bottom: 10px; padding-left: var(--grid__gutter); padding-right: var(--grid__gutter); background: transparent; font-family: var(--headings__font-family); text-transform: uppercase; z-index: 1010; } @media screen and (min-width: 68.75em) { [id="header"] { height: 220px; padding-top: 10px; } } @media only screen and (min-width: 2000px) { [id="header"] { height: 240px; } } [id="header"] span { color: #094d24; font-weight: 500; } [id="header"] > .inside { position: relative; display: grid; grid-template-columns: 1fr; height: auto; } @media screen and (min-width: 68.75em) { [id="header"] > .inside { grid-template-columns: 1fr; align-items: self-start; } } [id="header"] > .inside .logo { position: absolute; max-width: 180px; margin-left: -20px; margin-top: -15px; transition: margin-top 0.3s; z-index: 1; padding: 10px 15px 0; } @media screen and (min-width: 68.75em) { [id="header"] > .inside .logo { margin-top: 20px; } } @media only screen and (min-width: 1400px) { [id="header"] > .inside .logo { max-width: 280px; margin-left: -20px; margin-top: 15px; } } @media only screen and (min-width: 1920px) { [id="header"] > .inside .logo { max-width: 350px; } } [id="header"] > .inside .logo img { margin: 0; } [id="header"] > .inside .nav-loader { margin-right: calc(var(--grid__gutter) / 2 * -1); } [id="header"] > .inside .nav-loader .nav--horizontal { height: 30px; padding-right: 95px; } [id="header"] > .inside .nav-loader .nav--horizontal li a { text-transform: none; } @media only screen and (min-width: 1920px) { [id="header"] > .inside .nav-loader .nav--horizontal { padding-right: 130px; } } [id="header"] > .inside .nav-loader .nav--horizontal > ul { position: relative; justify-content: flex-end; gap: 20px; height: 30px; } @media only screen and (min-width: 1920px) { [id="header"] > .inside .nav-loader .nav--horizontal > ul { gap: 30px; } } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li { height: 30px; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.last { padding-right: 50px; } @media only screen and (min-width: 1920px) { [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.last { padding-right: initial; } } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu { position: relative; transition: all 0.3s; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu.trail > a { color: #094d24; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu.trail > a:after { content: none; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu.submenu:hover > ul { opacity: 1; visibility: visible; top: 20px; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu.onepager > ul.level_2 { min-width: 210px; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 { position: absolute; left: 50%; top: 0; width: auto; flex-direction: column; padding-top: 20px; border-radius: 0 0 30px 30px; overflow: hidden; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: all 0.3s; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li { background: #094d24; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li.last { padding-bottom: 15px; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li.first.active { padding-top: 15px; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li:first-child a, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li:first-child strong { padding-top: 20px; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > a, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > strong, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > span { display: block; color: #fff; font-size: 18px; padding: 2px 15px; text-transform: none; } @media only screen and (min-width: 1400px) { [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > a, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > strong, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > span { font-size: 22px; } } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > a.active, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > strong.active, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > span.active { color: #ffd463; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > a:hover, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > a.active, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > strong:hover, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > strong.active, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > span:hover, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.submenu > ul.level_2 > li > span.active { color: #95c23d; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li.mm_container { position: initial; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li a { color: #2b2b29; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li a:hover { color: #094d24; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li strong, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li span { color: #094d24; } [id="header"] > .inside .nav-loader .nav--horizontal > ul > li a, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li strong, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li span { font-weight: 500; padding: 0; text-transform: none; } @media screen and (min-width: 68.75em) { [id="header"] > .inside .nav-loader .nav--horizontal > ul > li a, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li strong, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li span { font-size: 1.35rem; } } @media only screen and (min-width: 1400px) { [id="header"] > .inside .nav-loader .nav--horizontal > ul > li a, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li strong, [id="header"] > .inside .nav-loader .nav--horizontal > ul > li span { font-size: 1.7rem; } } [id="header"] > .inside .nav-loader .tickets { float: right; position: absolute; right: -15px; min-width: auto; bottom: -20px; transform: none; height: 50px; display: flex; align-items: center; padding-left: 10px; padding-right: 10px; } [id="header"] > .inside .nav-loader .tickets span { color: #fff !important; } @media only screen and (min-width: 1400px) { [id="header"] > .inside .nav-loader .tickets { bottom: -25px; } } @media only screen and (min-width: 1920px) { [id="header"] > .inside .nav-loader .tickets { right: -35px; } } [id="header"] > .inside .nav-loader .tickets:hover { transform: scale(1.05); background-color: #eb508e; } [id="header"] > .inside .nav-loader .tickets:hover i:before { transform: rotate(360deg); } [id="header"] > .inside .nav-loader .tickets:active { transform: scale(1); } [id="header"] > .inside .nav-loader .tickets:active i:before { transform: rotate(375deg); } [id="header"] > .inside .nav-loader .nav--meta { height: auto; padding-bottom: 20px; } @media only screen and (min-width: 1920px) { [id="header"] > .inside .nav-loader .nav--meta { padding-bottom: 25px; } } [id="header"] > .inside .nav-loader .nav--meta > ul { justify-content: flex-end; } [id="header"] > .inside .nav-loader .nav--meta > ul > li { padding-bottom: 0; } [id="header"] > .inside .nav-loader .nav--meta > ul > li.trail > a { color: #094d24; } [id="header"] > .inside .nav-loader .nav--meta > ul > li.trail > a:after { content: none; } [id="header"] > .inside .nav-loader .nav--meta > ul > li > a, [id="header"] > .inside .nav-loader .nav--meta > ul > li > strong { font-size: 1.3rem; } @media only screen and (min-width: 1400px) { [id="header"] > .inside .nav-loader .nav--meta > ul > li > a, [id="header"] > .inside .nav-loader .nav--meta > ul > li > strong { font-size: 1.5rem; } } [id="header"].is-fixed { position: fixed; z-index: 800; transition: transform 0.3s; } @media screen and (min-width: 68.75em) { [id="header"].is-fixed { top: -220px; } } @media only screen and (min-width: 2000px) { [id="header"].is-fixed { top: -240px !important; } } [id="header"].is-fixed.is-visible { transform: translateY(100%); } [id="header"] .lang { min-width: 170px; } [id="header"] .nav-loader { display: none; } @media screen and (min-width: 68.75em) { [id="header"] .nav-loader { display: block; } } [id="header"].is-fixed { position: fixed; top: -120px; transition: transform 0.3s; z-index: 800; } @media screen and (min-width: 58.75em) { [id="header"].is-fixed { top: -220px; } } [id="header"].is-fixed.is-visible { transform: translateY(100%); } [id="header"].is-fixed.is-visible:before { bottom: 0; } [id="header"].is-fixed.is-visible:after { bottom: -10px; } [id="header"]:before { content: ""; position: absolute; inset: 0; background-image: url(../../files/theme/dist/img/header-bg.svg); background-repeat: no-repeat; background-size: cover; background-color: transparent; background-position: 70% 90%; -webkit-clip-path: none; clip-path: none; } @media screen and (min-width: 68.75em) { [id="header"]:before { background-position: 90% 50%; } } @media only screen and (min-width: 1400px) { [id="header"]:before { background-position: 100% 130%; } } .mod_navigation li.mm_container { padding-bottom: 150px; } @media only screen and (min-width: 1400px) { .mod_navigation li.mm_container { padding-bottom: 170px; } } .mod_navigation li.mm_container:hover > a:after, .mod_navigation li.mm_container:hover > span:after { content: none; } .mod_navigation li.mm_container:hover .mm_dropdown { opacity: 1; visibility: visible; } .mod_navigation li.mm_container .mm_dropdown { display: block; opacity: 0; visibility: hidden; margin-top: -20px; z-index: -1; transition: all 0.3s; } .mod_navigation li.mm_container .mm_dropdown:before { content: ""; position: absolute; top: 0; background-color: #094d24; left: -30vw; right: -30vw; bottom: 0; z-index: -1; } .mod_navigation li.mm_container .mm_dropdown > .inner { padding: 9rem 0 3rem 0; background-color: #094d24; border: none; padding-left: 0; } @media only screen and (min-width: 1400px) { .mod_navigation li.mm_container .mm_dropdown > .inner { padding: 10rem 0 3rem 0; } } @media only screen and (min-width: 1920px) { .mod_navigation li.mm_container .mm_dropdown > .inner { padding: 9rem 0 3rem 0; } } .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul { display: grid; grid-template-columns: auto auto auto; max-width: 720px; gap: 5px 20px; margin-left: auto; } @media only screen and (min-width: 1400px) { .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul { max-width: 955px; grid-template-columns: auto auto auto auto; } } .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li.blatt-icon:before { z-index: -1; } .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li > a, .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li > strong { color: #fff; font-size: 20px; font-weight: 500; z-index: 10; } .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li > a:after, .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li > strong:after { content: ""; width: 1px; opacity: 0; height: 1px; background-color: #e62271; } .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li > a:hover { color: #95c23d; } .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li > strong { color: #95c23d; } .mod_navigation li.mm_container .mm_dropdown > .inner nav > ul > li > strong:after { content: ""; } html { --arrow-color: inherit; --arrow-size: 2rem; --arrow-font-family: 'Arial'; --menu-point-size: 2rem; --menu-point-color: inherit; --menu-point-color--active: var(--color-brand); } .slider { position: relative; } .slider .slider-control { position: static; height: 0; } .slider .slider-control a { position: relative; top: 50%; transform: translateY(-50%); font-size: var(--arrow-size); line-height: 1; position: absolute; display: block; color: var(--arrow-color); font-family: var(--arrow-font-family); } .slider .slider-control a:before { padding: var(--base-spacing-unit--sm); display: block; } .slider .slider-control a:hover { opacity: 0.5; } .slider .slider-prev:before { content: "◄"; } .slider .slider-next:before { content: "►"; } .slider .slider-menu { font-size: var(--menu-point-size); line-height: 1; top: auto; bottom: 0; } .slider .slider-menu b { color: var(--menu-point-color); } .slider .slider-menu b.active { color: var(--menu-point-color--active); } .slider .slider-menu b:hover { opacity: 0.5; } html { --news-border: var(--base-border); } .news-list { margin-bottom: var(--base-spacing-unit); } .news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6 { margin-bottom: 0; } .news-list .info { margin-bottom: 0; } .news-list .float_left { margin-right: var(--base-spacing-unit); } .news-list .float_right { margin-left: var(--base-spacing-unit); } .news-list .layout_short > h1, .news-list .layout_short > h2, .news-list .layout_short > h3, .news-list .layout_short > h4, .news-list .layout_short > h5, .news-list .layout_short > h6, .news-list .layout_latest > h1, .news-list .layout_latest > h2, .news-list .layout_latest > h3, .news-list .layout_latest > h4, .news-list .layout_latest > h5, .news-list .layout_latest > h6, .news-list .layout_simple > h1, .news-list .layout_simple > h2, .news-list .layout_simple > h3, .news-list .layout_simple > h4, .news-list .layout_simple > h5, .news-list .layout_simple > h6 { margin-top: var(--base-spacing-unit); } .news-list .layout_simple time, .news-list .layout_simple a, .news-list .layout_upcoming time, .news-list .layout_upcoming a { padding-top: var(--base-spacing-unit); display: inline-block; } .news-list .header { margin-top: var(--base-spacing-unit); } .news-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: var(--grid__gutter); grid-auto-columns: 1fr; margin-bottom: var(--base-spacing-unit); } @supports not (display: grid) { .news-grid { display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--grid__gutter) / 2); margin-right: calc(-1 * var(--grid__gutter) / 2); } } .ie .news-grid { display: flex; flex-wrap: wrap; margin-left: calc(-1 * var(--grid__gutter) / 2); margin-right: calc(-1 * var(--grid__gutter) / 2); } .news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 { grid-column: 1 / -1; grid-column: span 12/span 12; } @supports not (display: grid) { .news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .news-grid > h1, .ie .news-grid > h2, .ie .news-grid > h3, .ie .news-grid > h4, .ie .news-grid > h5, .ie .news-grid > h6 { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 { width: 100%; } } .ie .news-grid > h1, .ie .news-grid > h2, .ie .news-grid > h3, .ie .news-grid > h4, .ie .news-grid > h5, .ie .news-grid > h6 { width: 100%; } .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { grid-column: 1 / -1; } @supports not (display: grid) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @media screen and (min-width: 34.375em) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { grid-column: 1 / -1; grid-column: span 6/span 6; } @supports not (display: grid) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { width: 50%; } } .ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple { width: 50%; } } @media screen and (min-width: 48em) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { grid-column: 1 / -1; grid-column: span 6/span 6; } @supports not (display: grid) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { width: 50%; } } .ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple { width: 50%; } } @media screen and (min-width: 58.75em) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { grid-column: 1 / -1; grid-column: span 4/span 4; } @supports not (display: grid) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } } .ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple { padding-left: var(--grid__gutter--half); padding-right: var(--grid__gutter--half); } @supports not (display: grid) { .news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple { width: 33.33333%; } } .ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple { width: 33.33333%; } } .news-grid .layout_simple time { display: block; } .news-menu ul { list-style-type: none; margin: 0; padding: 0; } .news-menu a { text-decoration: none; } .news-menu .year { margin-bottom: var(--base-spacing-unit--sm); } .news-menu .year > a, .news-menu .year > .active { color: inherit; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } .news-menu .level_2 li { margin-bottom: var(--base-spacing-unit--xs); } html { --event-border: var(--base-border); } .events-list { margin-bottom: var(--base-spacing-unit); } .events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 { margin-bottom: 0; } .events-list .image_container { margin-top: var(--base-spacing-unit); margin-bottom: var(--base-spacing-unit); } .events-list .float_left { margin-right: var(--base-spacing-unit); } .events-list .float_right { margin-left: var(--base-spacing-unit); } .events-list .event > h1, .events-list .event > h2, .events-list .event > h3, .events-list .event > h4, .events-list .event > h5, .events-list .event > h6 { margin-top: var(--base-spacing-unit); } .events-list .layout_upcoming time, .events-list .layout_upcoming a { padding-top: var(--base-spacing-unit); display: inline-block; } .events-list .header { margin-top: var(--base-spacing-unit); } .events-menu ul { list-style-type: none; margin: 0; padding: 0; } .events-menu a { text-decoration: none; } .events-menu .year { margin-bottom: var(--base-spacing-unit--sm); } .events-menu .year > a, .events-menu .year > .active { color: inherit; font-weight: var(--headings__font-weight); font-family: var(--headings__font-family); } .events-menu .level_2 li { margin-bottom: var(--base-spacing-unit--xs); } html { --input-border-width: var(--base-border-width); --input-border-radius: var(--base-border-radius); --input-border-color: rgba(0,0,0,0.25); } .ce_form { overflow: visible; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } label { display: inline-block; max-width: 100%; margin-bottom: var(--base-spacing-unit--xs); } input.text, input.captcha, textarea { display: block; width: 100%; padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit); border-radius: var(--input-border-radius); border: var(--input-border-width) solid var(--input-border-color); background-clip: padding-box; background-image: none; } textarea.textarea { height: auto; } .widget-text, .widget-textarea, .widget-password { margin-bottom: var(--base-spacing-unit); } input[type="search"] { -webkit-appearance: none; } input[type="file"] { display: block; vertical-align: middle; line-height: 1; } input.radio, input.checkbox { margin-left: 1px; margin-right: var(--base-spacing-unit--xs); line-height: var(--base-line-height); vertical-align: middle; } input.radio + label, input.checkbox + label { margin-right: var(--base-spacing-unit--xs); margin-bottom: 0; font-weight: normal; } select.select { margin-left: var(--base-spacing-unit--xs); } .widget-radio, .widget-checkbox, .widget-select, .widget-upload { margin-bottom: var(--base-spacing-unit); } .widget-radio legend, .widget-checkbox legend, .widget-select legend, .widget-upload legend { font-weight: 700; } .radio_container > span, .checkbox_container > span { display: inline-flex; align-items: center; } span.mandatory { color: var(--color-brand); } p.error { margin-bottom: 0; } form input.text, form textarea { background-color: rgba(230, 34, 113, 0.1); border: none; border-bottom: 1px solid; } form select.select { border: none; padding: 10px; background-color: rgba(230, 34, 113, 0.1); } form .widget-checkbox { margin: 10px 0 20px 0; } form .widget-checkbox legend { font-weight: 500; padding: 0 5px; } form .widget-checkbox .checkbox_container > span { gap: 15px; } form .widget-checkbox fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 1rem; } form .widget-submit button.submit { position: relative; padding: 10px 25px 7px; font-size: 20px; min-width: 170px; background-color: #e62271; font-family: var(--headings__font-family); transition: all .3s; color: #fff; } form .widget-submit button.submit.alt { background-color: #e62271; } form .widget-submit button.submit:hover { transform: translateY(-5px); background-color: #094d24; } form .widget-submit button.submit:active { transform: translateY(0); } html { --accordion-padding: var(--base-spacing-unit--sm); --accordion-background: var(--color-gray-light); --toggler-font-size: 1.5rem; --toggler-background: var(--color-highlight); --toggler-color: var(--color-text--inverted); --toggler-color-hover: var(--color-brand-primary); --toggler-spacing: var(--base-spacing-unit--xs); --toggler-border: 2px solid transparent; } .ce_accordion { margin-bottom: var(--toggler-spacing); } .ce_accordion .toggler { font-size: var(--toggler-font-size); cursor: pointer; background: var(--toggler-background); color: var(--toggler-color); padding: var(--accordion-padding); border: var(--toggler-border); } .ce_accordion .toggler:hover { color: var(--toggler-color-hover); } .ce_accordion .toggler:focus { outline: 0; } .ce_accordion .accordion { padding: var(--accordion-padding); background: var(--accordion-background); overflow: hidden; } html { --download-link-color: inherit; --download-link-decoration: none; } .ce_download, .ce_downloads { margin-bottom: 1rem; } .ce_download .mime_icon, .ce_downloads .mime_icon { display: inline-block; vertical-align: middle; } .ce_download a, .ce_downloads a { display: inline-block; color: var(--download-link-color); -webkit-text-decoration: var(--download-link-decoration); text-decoration: var(--download-link-decoration); } .ce_downloads ul { list-style-type: none; margin: 0; padding: 0; } .ce_downloads a { text-decoration: none; } html { --table-border-width: 1px; --table-border-style: solid; --table-border-color: #ccc; --table-background-light: #eee; } table { margin-bottom: var(--base-spacing-unit); width: 100%; padding: 0; border-spacing: 0; border-left: var(--table-border-width) var(--table-border-style) var(--table-border-color); border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color); } table th, table td { border-right: var(--table-border-width) var(--table-border-style) var(--table-border-color); border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color); padding: 10px; } thead { text-align: left; background: var(--table-background-light); } tfoot { font-style: italic; } .table--striped .even { background: var(--table-background-light); } .table--overflow { overflow-x: scroll; -ms-overflow-x: auto; } table tr td { border-right: none; border-color: #e62271; vertical-align: bottom; } .check-list table tr td:last-child { vertical-align: top; } html { --newsletter-list-border: var(--base-border); --newsletter-reader-width: 600px; --newsletter-reader-border: var(--base-border); } .newsletter-subscribe, .newsletter-unsubscribe { margin-bottom: var(--base-spacing-unit); } .newsletter-subscribe .formbody, .newsletter-unsubscribe .formbody { display: flex; flex-flow: row wrap; } .newsletter-subscribe .text, .newsletter-subscribe .widget-text, .newsletter-unsubscribe .text, .newsletter-unsubscribe .widget-text { margin-bottom: 0; display: inline-block; flex: 1; } .newsletter-subscribe .error, .newsletter-unsubscribe .error { margin-bottom: 0; flex: 1 100%; font-weight: 700; } .newsletter-subscribe .submit, .newsletter-unsubscribe .submit { margin-left: var(--base-spacing-unit--xs); } .newsletter-list ul { list-style-type: none; margin: 0; padding: 0; } .newsletter-list a { text-decoration: none; } .newsletter-list li { border-bottom: var(--newsletter-list-border); padding-top: var(--base-spacing-unit); padding-bottom: var(--base-spacing-unit); display: block; } .newsletter-list li:first-of-type { border-top: var(--newsletter-list-border); } @media screen and (min-width: 34.375em) { .newsletter-list li { font-size: var(--heading-4__size); line-height: var(--heading-4__line-height); } } @media screen and (min-width: 48em) { .newsletter-list li { font-size: var(--heading-3__size); line-height: var(--heading-3__line-height); } } .newsletter-list li a:hover { opacity: 0.5; } .newsletter-reader { max-width: var(--newsletter-reader-width); margin-left: auto; margin-right: auto; border: var(--newsletter-reader-border); padding: 0 var(--base-spacing-unit); } html { --faq-border: var(--base-border); } .faq-list ul { list-style-type: none; margin: 0; padding: 0; } .faq-list a { text-decoration: none; } .faq-list > ul { margin-top: 2rem; } .faq-list li { margin-bottom: var(--base-spacing-unit--sm); } .faq-list li a { display: inline-block; } .faq-list > h1, .faq-list > h2, .faq-list > h3, .faq-list > h4, .faq-list > h5, .faq-list > h6 { margin-bottom: 0; } .faq-list > h1:after, .faq-list > h2:after, .faq-list > h3:after, .faq-list > h4:after, .faq-list > h5:after, .faq-list > h6:after { border-top: var(--faq-border); content: ""; display: block; } .faq-list article > h1, .faq-list article > h2, .faq-list article > h3, .faq-list article > h4, .faq-list article > h5, .faq-list article > h6 { margin-bottom: 0; } .faq-list article > h1:after, .faq-list article > h2:after, .faq-list article > h3:after, .faq-list article > h4:after, .faq-list article > h5:after, .faq-list article > h6:after { border-top: var(--faq-border); content: ""; display: block; } .faq-page > h1, .faq-page > h2, .faq-page > h3, .faq-page > h4, .faq-page > h5, .faq-page > h6 { margin-bottom: 0; } .faq-page > h1:after, .faq-page > h2:after, .faq-page > h3:after, .faq-page > h4:after, .faq-page > h5:after, .faq-page > h6:after { border-top: var(--faq-border); content: ""; display: block; } .faq-page article > h1, .faq-page article > h2, .faq-page article > h3, .faq-page article > h4, .faq-page article > h5, .faq-page article > h6 { margin-bottom: 0; } .faq-page article > h1:after, .faq-page article > h2:after, .faq-page article > h3:after, .faq-page article > h4:after, .faq-page article > h5:after, .faq-page article > h6:after { border-top: var(--faq-border); content: ""; display: block; } .faq-page .info { font-size: 0.875rem; margin-top: var(--base-spacing-unit); opacity: 0.5; } .faq-page section { padding: var(--base-spacing-unit) 0; border-bottom: var(--faq-border); } .faq-page section.last { margin-bottom: var(--base-spacing-unit); } .faq-reader .info { font-size: 0.875rem; margin-top: var(--base-spacing-unit); opacity: 0.5; } html { --color-error: rgba(255, 0, 0, 1); --color-error-light: rgba(255, 0, 0, 0.5); } .ce_comments { overflow: visible; } .ce_comments .widget { margin-bottom: var(--base-spacing-unit); } .ce_comments p.error { margin-bottom: 0; color: var(--color-error); } .ce_comments .error { border-color: var(--color-error-light); } .comment_default { padding: var(--base-spacing-unit); margin-bottom: var(--base-spacing-unit); border: var(--base-border); } .comment_default .info { padding-bottom: var(--base-spacing-unit); border-bottom: var(--base-border); } .comment_default.last { margin-bottom: var(--base-spacing-unit--lg); } html { --search-color-relevance: var(--color-gray); --search-color-url: var(--color-gray); } .search .formbody { display: flex; flex-flow: row wrap; } .search .text, .search .widget-text { margin-bottom: var(--base-spacing-unit--sm); display: inline-block; flex: 1; } .search .widget-text label { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } .search .submit, .search .submit_container, .search .widget-submit { margin-bottom: var(--base-spacing-unit--sm); margin-left: var(--base-spacing-unit--xs); align-self: flex-end; } .search .submit_container .submit, .search .widget-submit .submit { margin-left: 0; } .search .relevance { color: var(--search-color-relevance); } .search .context { margin-bottom: var(--base-spacing-unit--xs); } .search .highlight { font-weight: bold; } .search .url { color: var(--search-color-url); } /************************************* HERO AREA LAYOUT *************************************/ .big-title h1 { font-size: clamp(35px, 3vw, 100px); } @media screen and (min-width: 58.75em) { .big-title h1 { margin-top: -18vh; } } .no-hero #container { padding-top: 200px; } #hero-section { padding-top: 70px; height: 30vh; min-height: 350px; } @media screen and (min-width: 58.75em) { #hero-section { height: 80vh; } } #hero-section > .mod_article { height: 100%; padding-bottom: 0; padding-top: 0; } #hero-section > .mod_article > .inside { display: flex; align-items: flex-end; height: 100%; } #hero-section h1 { font-size: clamp(35px, 3vw, 100px); margin-bottom: 20px; } .hero { width: 100%; } .hero .image_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media screen and (min-width: 58.75em) { .hero .image_container:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0, #bfecae, transparent); } } @media screen and (min-width: 58.75em) and (min-width: 48em) { .hero .image_container:before { top: 50%; } } .hero .image_container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; min-height: 250px; } @media screen and (min-width: 48em) { .hero .image_container img { -o-object-position: center; object-position: center; } } .hero .content_container { position: relative; display: grid; grid-template-columns: 100%; margin: 15px 0 0; text-indent: 0; padding: 30px 0 10px; z-index: 1; } @media screen and (min-width: 48em) { .hero .content_container .hero-links, .hero .content_container .opening-hours { text-align: right; } } .hero .content_container .hero-links *, .hero .content_container .opening-hours * { font-family: var(--highlight__font-family); } .hero .content_container .opening-hours { position: relative; padding: 10px 0; margin-bottom: 20px; color: #fff; font-size: 14px; } @media screen and (min-width: 48em) { .hero .content_container .opening-hours { font-size: 18px; padding: 20px 0; } } @media screen and (min-width: 68.75em) { .hero .content_container .opening-hours { font-size: 20px; } } .hero .content_container .opening-hours h1, .hero .content_container .opening-hours h2, .hero .content_container .opening-hours h3, .hero .content_container .opening-hours h4, .hero .content_container .opening-hours h5, .hero .content_container .opening-hours h6 { color: #fff; } .hero .content_container .opening-hours:before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 100vw; background-color: #006633; padding: 15px 0; overflow: hidden; z-index: -1; } .hero .content_container .hero-links { color: #094d24; } @media screen and (max-width: 47.9375em) { .hero .content_container .hero-links a { font-size: 13px; } } .unterseite-hero { position: relative; height: 50vh; min-height: 300px; margin-top: 45px; } @media screen and (min-width: 58.75em) { .unterseite-hero { height: 65vh; } } .unterseite-hero * { height: 100%; } .unterseite-hero img, .unterseite-hero .video-wrapper, .unterseite-hero video, .unterseite-hero .huh_video .video-wrapper { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; padding: 0; } .hero--full { height: 65vh; min-height: 400px; margin-top: 0; padding-top: 80px; } @media screen and (min-width: 58.75em) { .hero--full { height: 90vh; } } .hero--full * { height: 100%; } .hero--full img, .hero--full .video-wrapper, .hero--full video, .hero--full .huh_video .video-wrapper { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; padding: 0; } /************************************* TILE GALLERY MODUL STYLESHEET *************************************/ .tile-gallery { padding: 0; margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 34.375em) { .tile-gallery { display: flex; flex-wrap: wrap; } } .tile-gallery .gallery-wrapper { width: 100%; } @media screen and (min-width: 34.375em) { .tile-gallery .gallery-wrapper { display: flex; flex-wrap: wrap; width: 100%; height: 450px; } } @media screen and (min-width: 48em) { .tile-gallery .gallery-wrapper { width: 60%; } } @media screen and (min-width: 48em) { .tile-gallery .gallery-wrapper { height: 700px; } } @media only screen and (min-width: 1920px) { .tile-gallery .gallery-wrapper { height: 850px; } } @media screen and (min-width: 34.375em) { .tile-gallery .gallery-wrapper.vertical { flex-direction: column; width: 100%; } .tile-gallery .gallery-wrapper.vertical .tile { width: 100%; } } @media screen and (min-width: 48em) { .tile-gallery .gallery-wrapper.vertical { width: 40%; } } .tile-gallery .gallery-wrapper .tile { position: relative; height: 100%; height: 300px; overflow: hidden; } @media screen and (min-width: 34.375em) { .tile-gallery .gallery-wrapper .tile { width: 50%; height: 40%; } } .tile-gallery .gallery-wrapper .tile:hover figure:before { opacity: 0; } .tile-gallery .gallery-wrapper .tile:hover figure img { transform: scale(1.1); } .tile-gallery .gallery-wrapper .tile a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 5px; z-index: 10; } .tile-gallery .gallery-wrapper .tile h2, .tile-gallery .gallery-wrapper .tile h3, .tile-gallery .gallery-wrapper .tile h4, .tile-gallery .gallery-wrapper .tile h5, .tile-gallery .gallery-wrapper .tile h6 { -webkit-hyphens: auto; hyphens: auto; word-break: break-word; } .tile-gallery .gallery-wrapper .tile figure { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; height: 100%; overflow: hidden; transition: all .3s; } .tile-gallery .gallery-wrapper .tile figure picture { overflow: hidden; display: block; height: 100%; } .tile-gallery .gallery-wrapper .tile figure:before { content: ""; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent); position: absolute; height: 50%; width: calc(100% - 20px); transition: all .3s; z-index: 1; } .tile-gallery .gallery-wrapper .tile figure figcaption { position: absolute; bottom: 15px; left: 20px; } .tile-gallery .gallery-wrapper .tile img, .tile-gallery .gallery-wrapper .tile video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: all .3s; } .tile-gallery .gallery-wrapper .tile .text-wrapper { position: relative; display: inline-block; font-size: 23px; line-height: 1; padding: 20px 20px 15px; margin-top: 20px; margin-left: 5px; z-index: 1; transition: opacity .3s; } .tile-gallery .gallery-wrapper .tile .text-wrapper h3, .tile-gallery .gallery-wrapper .tile .text-wrapper h4, .tile-gallery .gallery-wrapper .tile .text-wrapper h5, .tile-gallery .gallery-wrapper .tile .text-wrapper h6, .tile-gallery .gallery-wrapper .tile .text-wrapper li { color: #fff; line-height: 1.5; transition: all .3s; } .tile-gallery .gallery-wrapper .tile .text-wrapper li:before { color: #2b2b29; } .tile-gallery .gallery-wrapper .tile.tile-wide { width: 100%; } @media screen and (min-width: 34.375em) { .tile-gallery .gallery-wrapper .tile.tile-wide { height: 60%; } } /************************************* CALL-TO-ACTION MODUL STYLESHEET *************************************/ .call-modul { position: relative; margin-top: var(--base-spacing-unit--xl); margin-bottom: var(--base-spacing-unit--xl); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 58.75em) { .call-modul .call-img { position: absolute; left: 0; top: 0; height: 100%; width: 50%; } } .call-modul .call-img figure { height: 100%; } .call-modul .call-img figure img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .call-modul .call-text { padding: 15px; } @media screen and (min-width: 58.75em) { .call-modul .call-text { padding: 25px; } } /************************************* BOX LAYOUT *************************************/ .box-row { row-gap: 25px; } .box-wrap { position: relative; display: grid; grid-template-columns: 100%; grid-template-rows: auto 1fr; height: 100%; margin-bottom: 20px; text-indent: 0; z-index: 1; overflow: hidden; transition: all 0.3s; } .box-wrap:hover { transform: translateY(-5px); } .box-wrap:hover .content_container { background-color: #0c642f; } .box-wrap:hover .content_container:after { right: 0; opacity: 0; } .box-wrap h3 { color: #95c23d; font-size: 25px; } .box-wrap .image_container { display: none; } @media screen and (min-width: 48em) { .box-wrap .image_container { display: block; } } .box-wrap .content_container { color: #fff; background-color: #094d24; border-radius: 0 0 20px 20px; padding: 20px; transition: all 0.3s; } @media screen and (min-width: 48em) { .box-wrap .content_container { margin-bottom: 20px; } } @media only screen and (min-width: 1400px) { .box-wrap .content_container { padding: 25px 30px 0px; } } .box-wrap .content_container h3, .box-wrap .content_container h4 { word-break: normal; -webkit-hyphens: auto; hyphens: auto; margin-bottom: 0; } .box-wrap .content_container .button_container a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .box-wrap .content_container:after { content: url("../../files/theme/dist/img/arrow-right.svg"); position: absolute; bottom: 30px; right: 15px; transition: all 0.3s; } .box-wrap .text-wrapper { padding: 20px; background-color: #094d24; border-radius: 0 0 20px 20px; margin-bottom: 30px; color: #fff; } @media only screen and (min-width: 1400px) { .box-wrap .text-wrapper { padding: 30px 30px 50px; font-size: 20px; } } .box-wrap .text-wrapper h3, .box-wrap .text-wrapper h4 { word-break: normal; -webkit-hyphens: auto; hyphens: auto; margin-bottom: 5px; } .box-wrap .text-wrapper .button_container a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .partner-box-wrapper .box-wrap .text-wrapper { color: #2b2b29; background-color: #e2caa1; } .partner-box-wrapper .box-wrap .image_container { display: block; } /************************************* ICONBOX MODUL STYLESHEET *************************************/ .kontakt-wrapper { margin-top: 100px; } .kontakt-img { margin-right: -25px; margin-top: -80px; } .kontakt-img img { border-radius: 5px; } .kontakt-txt { background-color: #e62271; padding: 30px; color: #fff; margin-left: -25px; margin-top: -25px; border-radius: 5px; } @media screen and (min-width: 68.75em) { .kontakt-txt { padding: 80px; margin-top: 0; } } .kontakt-txt h2 { color: #fff; } .kontakt-txt a { color: #fff; margin-bottom: 0; } .kontakt-txt a:hover { color: #094d24; } /************************************* HAMBURGER MODUL STYLESHEET *************************************/ #hamburger-section { position: relative; z-index: 5000; } #hamburger-close { position: fixed; position: fixed; top: 30%; right: 10%; } #hamburger { position: fixed; top: 23px; right: 20px; width: 50px; height: 40px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; transition: all .3s; } @media screen and (min-width: 68.75em) { #hamburger { top: 100px; right: 10%; display: none; } } #hamburger span { display: block; height: 5px; background: #e62271; transition: all .3s; margin-bottom: 5px; z-index: 1; } #hamburger.open span { margin-left: 0; margin-right: 0; } #hamburger.open span:first-of-type { transform: translateY(15px) rotate(45deg); } #hamburger.open span:nth-child(2) { opacity: 0; visibility: hidden; } #hamburger.open span:last-of-type { width: 100%; transform: translateY(-14px) rotate(-45deg); } .mm-wrapper_opened #hamburger-section #hamburger span { margin-left: 0; margin-right: 0; } .mm-wrapper_opened #hamburger-section #hamburger span:first-of-type { transform: translateY(15px) rotate(45deg); } .mm-wrapper_opened #hamburger-section #hamburger span:nth-child(2) { opacity: 0; visibility: hidden; } .mm-wrapper_opened #hamburger-section #hamburger span:last-of-type { width: 100%; transform: translateY(-14px) rotate(-45deg); } /************************************* MOBILE MENÜ MODUL STYLESHEET *************************************/ .mm-panel { --mm-line-height: 20px; --mm-listitem-size: 44px; --mm-navbar-size: 44px; --mm-color-border: rgba(0, 0, 0, 0.1); --mm-color-button: rgba(0, 0, 0, 0.3); --mm-color-text: var(--color-default); --mm-color-text-dimmed: rgba(0, 0, 0, 0.3); --mm-color-background: var(--color-page-background); --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); font-family: var(--headings__font-family); font-size: 20px; } .mm-panel ul { padding-bottom: 150px; } .mm-panel ul li { line-height: 1.5; } .mm-panel .mm-listitem_selected > .mm-listitem__text { color: var(--color-links); } #menu-mobile { background-color: #fff; } @media screen and (min-width: 68.75em) { #menu-mobile { display: none; } } #menu-mobile .blatt-icon:before { content: none; } #menu-mobile ul li.tickets { background: var(--mm-color-text); color: #fff; transition: all 0.3s; } #menu-mobile ul li.tickets:hover { color: var(--mm-color-text); background: pink; } #menu-mobile ul li strong { display: block; padding: calc( (var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent); } #menu-mobile ul li a:hover { color: #e62271; } /************************************* POLYGON MODUL STYLESHEET *************************************/ .polygon, #parkplan > ul > li, #parkplan > ul > li > .attraktion-detail { position: relative; color: #fff; padding: 0 50px 50px; z-index: 10; } @media only screen and (min-width: 1400px) { .polygon, #parkplan > ul > li, #parkplan > ul > li > .attraktion-detail { padding: 0 40px 20px 30px; } } .polygon h1, #parkplan > ul > li h1, #parkplan > ul > li > .attraktion-detail h1, .polygon h2, #parkplan > ul > li h2, #parkplan > ul > li > .attraktion-detail h2, .polygon h3, #parkplan > ul > li h3, #parkplan > ul > li > .attraktion-detail h3, .polygon h4, #parkplan > ul > li h4, #parkplan > ul > li > .attraktion-detail h4, .polygon h5, #parkplan > ul > li h5, #parkplan > ul > li > .attraktion-detail h5, .polygon h6, #parkplan > ul > li h6, #parkplan > ul > li > .attraktion-detail h6 { color: #fff; padding-top: 25px; margin-bottom: 0; } .polygon *, #parkplan > ul > li *, #parkplan > ul > li > .attraktion-detail * { position: relative; z-index: 10; } .polygon img, #parkplan > ul > li img, #parkplan > ul > li > .attraktion-detail img { border-radius: 15px; width: 100%; } .polygon .link, #parkplan > ul > li .link, #parkplan > ul > li > .attraktion-detail .link { position: absolute; } .polygon a, #parkplan > ul > li a, #parkplan > ul > li > .attraktion-detail a { color: #fff; } .polygon:before, #parkplan > ul > li:before, #parkplan > ul > li > .attraktion-detail:before, .polygon:after, #parkplan > ul > li:after, #parkplan > ul > li > .attraktion-detail:after { content: ""; position: absolute; top: 25px; right: 50px; left: 0; bottom: -10px; background-color: #094d24; z-index: 2; width: 97%; } .polygon:after, #parkplan > ul > li:after, #parkplan > ul > li > .attraktion-detail:after { background-color: #95c23d; z-index: 1; bottom: 0; right: 0; top: 25px; height: 100%; width: 100%; } .polygon.v1:before, #parkplan > ul > li.v1:before, #parkplan > ul > li > .v1.attraktion-detail:before, .polygon.v1:after, #parkplan > ul > li.v1:after, #parkplan > ul > li > .v1.attraktion-detail:after { border-radius: 25px; -webkit-clip-path: none; clip-path: none; } .polygon.v2:before, #parkplan > ul > li:before, #parkplan > ul > li > .attraktion-detail:before, .parkplan2024 #parkplan > ul > li > .attraktion-detail:before, .polygon.v2:after, #parkplan > ul > li:after, #parkplan > ul > li > .attraktion-detail:after, .parkplan2024 #parkplan > ul > li > .attraktion-detail:after { border-radius: 25px; -webkit-clip-path: none; clip-path: none; } .polygon.v3:before, #parkplan > ul > li.v3:before, #parkplan > ul > li > .v3.attraktion-detail:before, .polygon.v3:after, #parkplan > ul > li.v3:after, #parkplan > ul > li > .v3.attraktion-detail:after { border-radius: 25px; -webkit-clip-path: none; clip-path: none; } /************************************* ATTRAKTIONEN MODUL STYLESHEET *************************************/ .attraktion-info { display: inline-block; font-size: 1.3rem; color: #094d24; font-family: var(--headings__font-family); margin-top: 30px; } .attraktion-info .age, .attraktion-info .size { display: flex; gap: 15px; } .attraktion-info .age:before, .attraktion-info .size:before { display: inline-block; width: 20px; vertical-align: middle; text-align: right; } .attraktion-info .age { border-bottom: 2px solid #094d24; margin-bottom: 10px; padding-bottom: 5px; align-items: flex-end; } .attraktion-info .age:before { content: url(../../files/theme/dist/img/groesse-icon.svg); margin-right: 5px; } .attraktion-info .size:before { content: url(../../files/theme/dist/img/alter-icon.svg); margin-right: 5px; } #filter-wrapper { background-color: rgba(162, 124, 83, 0.15); } @media screen and (min-width: 48em) { #filter-wrapper { padding-left: 40px; padding-top: 40px; padding-bottom: 40px; } } .filters { display: flex; flex-wrap: wrap; -moz-column-gap: 15px; column-gap: 15px; row-gap: 35px; } .filters .bootstrap-slider { position: relative; } .filters .bootstrap-slider .slider.slider-vertical { width: 9px; border-radius: 0 !important; } .filters .bootstrap-slider .slider.slider-vertical .slider-track { left: 0; background: #95c23d; border-radius: 0 !important; } .filters .bootstrap-slider .slider.slider-vertical .slider-track .slider-selection { background: #b5d477; border-radius: 0 !important; } .filters .bootstrap-slider .slider.slider-vertical .slider-handle { width: 31px; height: 31px; left: -10px; background-image: none; background-color: #094d24; } .filters .bootstrap-slider .slider.slider-vertical .tooltip { position: absolute; left: -10px !important; margin-top: -5px !important; text-align: center; width: 30px; color: #fff; font-weight: 600; z-index: 1; font-size: 13px; } @media screen and (min-width: 48em) { .filters .bootstrap-slider .slider.slider-vertical .tooltip { margin-top: -5px !important; left: -32px !important; color: #527b43; width: 100%; } } .filters .bootstrap-slider .filter-label { position: absolute; left: 35px; top: -5px; font-family: var(--headings__font-family); font-size: 1.3rem; color: #094d24; } .filters .bootstrap-slider .filter-label .filter-selection { display: block; color: #95c23d; } .filters .bootstrap-slider .lines { position: absolute; top: 0; left: -5px; display: flex; flex-flow: column nowrap; justify-content: space-between; height: 100%; z-index: -1; } .filters .bootstrap-slider .lines span { width: 20px; height: 1px; background: #95c23d; } .attraktionen-nav .btn-group { display: flex; -moz-column-gap: 10px; column-gap: 10px; flex-wrap: wrap; } .attraktionen-nav .btn, .attraktionen-nav .hinweis-modul a, .hinweis-modul .attraktionen-nav a { display: block; min-height: 40px; background-color: transparent; color: #094d24; font-size: 1.4rem; font-family: var(--headings__font-family); border: 2px solid #094d24; transition: all 0.3s; cursor: pointer; width: 150px; padding: 5px 3px 0px; } @media screen and (min-width: 48em) { .attraktionen-nav .btn, .attraktionen-nav .hinweis-modul a, .hinweis-modul .attraktionen-nav a { display: inherit; padding: 6px 10px 1px; width: auto; } } .attraktionen-nav .btn:hover, .attraktionen-nav .hinweis-modul a:hover, .hinweis-modul .attraktionen-nav a:hover, .attraktionen-nav .btn.is-checked, .attraktionen-nav .hinweis-modul a.is-checked, .hinweis-modul .attraktionen-nav a.is-checked { background-color: #094d24; color: #fff; } .attraktionen { margin-left: 25px; } .attraktionen .polygon, .attraktionen #parkplan > ul > li, .attraktionen #parkplan > ul > li > .attraktion-detail, .attraktionen-slider .polygon, .attraktionen-slider #parkplan > ul > li, .attraktionen-slider #parkplan > ul > li > .attraktion-detail { padding: 0px 35px 30px 20px; } .attraktionen .polygon h3, .attraktionen #parkplan > ul > li h3, .attraktionen #parkplan > ul > li > .attraktion-detail h3, .attraktionen-slider .polygon h3, .attraktionen-slider #parkplan > ul > li h3, .attraktionen-slider #parkplan > ul > li > .attraktion-detail h3 { padding-top: 15px; } .attraktionen > div, .attraktionen-slider > div { margin-bottom: 50px; } @media screen and (min-width: 48em) { .attraktionen > div, .attraktionen-slider > div { margin-right: 20px; width: calc(50% - 20px); } } @media screen and (min-width: 58.75em) { .attraktionen > div, .attraktionen-slider > div { width: calc(33.33% - 20px); } } @media only screen and (min-width: 1400px) { .attraktionen > div, .attraktionen-slider > div { width: calc(25% - 20px); } } @media only screen and (min-width: 1920px) { .attraktionen > div, .attraktionen-slider > div { min-height: 530px; } } @media only screen and (min-width: 2400px) { .attraktionen > div, .attraktionen-slider > div { min-height: 600px; } } .attraktionen .info-wrapper, .attraktionen-slider .info-wrapper { display: flex; gap: 20px; font-family: var(--highlight__font-family); font-size: 20px; margin-bottom: 30px; } .attraktionen .info-wrapper .age:before, .attraktionen .info-wrapper .size:before, .attraktionen-slider .info-wrapper .age:before, .attraktionen-slider .info-wrapper .size:before { display: inline-block; width: 20px; vertical-align: middle; } .attraktionen .info-wrapper .age, .attraktionen-slider .info-wrapper .age { margin-bottom: 0; } .attraktionen .info-wrapper .age:before, .attraktionen-slider .info-wrapper .age:before { content: url(../../files/theme/dist/img/erlaubt-alter-icon.svg); margin-right: 5px; } .attraktionen .info-wrapper .size:before, .attraktionen-slider .info-wrapper .size:before { content: url(../../files/theme/dist/img/erlaubt-groesse-icon.svg); margin-right: 5px; } .attraktionen a.btn, .attraktionen .hinweis-modul a, .hinweis-modul .attraktionen a, .attraktionen-slider a.btn, .attraktionen-slider .hinweis-modul a, .hinweis-modul .attraktionen-slider a { position: absolute; margin-bottom: 0; } .attraktionen .ce_gallery, .attraktionen-slider .ce_gallery { margin-bottom: 0; border-radius: 15px; overflow: hidden; } .attraktionen .galerie-slider, .attraktionen-slider .galerie-slider { margin: 0; padding: 0; } .attraktionen-slider { display: flex; gap: 20px; } .attraktionen-slider .polygon, .attraktionen-slider #parkplan > ul > li, .attraktionen-slider #parkplan > ul > li > .attraktion-detail { margin-right: 0; } .attraktionen-slider > div { max-width: none; } /************************************* GALLERY LIGHTBOX MODUL STYLESHEET *************************************/ @media screen and (min-width: 68.75em) { .gallery-lightbox { width: 450px; height: 500px; margin: 0 auto; padding: 0 60px 130px; } } .gallery-lightbox.polygon *, #parkplan > ul > li.gallery-lightbox *, #parkplan > ul > li > .gallery-lightbox.attraktion-detail * { height: 100%; } .gallery-lightbox img { -o-object-fit: cover; object-fit: cover; height: 100%; } .gallery-lightbox > ul { display: block; } .gallery-lightbox > ul > li { display: none; } .gallery-lightbox > ul > li.row_first { display: block; } .gallery-lightbox > ul > li a:before { content: "Galerie"; position: absolute; bottom: -60px; right: 0; background-image: url(../../files/theme/dist/img/plus-icon.svg); background-repeat: no-repeat; font-family: var(--headings__font-family); color: #fff7e2; z-index: 100; font-size: 20px; padding: 10px 10px 10px 40px; background-position: 0px 38%; } /************************************* GALLERY MANSONRY MODUL STYLESHEET *************************************/ .m-column { width: calc(25% - 10px); } .masonry_item { width: calc(50% - 10px); height: 200px; padding-bottom: 10px; } @media screen and (min-width: 58.75em) { .masonry_item { width: calc(25% - 10px); height: 400px; } } .masonry_item > figure a:before { content: ""; background-image: linear-gradient(rgba(0, 0, 0, 0.3), transparent); position: absolute; top: 0; right: 0; bottom: 10px; left: 0; transition: all 0.3s; } .masonry_item > figure a:hover:before { opacity: 0.35; } .masonry_item figure { height: 100%; } .masonry_item img { margin: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .masonry_item.half { width: calc(50% - 10px); } .masonry_item.height_2 { height: 400px; } @media screen and (min-width: 58.75em) { .masonry_item.height_2 { height: 800px; } } .masonry_item figcaption { position: absolute; display: inline-block; top: 10px; left: 5px; font-size: 20px; color: #fff; font-family: var(--headings__font-family); } @media screen and (min-width: 58.75em) { .masonry_item figcaption { top: 20px; left: 20px; font-size: 25px; } } .masonry-wrapper .gslide-description { background: transparent; } .masonry-wrapper .gslide-description .gslide-title { color: #fff; font-family: var(--headings__font-family); font-size: 20px; } .masonry-wrapper .gslide-description .gdesc-inner { display: block; } .gslide-image img { border-radius: 15px; } /************************************* ICONBOX MODUL STYLESHEET *************************************/ .imgtext-link { -moz-column-gap: 15px; column-gap: 15px; row-gap: 15px; } .imgtext-link a { position: relative; display: block; } .imgtext-link a .linktext { position: absolute; top: 0; left: 0; display: block; padding: 10px 15px; font-family: var(--headings__font-family); font-size: 25px; color: #fff; z-index: 10; } @media screen and (min-width: 58.75em) { .imgtext-link a .linktext { font-size: 30px; } } .imgtext-link a:before { content: ""; background-color: rgba(43, 43, 41, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /************************************* INFOS & PREISE "ONE PAGER" STYLESHEET *************************************/ .onepager .btn, .onepager .hinweis-modul a, .hinweis-modul .onepager a { margin-bottom: 0; } .onepager .tickets { margin-bottom: var(--base-spacing-unit); } @media screen and (min-width: 58.75em) { .onepager p, .onepager li, .onepager table { font-size: 20px; } } @media screen and (min-width: 48em) { .onepager .mod_article { padding-left: 50px; padding-right: 50px; } } @media screen and (min-width: 58.75em) { .onepager .mod_article { padding-left: 60px; padding-right: 60px; } } .onepager .mod_article.article--full { padding-left: 0; padding-right: 0; } .onepager .themen { position: sticky; top: 0; } .onepager .themen p { color: #fff; font-family: var(--highlight__font-family); text-align: center; -webkit-text-stroke: 1px #e62271; -webkit-text-fill-color: #fff; } .onepager .themen a { display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e62271; text-align: center; padding-top: 11px; margin: 10px auto; font-family: var(--headings__font-family); color: #fff; -webkit-text-stroke: 1px #e62271; -webkit-text-fill-color: #fff; font-size: 20px; } .onepager .themen a.section-1 { background-color: #95c23d; } .onepager .themen a.section-2 { background-color: #ffeecc; } .onepager .themen a.section-3 { background-color: #e4e4e4; } .onepager .themen a.section-4 { background-color: #764f45; } .onepager .themen a.section-5 { background-color: #b7d4e8; } .onepager .themen a.section-6 { background-color: #ffe398; } .onepager .themen a:hover { transform: scale(1.05); } .onepager .themen a span { position: absolute; margin-left: 30px; width: 120px; text-align: left; font-size: 16px; font-family: var(--base-font-family); -webkit-text-stroke: 0; -webkit-text-fill-color: #e62271; font-weight: 700; } #section-1 { background-color: #86af37; } #section-1 h2 { color: #fff; } #section-2 { background-color: #ffeecc; } #section-2 table tr td { padding: 10px 0; } #section-2 table tr td:last-child { min-width: 70px; padding-left: 10px; } #section-3 { background-color: #ffe398; } #section-3 h2 { color: #2b2b29; } #section-4 { background-color: #764f45; } #section-4 h2, #section-4 .ce_text { color: #fff7e2; } #section-4 a:hover { text-decoration: none; } #section-5 { background-color: #a7c77e; } #section-6 { background-color: #e4e4e4; } #section-7 { background-color: #b7d4e8; } /************************************* KARRIERE MODUL STYLESHEET *************************************/ .karriere-boxes { display: grid; grid-template-columns: 1fr; gap: 20px; } @media screen and (min-width: 48em) { .karriere-boxes { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 68.75em) { .karriere-boxes { grid-template-columns: 1fr 1fr 1fr; } } .karriere-boxes .box-wrap .image_container { display: block; } .operator-job .box-wrap.operator-job { display: none; } .gastronomie-job .box-wrap.gastronomie-job { display: none; } .parkpflege-job .box-wrap.parkpflege-job { display: none; } .reinigungskraft-job .box-wrap.reinigungskraft-job { display: none; } /************************************* HIGHLIGHT MODUL STYLESHEET *************************************/ .iconbox-wrapper { display: grid; grid-template-columns: 50% 50%; gap: 2px; } @media screen and (min-width: 58.75em) { .iconbox-wrapper { grid-template-columns: 1fr 1fr 1fr; gap: 10px; } } .icon-box { display: flex; flex-flow: column; background-color: #aace64; align-items: center; padding: 10px; margin-bottom: 0; width: 100%; border-radius: 15px; font-size: 14px; justify-content: center; } .icon-box .text-wrapper { text-align: center; margin-top: 10px; -webkit-hyphens: auto; hyphens: auto; } .icon-box .text-wrapper h4 { margin: 0 !important; } @media screen and (min-width: 68.75em) { .icon-box { gap: 20px; width: 100%; min-height: 200px; padding: 20px; font-size: 16px; flex-flow: row; } .icon-box .text-wrapper { padding-left: 10px; text-align: left; margin-top: 0; -webkit-hyphens: none; hyphens: none; } } .icon-box img { max-width: none; } @media screen and (max-width: none) { .icon-box img { max-height: 55px; width: auto; } } .clearfix { clear: both; } /************************************* SLIDER STYLESHEET *************************************/ .tns-controls { position: initial; } .tns-controls button { position: absolute; z-index: 99; top: 50%; cursor: pointer; visibility: hidden; } .tns-controls button:before { visibility: visible; } .tns-controls button:first-child { left: 5px; } .tns-controls button:first-child:before { content: url(../../files/theme/dist/img/arrow-right.svg); display: block; transform: rotate(180deg); margin-top: -20px; } .tns-controls button:last-child { right: -15px; transform: translateY(-50%); } .tns-controls button:last-child:before { content: url(../../files/theme/dist/img/arrow-right.svg); } .tns-nav { position: relative; text-align: center; z-index: 10; } .tns-nav button { display: inline-block; width: 12px; height: 12px; max-width: 12px; margin-right: 10px; border-radius: 20px; background-color: #094d24; border: none; } .tns-nav button.tns-nav-active { background-color: #95c23d; } .gallery .tns-nav button { background-color: #fff; } .gallery .tns-nav button:hover { background-color: #b5d477; } .gallery .tns-nav button.tns-nav-active { background-color: #95c23d; } /************************************* PARKPLAN MODUL STYLESHEET *************************************/ .parkplan-title { display: inline-block; vertical-align: middle; padding-left: 15px; } .download-parkplan { display: none; z-index: 1000; transition: all 0.3s; } .download-parkplan:hover { transform: translateY(-5px); } @media screen and (min-width: 68.75em) { .download-parkplan { position: absolute; display: block; bottom: 10%; right: 15%; width: auto; } } .download-parkplan-mobile { position: fixed; bottom: 15px; right: 15px; z-index: 1000; } @media screen and (min-width: 68.75em) { .download-parkplan-mobile { display: none; } } .parkplan-band { padding-bottom: 30px; padding-top: 30px; } #parkplan-wrapper { overflow: hidden; height: calc(100vh); background-color: #618837; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; } #parkplan { margin: 0 auto; margin-bottom: 2rem; padding: 2rem; text-align: center; position: relative; cursor: move; width: 2500px; height: 1570px; left: -554px; top: -421px; } @media screen and (min-width: 68.75em) { #parkplan { width: 3000px; height: 1885px; } } #parkplan .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 10; opacity: 0; visibility: hidden; } #parkplan.active .overlay { opacity: 1; visibility: visible; } #parkplan > ul { padding: 0; margin: 0; list-style: none; text-align: left; width: 2500px; height: 1570px; position: absolute; top: 0; left: 0; z-index: 100; } @media screen and (min-width: 68.75em) { #parkplan > ul { width: 3000px; height: 1885px; } } #parkplan > ul > li { position: absolute; color: #fff; padding: 10px 20px 10px 15px; line-height: 22px; text-align: center; font-family: var(--headings__font-family); font-size: 13px; cursor: pointer; z-index: initial; transform: translateY(-1px); transition: all 0.3s; } @media screen and (min-width: 68.75em) { #parkplan > ul > li { font-size: 15px; padding: 15px 25px 15px 20px; } } #parkplan > ul > li:after, #parkplan > ul > li:before { padding: 5px 30px 30px 30px; } #parkplan > ul > li:hover, #parkplan > ul > li.active { transform: translateY(-5px); opacity: 1; } #parkplan > ul > li.active { z-index: 1; } #parkplan > ul > li > span { z-index: 5; } #parkplan > ul > li.highlight:before { background-color: #e62271; } #parkplan > ul > li.highlight:after { background-color: #921044; } #parkplan > ul > li.light { color: #094d24; } #parkplan > ul > li.light:before { background-color: #e62271; } #parkplan > ul > li.light:after { background-color: #921044; } #parkplan > ul > li > div.content { position: absolute; right: 35px; top: 0; font-size: 1.1rem; color: #e62271; font-family: var(--highlight__font-family); white-space: nowrap; } #parkplan > ul > li.active > .attraktion-detail { opacity: 1; visibility: visible; } #parkplan > ul > li > .attraktion-detail { opacity: 0; visibility: hidden; transition: opacity 0.2s; position: absolute; top: 15px; left: 15px; width: 300px; text-align: left; z-index: 999; padding: 30px 20px 35px; filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.35)); } #parkplan > ul > li > .attraktion-detail.active { opacity: 1; visibility: visible; } #parkplan > ul > li > .attraktion-detail > span { display: block; float: right; margin: -40px -25px; font-size: 25px; padding: 15px 16px 10px; border-radius: 50%; background-color: #e62271; z-index: 100; } #parkplan > ul > li > .attraktion-detail h3 { padding-top: 0; font-size: 20px; margin-top: 1rem; margin-bottom: 0.5rem; } #parkplan > ul > li > .attraktion-detail .btn--primary, #parkplan > ul > li > .attraktion-detail .hinweis-modul a, .hinweis-modul #parkplan > ul > li > .attraktion-detail a { background-color: #e62271; transform: rotate(0); font-size: 14px; padding: 5px 7px 4px; min-width: 125px; } #parkplan .karte { position: relative; z-index: 0; width: 2500px; height: 1570px; } @media screen and (min-width: 68.75em) { #parkplan .karte { width: 3000px; height: 1885px; } } #parkplan .eingang { top: 55%; left: 9%; } #parkplan .ausgang { top: 38%; left: 13%; } #parkplan .attraktion-2 { left: 19%; top: 60%; } #parkplan .attraktion-3 { left: 23%; bottom: 25%; } #parkplan .attraktion-4 { left: 27%; bottom: 14%; } #parkplan .attraktion-5 { left: 32%; bottom: 9%; } #parkplan .attraktion-5 .attraktion-detail { top: -105px; left: 125px; } #parkplan .attraktion-6 { left: 49%; bottom: 15%; } #parkplan .attraktion-7 { left: 43%; bottom: 23%; } #parkplan .attraktion-8 { left: 50%; bottom: 26%; } #parkplan .attraktion-9 { left: 43%; bottom: 31%; } #parkplan .attraktion-10 { left: 35%; bottom: 31%; } #parkplan .attraktion-11 { left: 27%; bottom: 38%; } #parkplan .attraktion-12 { left: 32%; bottom: 39%; } #parkplan .attraktion-13 { left: 38%; bottom: 43%; } #parkplan .attraktion-14 { left: 39%; bottom: 37%; } #parkplan .attraktion-15 { left: 44%; bottom: 39%; } #parkplan .attraktion-16 { left: 47%; bottom: 46%; } #parkplan .attraktion-17 { left: 45%; bottom: 50%; } #parkplan .attraktion-18 { left: 39%; bottom: 49%; } #parkplan .attraktion-19 { left: 34%; top: 40%; } #parkplan .attraktion-20 { left: 39%; top: 24%; } #parkplan .attraktion-21 { left: 38%; top: 20%; } #parkplan .attraktion-22 { left: 45%; top: 23%; } #parkplan .attraktion-23 { left: 45%; top: 30%; } #parkplan .attraktion-24 { left: 50%; top: 35%; } #parkplan .attraktion-25 { left: 56%; top: 44%; } #parkplan .attraktion-26 { left: 55%; top: 50%; } #parkplan .attraktion-27 { left: 61%; top: 48%; } #parkplan .attraktion-28 { left: 59%; bottom: 62%; } #parkplan .attraktion-29 { left: 68%; top: 56%; } #parkplan .attraktion-30 { left: 57%; bottom: 23%; } #parkplan .attraktion-31 { left: 69%; bottom: 48%; } #parkplan .attraktion-32 { right: 16%; bottom: 41%; } #parkplan .attraktion-33 { right: 8%; bottom: 49%; } #parkplan .attraktion-34a { right: 18%; top: 50%; } #parkplan .attraktion-34b { right: 16%; top: 36%; } #parkplan .attraktion-34c { right: 22%; top: 29%; } #parkplan .attraktion-35 { right: 16%; bottom: 53%; } #parkplan .attraktion-36 { right: 24%; top: 36%; } #parkplan .attraktion-37 { right: 29%; top: 41%; } #parkplan .attraktion-38 { right: 29%; top: 32%; } #parkplan .attraktion-39 { left: 67%; top: 21%; } #parkplan .attraktion-40 { right: 30%; top: 7%; } #parkplan .attraktion-41 { left: 52%; top: 20%; } #parkplan .attraktion-42 { right: 39%; top: 3%; } #parkplan .attraktion-43 { left: 50%; top: 8%; } #parkplan .attraktion-44 { left: 33%; top: 10%; } #parkplan .attraktion-45 { left: 43%; top: 5%; } #parkplan .attraktion-46 { left: 28%; top: 14%; } #parkplan .attraktion-47 { left: 36%; top: 30%; } #parkplan .attraktion-48 { left: 29%; top: 41%; } #parkplan .attraktion-49 { left: 27%; top: 32%; } #parkplan .attraktion-50 { left: 28%; top: 21%; } #parkplan .attraktion-51 { left: 20%; top: 24%; } #parkplan .attraktion-52 { left: 24%; bottom: 51%; } #parkplan .attraktion-53 { left: 12%; bottom: 52%; } #parkplan .attraktion-54 { left: 20%; top: 51%; } #parkplan .attraktion-55 { left: 15%; top: 53%; } #parkplan .attraktion-56 { left: 67%; top: 61%; } #parkplan .attraktion-57 { left: 15%; top: 79%; } #parkplan .attraktion-58 { left: 25%; top: 35%; } #parkplan .attraktion-59 { left: 21%; top: 83%; } #parkplan .attraktion-60 { left: 59%; top: 27%; } #parkplan .attraktion-61 { left: 40%; top: 39%; } /************************************* PARKPLAN MODUL STYLESHEET *************************************/ .parkplan2024 .polygon-parkplan, .parkplan2024 #parkplan > ul > li, .parkplan2024 #parkplan > ul > li > .attraktion-detail { position: relative; color: #fff; padding: 0 50px 50px; z-index: 10; } @media only screen and (min-width: 1400px) { .parkplan2024 .polygon-parkplan, .parkplan2024 #parkplan > ul > li, .parkplan2024 #parkplan > ul > li > .attraktion-detail { padding: 0 70px 60px; } } .parkplan2024 .polygon-parkplan h1, .parkplan2024 #parkplan > ul > li h1, .parkplan2024 #parkplan > ul > li > .attraktion-detail h1, .parkplan2024 .polygon-parkplan h2, .parkplan2024 #parkplan > ul > li h2, .parkplan2024 #parkplan > ul > li > .attraktion-detail h2, .parkplan2024 .polygon-parkplan h3, .parkplan2024 #parkplan > ul > li h3, .parkplan2024 #parkplan > ul > li > .attraktion-detail h3, .parkplan2024 .polygon-parkplan h4, .parkplan2024 #parkplan > ul > li h4, .parkplan2024 #parkplan > ul > li > .attraktion-detail h4, .parkplan2024 .polygon-parkplan h5, .parkplan2024 #parkplan > ul > li h5, .parkplan2024 #parkplan > ul > li > .attraktion-detail h5, .parkplan2024 .polygon-parkplan h6, .parkplan2024 #parkplan > ul > li h6, .parkplan2024 #parkplan > ul > li > .attraktion-detail h6 { color: #fff; padding-top: 25px; margin-bottom: 0; } .parkplan2024 .polygon-parkplan *, .parkplan2024 #parkplan > ul > li *, .parkplan2024 #parkplan > ul > li > .attraktion-detail * { position: relative; z-index: 10; } .parkplan2024 .polygon-parkplan .link, .parkplan2024 #parkplan > ul > li .link, .parkplan2024 #parkplan > ul > li > .attraktion-detail .link { position: absolute; } .parkplan2024 .polygon-parkplan:before, .parkplan2024 #parkplan > ul > li:before, .parkplan2024 #parkplan > ul > li > .attraktion-detail:before, .parkplan2024 .polygon-parkplan:after, .parkplan2024 #parkplan > ul > li:after, .parkplan2024 #parkplan > ul > li > .attraktion-detail:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #004c25; z-index: 2; } .parkplan2024 .polygon-parkplan:after, .parkplan2024 #parkplan > ul > li:after, .parkplan2024 #parkplan > ul > li > .attraktion-detail:after { background: none; z-index: 1; bottom: -5px; right: -5px; top: initial; height: 100%; } .parkplan2024 .polygon-parkplan.v2:before, .parkplan2024 #parkplan > ul > li:before, .parkplan2024 #parkplan > ul > li > .attraktion-detail:before, .parkplan2024 .polygon-parkplan.v2:after, .parkplan2024 #parkplan > ul > li:after, .parkplan2024 #parkplan > ul > li > .attraktion-detail:after { -webkit-clip-path: none; clip-path: none; border-radius: 15px; transform: rotateY(-9deg); } .parkplan2024 .polygon-parkplan.v2:before, .parkplan2024 #parkplan > ul > li:before, .parkplan2024 #parkplan > ul > li > .attraktion-detail:before { border: 3px solid #95c23d; } .parkplan2024 .polygon-parkplan.v3:before, .parkplan2024 #parkplan > ul > li.v3:before, .parkplan2024 #parkplan > ul > li > .v3.attraktion-detail:before, .parkplan2024 .polygon-parkplan.v3:after, .parkplan2024 #parkplan > ul > li.v3:after, .parkplan2024 #parkplan > ul > li > .v3.attraktion-detail:after { -webkit-clip-path: none; clip-path: none; border-radius: 15px; transform: rotateY(7deg); width: auto; } .parkplan2024 .polygon-parkplan.v3:before, .parkplan2024 #parkplan > ul > li.v3:before, .parkplan2024 #parkplan > ul > li > .v3.attraktion-detail:before { border: 3px solid #95c23d; } .parkplan2024 .polygon-parkplan.star > span, .parkplan2024 #parkplan > ul > li.star > span, .parkplan2024 #parkplan > ul > li > .star.attraktion-detail > span { position: relative; display: block; } .parkplan2024 .polygon-parkplan.star > span:before, .parkplan2024 #parkplan > ul > li.star > span:before, .parkplan2024 #parkplan > ul > li > .star.attraktion-detail > span:before { content: ""; position: absolute; width: 100px; height: 100px; top: -40px; right: -50px; background-image: url(../../files/theme/dist/img/stern.svg); background-repeat: no-repeat; z-index: 10000; } .parkplan2024 .parkplan-title { display: inline-block; vertical-align: middle; padding-left: 15px; } .parkplan2024 .download-parkplan { display: none; z-index: 1000; transition: all 0.3s; } .parkplan2024 .download-parkplan:hover { transform: translateY(-5px); } @media screen and (min-width: 68.75em) { .parkplan2024 .download-parkplan { position: absolute; display: block; bottom: 7%; right: 15%; width: auto; } } .parkplan2024 .download-parkplan-mobile { position: fixed; bottom: 15px; right: 15px; z-index: 1000; } @media screen and (min-width: 68.75em) { .parkplan2024 .download-parkplan-mobile { display: none; } } .parkplan2024 .parkplan-band { padding-bottom: 30px; padding-top: 30px; } .parkplan2024 #parkplan-wrapper { overflow: hidden; height: calc(100vh); background-color: #618837; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */ user-select: none; } .parkplan2024 #parkplan { margin: 0 auto; margin-bottom: 2rem; padding: 2rem; text-align: center; position: relative; cursor: move; width: 2500px; height: 1570px; left: -554px; top: -421px; } @media screen and (min-width: 68.75em) { .parkplan2024 #parkplan { width: 3000px; height: 1885px; } } .parkplan2024 #parkplan .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 10; opacity: 0; visibility: hidden; } .parkplan2024 #parkplan.active .overlay { opacity: 1; visibility: visible; } .parkplan2024 #parkplan > ul { padding: 0; margin: 0; list-style: none; text-align: left; width: 2500px; height: 1570px; position: absolute; top: 0; left: 0; z-index: 100; } @media screen and (min-width: 68.75em) { .parkplan2024 #parkplan > ul { width: 3000px; height: 1885px; } } .parkplan2024 #parkplan > ul > li { position: absolute; color: #fff; padding: 15px 25px; line-height: 22px; text-align: center; font-family: var(--headings__font-family); font-size: 17px; cursor: pointer; z-index: initial; transform: translateY(-1px); transition: all 0.3s; perspective: 100px; } @media screen and (min-width: 68.75em) { .parkplan2024 #parkplan > ul > li { font-size: 23px; padding: 15px 21px 9px 20px; line-height: 1.35; } } .parkplan2024 #parkplan > ul > li:after, .parkplan2024 #parkplan > ul > li:before { padding: 5px 30px 30px 30px; transform: rotateY(-5deg); } .parkplan2024 #parkplan > ul > li .icon-top { width: 50px; padding-bottom: 5px; height: 50px; } .parkplan2024 #parkplan > ul > li:hover, .parkplan2024 #parkplan > ul > li.active { transform: translateY(-5px); opacity: 1; } .parkplan2024 #parkplan > ul > li.active { z-index: 1; } .parkplan2024 #parkplan > ul > li > span { z-index: 5; } .parkplan2024 #parkplan > ul > li.highlight:before { background-color: #046734; } .parkplan2024 #parkplan > ul > li.highlight:after { background-color: #0c301a; } .parkplan2024 #parkplan > ul > li.light { color: #fff7e2; } .parkplan2024 #parkplan > ul > li.light:before { background-color: #e30613; border: 3px solid #fff; } .parkplan2024 #parkplan > ul > li.light:after { background: none; } .parkplan2024 #parkplan > ul > li > div.content { position: absolute; right: 35px; top: 0; font-size: 1.1rem; color: #e62271; font-family: var(--highlight__font-family); white-space: nowrap; } .parkplan2024 #parkplan > ul > li.active > .attraktion-detail { opacity: 1; visibility: visible; } .parkplan2024 #parkplan > ul > li > .attraktion-detail { opacity: 0; visibility: hidden; transition: opacity 0.2s; position: absolute; top: 15px; left: 15px; width: 300px; text-align: left; z-index: 999; padding: 20px 30px 20px 20px; filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.35)); } .parkplan2024 #parkplan > ul > li > .attraktion-detail:before { transform: inherit; } .parkplan2024 #parkplan > ul > li > .attraktion-detail.active { opacity: 1; visibility: visible; } .parkplan2024 #parkplan > ul > li > .attraktion-detail > span { display: block; float: right; margin: -40px -25px; font-size: 20px; padding: 5px 5px 10px; border-radius: 15px; width: 43px; height: 43px; text-align: center; background-color: #e62271; z-index: 100; } .parkplan2024 #parkplan > ul > li > .attraktion-detail h3 { padding-top: 0; font-size: 20px; margin-top: 1rem; margin-bottom: 0.5rem; } .parkplan2024 #parkplan > ul > li > .attraktion-detail .btn--primary, .parkplan2024 #parkplan > ul > li > .attraktion-detail .hinweis-modul a, .hinweis-modul .parkplan2024 #parkplan > ul > li > .attraktion-detail a { background-color: #e62271; transform: rotate(0); font-size: 17px; padding: 5px 10px; border-radius: 10px; min-width: 125px; } .parkplan2024 #parkplan .karte { position: relative; z-index: 0; width: 2500px; height: 1570px; } @media screen and (min-width: 68.75em) { .parkplan2024 #parkplan .karte { width: 3000px; height: 1885px; } } .parkplan2024 #parkplan .eingang { top: 55%; left: 9%; } .parkplan2024 #parkplan .ausgang { top: 41%; left: 12%; } .parkplan2024 #parkplan .attraktion-1 { left: 16%; top: 58%; } .parkplan2024 #parkplan .attraktion-2 { left: 19%; top: 62%; } .parkplan2024 #parkplan .attraktion-3 { left: 23%; bottom: 25%; } .parkplan2024 #parkplan .attraktion-4 { left: 27%; bottom: 14%; } .parkplan2024 #parkplan .attraktion-5 { left: 32%; bottom: 9%; } .parkplan2024 #parkplan .attraktion-5 .attraktion-detail { top: -105px; left: 125px; } .parkplan2024 #parkplan .attraktion-6 { left: 49%; bottom: 15%; } .parkplan2024 #parkplan .attraktion-7 { left: 43%; bottom: 23%; } .parkplan2024 #parkplan .attraktion-8 { left: 50%; bottom: 26%; } .parkplan2024 #parkplan .attraktion-9 { left: 43%; bottom: 31%; } .parkplan2024 #parkplan .attraktion-10 { left: 35%; bottom: 31%; } .parkplan2024 #parkplan .attraktion-11 { left: 27%; bottom: 38%; } .parkplan2024 #parkplan .attraktion-12 { left: 32%; bottom: 39%; } .parkplan2024 #parkplan .attraktion-13 { left: 38%; bottom: 43%; } .parkplan2024 #parkplan .attraktion-14 { left: 39%; bottom: 37%; } .parkplan2024 #parkplan .attraktion-15 { left: 46%; bottom: 37%; } .parkplan2024 #parkplan .attraktion-16 { left: 47%; bottom: 46%; } .parkplan2024 #parkplan .attraktion-17 { left: 45%; bottom: 50%; } .parkplan2024 #parkplan .attraktion-18 { left: 41%; bottom: 50%; } .parkplan2024 #parkplan .attraktion-19 { left: 30%; top: 48%; } .parkplan2024 #parkplan .attraktion-20 { left: 39%; top: 24%; } .parkplan2024 #parkplan .attraktion-21 { left: 38%; top: 20%; } .parkplan2024 #parkplan .attraktion-22 { left: 45%; top: 23%; } .parkplan2024 #parkplan .attraktion-23 { left: 45%; top: 30%; } .parkplan2024 #parkplan .attraktion-24 { left: 50%; top: 35%; } .parkplan2024 #parkplan .attraktion-24b { left: 37%; top: 42%; } .parkplan2024 #parkplan .attraktion-25 { left: 56%; top: 44%; } .parkplan2024 #parkplan .attraktion-26 { left: 48%; top: 50%; } .parkplan2024 #parkplan .attraktion-27 { left: 81%; top: 44%; } .parkplan2024 #parkplan .attraktion-28 { left: 59%; bottom: 62%; } .parkplan2024 #parkplan .attraktion-29 { left: 67%; top: 61%; } .parkplan2024 #parkplan .attraktion-30 { left: 57%; bottom: 23%; } .parkplan2024 #parkplan .attraktion-31 { left: 69%; bottom: 48%; } .parkplan2024 #parkplan .attraktion-32 { right: 16%; bottom: 46%; } .parkplan2024 #parkplan .attraktion-33 { right: 10%; bottom: 43%; } .parkplan2024 #parkplan .attraktion-34a { right: 18%; top: 50%; } .parkplan2024 #parkplan .attraktion-34b { right: 16%; top: 36%; } .parkplan2024 #parkplan .attraktion-34c { right: 22%; top: 29%; } .parkplan2024 #parkplan .attraktion-35 { right: 13%; bottom: 57%; } .parkplan2024 #parkplan .attraktion-36 { right: 24%; top: 36%; } .parkplan2024 #parkplan .attraktion-37 { right: 29%; top: 41%; } .parkplan2024 #parkplan .attraktion-38 { right: 29%; top: 32%; } .parkplan2024 #parkplan .attraktion-39 { left: 67%; top: 21%; } .parkplan2024 #parkplan .attraktion-40 { right: 31%; top: 5%; } .parkplan2024 #parkplan .attraktion-41 { left: 52%; top: 20%; } .parkplan2024 #parkplan .attraktion-42 { right: 40%; top: 0%; } .parkplan2024 #parkplan .attraktion-43 { left: 50%; top: 9%; } .parkplan2024 #parkplan .attraktion-44 { left: 33%; top: 10%; } .parkplan2024 #parkplan .attraktion-45 { left: 43%; top: 5%; } .parkplan2024 #parkplan .attraktion-45b { left: 50%; top: 2%; } .parkplan2024 #parkplan .attraktion-46 { left: 28%; top: 14%; } .parkplan2024 #parkplan .attraktion-47 { left: 36%; top: 30%; } .parkplan2024 #parkplan .attraktion-48 { left: 29%; top: 41%; } .parkplan2024 #parkplan .attraktion-49 { left: 27%; top: 32%; } .parkplan2024 #parkplan .attraktion-50 { left: 28%; top: 21%; } .parkplan2024 #parkplan .attraktion-51 { left: 20%; top: 24%; } .parkplan2024 #parkplan .attraktion-52 { left: 24%; bottom: 50%; } .parkplan2024 #parkplan .attraktion-53 { left: 12%; bottom: 52%; } .parkplan2024 #parkplan .attraktion-54 { left: 20%; top: 51%; } .parkplan2024 #parkplan .attraktion-55 { left: 15%; top: 53%; } .parkplan2024 #parkplan .attraktion-56 { left: 68%; top: 55%; } .parkplan2024 #parkplan .attraktion-57 { left: 15%; top: 79%; } .parkplan2024 #parkplan .attraktion-58 { left: 25%; top: 35%; } .parkplan2024 #parkplan .attraktion-59 { left: 21%; top: 83%; } .parkplan2024 #parkplan .attraktion-60 { left: 59%; top: 27%; } .parkplan2024 #parkplan .attraktion-61 { left: 40%; top: 39%; } /*# sourceMappingURL=../maps/default.css.map */