header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} @charset "UTF-8";/*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;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;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{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;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.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:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{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}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-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--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{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:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--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-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.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;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{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{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-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;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:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.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-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--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:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{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)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{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)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}*{box-sizing:border-box} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /** * Swiper 5.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 11, 2020 */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* rubik-regular - latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; font-display: swap; src: local('Rubik'), local('Rubik-Regular'), url('../../files/scripts/fonts/rubik-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/scripts/fonts/rubik-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* rubik-700 - latin */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 700; font-display: swap; src: local('Rubik Bold'), local('Rubik-Bold'), url('../../files/scripts/fonts/rubik-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/scripts/fonts/rubik-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* libre-baskerville-regular - latin */ @font-face { font-family: 'Libre Baskerville'; font-style: normal; font-weight: 400; font-display: swap; src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url('../../files/scripts/fonts/libre-baskerville-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/scripts/fonts/libre-baskerville-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --mm-color-background: #005D75; --mm-color-text: #FFFFFF; --mm-color-border: rgba(255, 255, 255, 0.1); --mm-color-text-dimmed: #FFFFFF; --mm-color-button: #FFFFFF; --primary-color: #005d75; --secondary-color: #91652b; --white-color: #FFFFFF; --bordermargin: 12%; --topmargin: 5%; } .mm-menu--theme-dark { --mm-color-background: #005D75 !important; --mm-color-text: #FFFFFF !important; --mm-color-border: rgba(255, 255, 255, 0.1) !important; --mm-color-text-dimmed: #FFFFFF !important; --mm-color-button: #FFFFFF !important; --mm-color-icon: #FFFFFF !important; } @media all and (max-width: 1400px) { :root { --bordermargin: 7%; } } ::-moz-selection { background: var(--secondary-color); color: white } ::selection { background: var(--secondary-color); color: white } *{ box-sizing: border-box; } body{ font-family: 'Rubik', sans-serif; color: var(--primary-color); font-size: 18px; line-height: 32px; min-height: 100vh; background: rgba(242,250,248,.6); } h1,h2,h3,h4,h5,h6,p,hr{ margin: 0 0 24px 0; } table{ margin: 0 0 36px 0; } h1,h2,h3{ margin: 0 0 18px 0; } h1,h2,h3,h4,h5,h6{ font-family: 'Libre Baskerville', serif; font-weight: normal; } h1{ font-size: 65px; line-height: 80px; } h1{ font-size: 45px; line-height: 65px; } h2, .teaserlist .teaser h2, .teaserslider .teaser h2, .event h2{ font-size: 26px; line-height: 42px; } h4, .teaserlist .teaser h3, .teaserslider .teaser h3{ font-size: 21px; line-height: 28px; } a{ text-decoration: none; outline: 0; } a:focus{ outline: none; } input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; } input[type="submit"]:focus, input[type="button"]:focus { outline: none; } strong{ font-weight: bold; } figcaption{ color: var(--white-color); margin: 10px var(--bordermargin); z-index: 2; position: relative; } .invisible{ display: none !important; } .image_container, .video_container{ line-height: 0; text-align: center } audio, canvas, video { max-width: inherit; } input::-moz-focus-inner { border: 0; } h1 span, h2 span, h3 span, h4 span{ color: var(--secondary-color); } h1 span::before, h2 span::before, h3 span::before, h4 span::before { content: ""; width: 30px; display: inline-block; border: 1px solid var(--secondary-color); height: 0; margin: 0 10px; top: -10px; position: relative; } @media all and (max-width: 1111px) { body{ font-size: 18px; line-height: 30px; } h1,h2,h3,h4,h5,h6,p,hr,table{ margin: 0 0 18px 0; } table{ margin: 0 0 24px 0; } h1{ font-size: 36px; line-height: 42px; } h2{ font-size: 24px; line-height: 36px; } h3{ font-size: 21px; line-height: 36px; } h4{ font-size: 18px; line-height: 24px; } } hr{ border: none; height: 1px; background: var(--secondary-color); width: 20%; } #wrapper { margin: 0 auto !important; overflow: hidden; } .home #wrapper { margin: 0 auto !important; } .no-top-margin{ margin-top: 20px !important; } @media all and (max-width: 1111px) { .no-top-margin{ margin-top: 0 !important; } } /* ########################### Page Transition ########################### */ /* ########################### Header ########################### */ .header{ width: 100%; margin: 0 auto; position: relative; z-index: 2; top: 0; } .header .inside{ max-width: 1400px; width: 90%; margin: 70px auto 140px; display: flex; justify-content: space-between; align-items: center; } .header .logo { position: absolute; left: 50%; } .header #logo { width: 120px; margin-left: -60px; } .header #schriftzug{ display: none; } .header svg path, .header svg polygon{ fill: var(--primary-color); } #header.white-color .header:not(.clone) svg path, #header.white-color .header:not(.clone) svg polygon{ fill: var(--white-color); } .header p{ text-transform: uppercase; letter-spacing: 1px; margin: 0; } .header ul{ text-align: right; } .header ul li{ display: inline-block; } .header ul li a, .header ul li strong{ display: block; padding-left:10px; color: var(--primary-color); } .header ul li a:hover, .header ul li a:hover span, .header ul li strong{ color: var(--secondary-color); font-weight: normal } .header ul li .booking svg, .header ul li .contact svg, .header ul li .adress svg { width: 22px; position: relative; top: 5px; margin-right: 9px; padding: 0; } .home .header ul li .booking svg path, .home .header ul li .booking svg polygon, .home .header ul li .contact svg path, .home .header ul li .contact svg polygon .home .header ul li .adress svg path, .home .header ul li .adress svg polygon{ fill: var(--white-color); } .header.clone ul li .booking svg path, .header.clone ul li .booking svg polygon, .header.clone ul li .contact svg path, .header.clone ul li .contact svg polygon .header.clone ul li .adress svg path, .header.clone ul li .adress svg polygon{ fill: var(--secondary-color); } .header ul li .booking, .header ul li .contact, .header ul li .adress { margin-right: 20px; } .header *{ color: var(--primary-color); } #header.white-color .header:not(.clone) *{ color: var(--white-color); } .menu{ display: none; } #header .header *{ transition: all .1s cubic-bezier(.59,.08,.385,1); } @media all and (max-width: 1350px) { .header ul li .booking, .header ul li .contact, .header ul li .adress { margin-right: 0; top: 12px; position: relative; padding: 0 10px; } .header ul li .booking svg, .header ul li .contact svg, .header ul li .adress svg { position: absolute; top: -22px; left: 50%; padding: 0; margin:0 0 0 -11px; } } @media all and (max-width: 1150px) { #header ul li .booking, #header ul li .contact, #header ul li .adress { margin-right: 10px; top: 0; position: relative; padding: 0 10px; font-size: 0; margin-right: 0; padding: 0; } #header ul li .booking svg, #header ul li .contact svg, #header ul li .adress svg { position: relative; top: 7px; left: 0; padding: 0; margin:0 10px 0 0; } #header #logo { width: 80px; margin-left: -40px; } .header .inside{ margin: 35px auto; } #header .mod_navigation li:not(.start){ display: none; } .menu{ display: block; margin: 0; padding: 0; } #header.white-color .header:not(.clone) svg path, #header.white-color .header:not(.clone) svg polygon { fill: var(--primary-color); } #header.white-color .header:not(.clone) * { color: var(--primary-color); } } /* ########################### Header CLONE ########################### */ .header.clone { position: fixed; top: 0; left: 0; width: 100%; background: var(--white-color); margin: 0; padding: 15px 30px; z-index: 10; transform: translateY(-150px); transition: transform .6s cubic-bezier(.59,.08,.385,1); } .header.clone .inside{ margin: 0; width: 100%; max-width: inherit; } .down .header.clone{ transform: translateY(0); opacity: 1 !important; } .header.clone #logo { display: none; } .header.clone #schriftzug{ display: block; width: 140px; margin-left: -70px; } .header.clone *{ color: inherit; } .header.clone ul li .booking svg path, .header.clone ul li .booking svg polygon, .header.clone ul li .contact svg path, .header.clone ul li .contact svg polygon, .header.clone ul li .adress svg path, .header.clone ul li .adress svg polygon{ fill: var(--primary-color); } .header.clone svg path, .header.clone svg polygon{ fill: var(--primary-color); } .header.clone a { color: var(--primary-color); } .header.clone .hamburger .line { stroke:var(--primary-color); } @media all and (max-width: 1111px) { .header.clone { padding: 10px 5% 20px; bottom: 0; top: unset; transform: translateY(150px); box-shadow: 0px 0px 20px rgba(0,0,0,.2); } .header.clone #schriftzug { width: 130px; margin: 0 !important; } .header.clone .logo { position: relative; left: inherit; order: 3; } .header.clone .menu{ order: 1; } .header.clone ul{ order: 2; } } .menu { position: relative; width: 60px; } .hamburger { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: -48px; right: 0; } .hamburger .line { fill:none !important; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: var(--white-color); stroke-width:3; } .hamburger.active .top { transform: rotate(90deg); } .hamburger.active .bottom { transform: rotate(-90deg); } /* ########################### Teaser ########################### */ .teaser{ display: flex; justify-content: space-between; align-items: center; max-width: 1800px; margin: 0 auto; } .teaser .text, .teaser .media{ width: 50%; margin: 10% var(--bordermargin); } .teaser .media { margin-left: 0; position: relative; } .teaser .media video{ width: 100%; height: auto; } .teaser .media figcaption{ display: none; } .teaser.big-picture-teaser { flex-wrap: wrap; overflow: hidden; margin-top: 10%; max-width: inherit; background: white; } .teaser.big-picture-teaser.color-white{ background: var(--primary-color); } .teaser.big-picture-teaser .text, .teaser.big-picture-teaser .media { width: 100%; margin: 0; } .teaser.big-picture-teaser .text { position: absolute; z-index: 2; margin: 0 0 0 var(--bordermargin);; width: 40%; } .teaser.big-picture-teaser.color-white .text *{ color: var(--white-color); } .teaser .text a{ color: var(--secondary-color); text-decoration: underline; } @media all and (max-width: 1111px) { .teaser .media{ margin-right: 0; } .teaser.big-picture-teaser .text { position: relative; width: 100%; margin: 10%; } } /* ########################### Downloads ########################### */ .ce_download, .ce_downloads{ display: flex; justify-content: space-between; align-items: center; max-width: 1800px; margin: 0 auto; } .ce_download p, .ce_downloads ul{ width: 100%; margin: 32px var(--bordermargin); } .ce_downloads ul li{ margin-bottom: 24px; } .ce_download a, .ce_downloads a{ display: block; font-size: 24px; color: var(--secondary-color); background-image: url(../../files/scripts/download.svg); background-repeat: no-repeat; background-position: left top; padding-left: 56px; font-weight: bold; } .ce_download a[type="application/pdf"], .ce_downloads a[type="application/pdf"] { background-image: url(../../files/scripts/download.svg); } .ce_download a .size, .ce_downloads a .size{ display: block; font-size: 16px; color: var(--primary-color); font-weight: normal; } @media all and (max-width: 1111px) { .ce_download a, .ce_downloads a{ word-break: break-all; } } /* ########################### Events ########################### */ .mod_eventlist{ margin: 10% var(--bordermargin); text-align: center; } .mod_eventlist .header, .mod_eventlist .more{ display: none; } .mod_eventlist .event{ margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px solid var(--secondary-color); } .mod_eventlist .event.first{ margin-top: 5%; } .mod_eventlist .event h2, .mod_eventlist .event p{ margin: 0 } .mod_eventlist a{ color: var(--secondary-color); } @media all and (max-width: 1111px) { .mod_eventlist .event{ margin-bottom: 10%; padding-bottom: 10%; } .mod_eventlist .event.first{ margin-top: 10%; } } /* ########################### Texture ########################### */ .texture-tile{ position: relative; } .texture-tile .texture{ width: 150px; height: 150px; display: block; position: absolute; right: -75px; bottom: -75px; z-index: 3; } .texture-tile .texture img{ width: 100%; height: auto; } .texture-tile.texture-above .texture{ right: 10%; bottom: initial; top: -75px; } .texture-tile.texture-left .texture { left: -75px; right: auto; bottom: 0; top: auto; } .texture-tile.texture-centered-above .texture{ left: 50%; bottom: initial; top: 0; margin-left: -40px; width: 80px; height: 80px; } .fullwidth-picture.texture-tile .texture{ right: 75px; bottom: 0px; } .fullwidth-picture.texture-tile.texture-above .texture{ top: 0; } @media all and (max-width: 1111px) { .teaser .texture-tile .texture { right: 10%; bottom: -15px; } .texture-tile .texture{ width: 70px; height: 70px; right: -35px; } .texture-tile.texture-left .texture{ left: -35px; } .fullwidth-picture.texture-tile .texture{ right: 35px; } .texture-tile.texture-above .texture{ top: -35px; } } /*LOADING Animation*/ .loading-animation .image_container{ overflow: hidden; position: relative; background: var(--primary-color); } .loading-animation .image_container.png{ background: none; } .loading-animation.no-background .image_container { background: none; } .loading-animation img{ width: 100%; height: auto; animation: loadimage 4s cubic-bezier(.18,.89,.32,1); transform-origin: center center; } .loading-animation .texture img{ animation: none; } @keyframes loadimage { from{ opacity: 0; transform: scale(1.4); } 30%{ opacity: 0; transform: scale(1.4); } to{ transform: scale(1); opacity: 1; } } .loading-animation .overlay{ background: var(--secondary-color); width: 100%; height: 100%; display: block; position: absolute; opacity: 0; z-index: 1; animation: loadimageoverlay 2s cubic-bezier(.18,.89,.32,1); transform-origin: left center; } @keyframes loadimageoverlay { from{ transform: scaleX(0); transform-origin: left center; opacity: 1; } 50%{ transform: scaleX(1); transform-origin: left center; } 51%{ transform-origin: right center; } to{ transform: scaleX(0); transform-origin: right center; opacity: 1; } } @media all and (max-width: 1111px) { .teaser{ flex-wrap: wrap; overflow: hidden; } .teaser .text, .teaser .media{ width: 100%; } .teaser .text{ order: 2; margin-top: 0; } .teaser .media{ order: 1; } .texture-tile::before { width: 90px; height: 90px; right: -45px; bottom: -45px; } } .dark-gradient .overlay { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 100%); width: 100%; height: 100%; position: absolute; border-bottom: 20px solid var(--secondary-color); opacity: 1; } @media all and (max-width: 1111px) { .dark-gradient .overlay { background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 100%); } } /* ########################### Teaserlist ########################### */ .teaserlist{ margin: 0 var(--bordermargin); margin: var(--topmargin) 10% 0; } .teaserlist .teaser-wrapper{ display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; } .teaserlist .teaser{ width: 40%; flex-wrap: wrap; margin-bottom: 10%; } .teaserlist .teaser.with-texture{ margin-top: 5%; } .teaserlist .teaser .text, .teaserlist .teaser .media{ margin: 0; } .teaserlist .teaser .text{ order: 2; margin-top: 10%; width: 100%; } .teaserlist .teaser .media{ order: 1; width: 100%; } .teaserlist .headline{ margin: 10% 5% 5% 5%; } .teaserlist.pushed .teaser:nth-child(2n){ margin-top: 10%; } .teaserlist.threecolumn .teaser{ width: 32%; } @media all and (max-width: 1400px) { .teaserlist{ margin: var(--topmargin) auto 0; } } @media all and (max-width: 1111px) { .teaserlist{ margin:0; } .teaserlist .teaser, .teaserlist.threecolumn .teaser{ width: 100%; } .teaserlist .teaser .text, .teaserlist .headline{ margin: 10%; } .teaserlist.threecolumn .teaser, .teaserlist .teaser, .teaserlist.pushed .teaser, .teaserlist.pushed .teaser:nth-child(2n){ margin-top: 10%; margin-bottom: 0; } } /* ########################### Formulare ########################### */ .formbody { padding: 24px 90px 60px 90px; max-width: 800px; margin: 0 auto; } .mod_login h2, .mod_lostPassword h2{ padding: 60px 90px 0; max-width: 800px; margin: 0 auto; } .formbody .widget { margin-top: 24px; } .formbody .widget label { position: absolute; padding: 20px 0 0 20px; } .formbody .widget.widget-upload label{ position: relative; padding: 0 0 20px 0; display: block; } .formbody .widget.widget-select label, .formbody .widget.widget-fineuploader label { position: relative; display: block; padding: 0 0 10px 0; } .formbody .widget .text, .formbody .widget .textarea { border: 2px solid #cacaca; width: 100%; padding: 50px 20px 20px; border-radius: 6px; font-size: 20px; transition: all .2s ease-in-out; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .formbody .widget select{ border: 2px solid #cacaca; width: 100%; padding: 20px; border-radius: 6px; font-size: 20px; transition: all .2s ease-in-out; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .formbody .widget.widget-submit { width: 100%; } .mobile .formbody{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin-bottom: 24px; } .mobile .formbody .widget.widget-submit { width: 30%; } .mobile .formbody .widget.widget-select { width: 65%; } .formbody .widget.widget-checkbox .checkbox { display: inline; margin: 0; } .formbody .widget.widget-checkbox label { display: inline; padding: 0 0 0 10px; } .formbody .widget-text .text:focus, .formbody .widget-text .text:active { box-shadow: 0 3px 4px rgba(0,0,0,.15); border: 2px solid #00933D; } .formbody .qq-upload-button, .upload { background: transparent; border: 2px dashed #cacaca; width: 100%; padding: 0 20px; line-height: 60px; color: black; } .formbody .submit{ width: 100%; } @media only screen and (max-width: 800px ) { .formbody{ padding: 24px; } .mod_login h2, .mod_lostPassword h2{ padding: 24px 24px 0; } } /* ########################### Teaserslider ########################### */ .teaserslider .teaser-wrapper{ transition-timing-function: cubic-bezier(.59,.08,.385,1); } .teaserslider .headline{ text-align: center; margin-top: 10% } .teaserslider .teaser{ display: flex; justify-content: center; align-items: center; margin: var(--topmargin) 0; } .teaserslider .teaser{ flex-wrap: wrap; transition: all .6s cubic-bezier(.59,.08,.385,1); } .teaserslider .teaser.swiper-slide-active{ transform: translateY(-3%); } .teaserslider .teaser .media .image_container, .teaserslider .teaser .media video{ transition: all .9s cubic-bezier(.59,.08,.385,1); } .teaserslider .teaser.swiper-slide-active .media .image_container, .teaserslider .teaser.swiper-slide-active .media video{ transform: scale(1.1); } .teaserslider .teaser .text, .teaserslider .teaser .media{ margin: 5% 0; } .teaserslider .teaser .text { order: 2; width: 100%; transform: translateY(20px); opacity: 0; transition: all .3s cubic-bezier(.59,.08,.385,1); } .teaserslider .teaser.swiper-slide-active .text { transform: translateY(0); opacity: 1; } .teaserslider .teaser .media{ order: 1; width: 100%; } .teaserslider .teaser-wrapper{ height: auto; } .teaserslider a{ width: 49%; } .swiper-button-prev, .swiper-button-next{ width: 85px; height: 85px; left: auto; right: 5%; background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 85.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2391652b;%7D.cls-2%7Bfill:none;stroke:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cg id='Gruppe_5464' data-name='Gruppe 5464'%3E%3Crect id='Rechteck_38' data-name='Rechteck 38' class='cls-1' x='12.52' y='12.52' width='60' height='60' transform='translate(-17.61 42.52) rotate(-45)'/%3E%3Cg id='Gruppe_5451' data-name='Gruppe 5451'%3E%3Cpath id='Pfad_26' data-name='Pfad 26' class='cls-2' d='M54.59,37.09l4.5,4.5-4.5,4.5'/%3E%3Cline id='Linie_20' data-name='Linie 20' class='cls-2' x1='59.09' y1='41.6' x2='26.09' y2='41.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .swiper-button-prev{ left: 5%; right: auto; background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 85.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2391652b;%7D.cls-2%7Bfill:none;stroke:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-left%3C/title%3E%3Cg id='Gruppe_5464' data-name='Gruppe 5464'%3E%3Crect id='Rechteck_38' data-name='Rechteck 38' class='cls-1' x='12.52' y='12.52' width='60' height='60' transform='translate(-17.61 42.52) rotate(-45)'/%3E%3Cg id='Gruppe_5451' data-name='Gruppe 5451'%3E%3Cpath id='Pfad_26' data-name='Pfad 26' class='cls-2' d='M30.45,46.09,26,41.59l4.5-4.5'/%3E%3Cline id='Linie_20' data-name='Linie 20' class='cls-2' x1='58.95' y1='41.6' x2='25.95' y2='41.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media all and (max-width: 1111px) { .teaserslider .teaser { padding: 10% 0; } .teaserslider .teaser .text { margin: 0 10%; } .swiper-button-prev, .swiper-button-next{ width: 40px; height: 40px; top: 40%; } } @media all and (max-width: 501px) { .swiper-button-prev, .swiper-button-next{ top: 240px; } } /* ########################### Picture ########################### */ .media-only{ margin: var(--topmargin) 0 0 0; } .media-only figcaption{ display: none; } .media-only figure{ line-height: 0 } .media-only .media video{ width: 100%; height: auto; } .media-only.with-figcaption figcaption{ display: block; } .fullwidth-picture{ overflow:hidden; } .threecolum-picture .image_container{ background: none !important; } .threecolum-picture .media{ margin-left: calc(30% + 8px); } .gallery{ display: flex; justify-content: center; position: relative; } .gallery .media{ width: 30%; margin: 0 1% 0 0; overflow: hidden; } .gallery-left { justify-content: flex-start; } .gallery-right { justify-content: flex-end; } .gallery.gallery-right .media{ margin: 0 0 0 1%; } .gallery .media.gallery-texture{ width: 38%; margin: 0; } .gallery .media.gallery-texture .image_container{ height: 100%; } .gallery .media.gallery-texture .image_container img { height: 100%; } @media all and (max-width: 1111px) { .gallery { flex-wrap: wrap; } .gallery .media { width: 100%; margin: 0; } .gallery .media.gallery-texture { width: 100%; } } /* ########################### Announcement Bar ########################### */ .announcement-bar{ position: relative; width: 100%; padding: 10px var(--bordermargin); text-align: center; background: #fbe1e1; z-index: 2; } .announcement-bar *{ padding: 0; margin: 0; } /* ########################### Stage ########################### */ .stage{ position: relative; margin-top: -250px; } .stage .big-picture{ max-height: 90vh; overflow: hidden; } .stage .big-picture img, .stage .big-picture video{ width: 120%; max-width: 200%; height: auto; position: relative; z-index: -1; } .stage .frame{ display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -40px; width: 100%; } .stage .frame .small-picture{ margin: 0 5% 0 10%; width: 35%; } .stage .frame .text{ margin: 0 10% 0 0; width: 65%; } .stage .frame .small-picture img{ width: 100%; height: auto; } .stage .frame .text *{ color: white; } @media all and (max-width: 1111px) { .stage{ overflow: hidden; margin-top: 0; } .dark-gradient .overlay { background: none; } .stage video { width: 200%; max-width: 200%; } .stage .big-picture { max-height: 60vh; min-height: auto; } .stage .big-picture img { width: auto; height: 400px; } .stage .frame { position: relative; bottom: 0; flex-wrap: wrap; padding: 0 10% 0 10%; background: var(--primary-color); width: auto; } .stage .frame .text { margin: 0; width: 100%; padding: 20px 0; } .stage .frame .small-picture { margin: 0; width: 100%; display: none; } } @media all and (min-width: 1600px) { .stage .frame { max-width: 1600px; margin-left: 50%; left: -800px; } } @media all and (max-width: 600px) { .stage .big-picture img { left:-50%; } } /* ########################### Akkordeon ########################### */ .accordion { padding: 0 10%; margin: var(--topmargin) 10% 0 10%; position: relative; } .accordion li.closeopenarea { border-bottom: 2px solid #D0D6CA; margin: 0; padding: 0; } .accordion li.closeopenarea:hover { border-bottom: 2px solid #171717; } .accordion .inner { display: none; padding: 0 0 20px; } .accordion .toggle { width: 100%; display: block; padding-right: 40px; text-transform: none; color: #171717; font-weight: normal; font-size: 22px; position: relative; padding: 20px 30px 20px 0; } .accordion .toggle h3{ margin: 0; } .accordion .toggle::before { content: ""; position: absolute; width: 20px; height: 20px; background: url("../../files/scripts/arrow-down.svg") center center no-repeat transparent; background-size: 18px; transform: rotate(0deg); right: 0; top: 25px; transition: .2s all ease-in-out; } .accordion li.closeopenarea:hover .toggle::before, .accordion .toggle.active-toggle::before { transform: rotate(180deg); transform-origin: center center; } @media (max-width: 1111px) { .accordion { margin: 5% 0; } } /* ########################### Textmodul ########################### */ .pure-text{ padding: 0 10%; margin: var(--topmargin) 10% 0 10%; position: relative; } .pure-text.spaced .inline-text{ padding-left: 31.5%; } .pure-text.spaced .btn{ margin-left: 31.5%; } .pure-text.centered-text{ padding: 120px 0 5%; text-align: center; } .pure-text table{ width: 100%; } .pure-text table td{ border-bottom: 1px solid #DAE3E5; padding: 10px 0; margin: 10px 0; } .pure-text table tr:hover{ background: var(--white-color); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); } .pure-text.spaced table{ margin-left: 0; width: 100% !important; } .pure-text ul, .teaser ul, .accordion .inner ul{ margin: 20px; list-style: disc; } .pure-text ol, .teaser ol{ display: flex; flex-wrap: wrap; justify-content: space-between; } .pure-text ol li{ width: 23%; } .pure-text ol li::before{ content: ""; width: 30px; display: block; border: 1px solid var(--secondary-color); height: 0; margin: 10px 0; top: 0; position: relative; } .pure-text a{ color: var(--secondary-color); text-decoration: underline; } @media all and (max-width: 1111px) { .pure-text { padding: 0; } .pure-text.spaced .inline-text { padding-left: 0; } .pure-text.spaced .btn{ margin-left: 0; } .pure-text.spaced table{ margin-left: 0; width: 100% !important; } .pure-text ol li { width: 47%; } } /* ########################### Resavio Formular ########################### */ .booker{ padding: 30px 10%; margin: 0; position: relative; z-index: 4; } .booker.white{ background: var(--white-color); margin: var(--topmargin) 0; padding: 10%; } .booker h2, .booker h3{ text-align: center; } .resavio-form{ margin-top: 5%; } .resavio-button{ font-weight: normal !important; } .resavio-button--small, .text-input--small{ height: 60px; } .wbe-quickstarter-container, .wbe-room { float: none !important; } /* ########################### Buttons ########################### */ .btn, .formbody .submit { text-decoration: none; font-size: 14px; font-weight: 500; display: inline-block; border: 1px solid var(--secondary-color); color: var(--secondary-color); padding: 16px 40px; text-transform: uppercase; position: relative; letter-spacing: 2px; text-align: center; transition: all .3s cubic-bezier(.59,.08,.385,1); background: none; text-decoration: none !important; } .btn::before, .btn::after, .formbody .submit::before, .formbody .submit::after{ border: 1px solid var(--secondary-color); content: ""; display: block; left: 0; position: absolute; top: 0; transform-origin: center center; width: 100%; z-index: -1; height: 100%; opacity: 0; transition: all .3s cubic-bezier(.59,.08,.385,1); } .btn:hover::after, .formbody .submit:hover::after{ top: 6px; left: 6px; opacity: 1; } .btn:hover::before, .formbody .submit:hover::before{ top: -10px; left: -10px; opacity: 1; } .btn.btn-primary{ background: var(--secondary-color); color: var(--white-color) !important; } @media all and (max-width: 1111px) { .btn { width: 100% !important; text-align: center; } .btn-primary{ margin-bottom: 10px; width: 100% !important; } } /* ########################### Footer ########################### */ .footer{ margin-top: 100px; } .footer *{ font-size: 15px; } .footer a{ color: var(--primary-color); } .footer .upper-part{ background: var(--white-color); } .footer .upper-part #schriftzug{ width: 120px; } .footer .upper-part #schriftzug, .footer .cls-1, .footer .cls-2, .footer .cls-3, .footer .cls-4, .footer .cls-5{ fill: var(--primary-color); } .footer .upper-part, .footer .lower-part{ padding: 40px var(--bordermargin); display: flex; justify-content: space-between; } .footer ul{ display: flex; justify-content: space-between; } .footer ul li a, .footer ul li strong{ padding: 0 0 0 10px; } .footer ul li a:hover, .footer ul li strong{ font-weight: normal; color: var(--secondary-color); } .footer .mod_changelanguage li a{ padding: 0 10px 0 0; } @media all and (max-width: 1111px) { .footer .upper-part, .footer .lower-part, .footer ul{ display: block; text-align: center; } .footer .lower-part{ margin-bottom: 75px; } .footer ul{ width: 100%; } .footer ul li a, .footer ul li strong{ padding: 10px 10px 10px 0; } } :root { --mm-color-background: #FFFFFF; --mm-color-text: #0D0D0D; --mm-color-border: rgba(0, 0, 0, 0.1); --mm-color-text-dimmed: #0D0D0D; --mm-color-button: #0D0D0D; --primary-color: #0D0D0D; --secondary-color: #007032; --red-color: #bf001d; --white-color: #FFFFFF; --secondary-dark-color: #004820; --bordermargin: 9%; } .mm-menu--theme-dark { --mm-color-background: #FFFFFF !important; --mm-color-text: #0D0D0D !important; --mm-color-border: rgba(0, 0, 0, 0.1) !important; --mm-color-text-dimmed: #0D0D0D !important; --mm-color-button: #0D0D0D !important; --mm-color-icon: #0D0D0D !important; } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: local(''), url('../../files/scripts/fonts/rubik-v11-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/scripts/fonts/rubik-v11-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 600; src: local(''), url('../../files/scripts/fonts/roboto-slab-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/scripts/fonts/roboto-slab-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } body{ background: #FFFFFF; } #wrapper, #header.clone{ max-width: 1600px; margin: 0 auto; } h1,h2,h3,h4,h5,h6 { color: var(--red-color); } h1, .pure-text h2 { font-family: 'Roboto Slab', sans-serif; font-weight: 600; text-transform: uppercase; } /* .pure-text h3 { color: var(--secondary-color); font-weight: normal; } */ h2,h3,h4,h5,h6 { font-family: 'Rubik', sans-serif; font-weight: 500; } h1 span::before, h2 span::before, h3 span::before, h4 span::before { border: 3px solid var(--secondary-color); width: 13px; margin: 0 15px 0 8px; } h2 span::before, h3 span::before, h4 span::before { border: 2px solid var(--secondary-color); top: -14px; } .teaser h2 span::before{ top: -7px } .btn, .formbody .submit { color: var(--white-color); background: var(--secondary-color); text-transform: inherit; letter-spacing: inherit; font-size: 18px; padding: 8px 40px; border-radius: 8px; transition: all .3s cubic-bezier(.59,.08,.385,1); min-width: 49%; } .teaser .text a.btn{ color: var(--white-color); } .btn:hover, .formbody .submit:hover{ background: var(--secondary-dark-color); border-color: var(--secondary-dark-color); transform: scale3d(1.05,1.05,1.05); box-shadow: 0 20px 40px -20px rgba(0,0,0,.5); z-index: 10; } .btn:active, .formbody .submit:active{ background: var(--red-color); border-color: var(--red-color); transform: scale3d(0.95,0.95,0.95); box-shadow: 0 20px 40px -20px rgba(0,0,0,0); z-index: 0; } .btn::before, .btn::after, .formbody .submit::before, .formbody .submit::after{ display: none; } .announcement-bar{ background: #e9e9e9; } .teaser.big-picture-teaser.color-white .text h2 span::before{ border-color: var(--white-color); } #header .inside { z-index: 11; position: relative; background: var(--white-color); } #header::after { content: ""; display: block; width: 150%; height: 112px; background: var(--white-color); transform: rotate(-3deg); position: absolute; top: 40px; z-index: 10; left: -25%; display: none; } .fullwidth-picture { overflow: visible; } .fullwidth-picture.texture-tile.texture-above .texture { top: -75px; } .fullwidth-picture.texture-tile .texture { bottom: -75px; right: inherit; left: 75px; } .texture-tile.texture-centered-above .texture { top: -40px; } @media all and (max-width: 1150px) { h1 span::before, h2 span::before, h3 span::before, h4 span::before { border-width: 1px; top: -7px; } .fullwidth-picture.texture-tile.texture-above .texture { top: -25px; } .fullwidth-picture.texture-tile .texture { bottom: -25px; right: 25px; left: inherit; } } /***************** NAVIGATION Desktop *****************/ #header .level_1{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 5%; } #header .submenus{ width: 80%; display: flex; } #header li.start, #header li.sibling.last{ width: 10%; min-width: inherit; } #header .level_2 li.sibling.last{ width: 100%; } #header strong.start, #header a.start, #header a.start.sibling{ padding: 40px 20px; font-size: 0; width: 100%; display: block; background: url("../../files/scripts/ITB-Dresden-Logo.svg"); background-position: left center; background-repeat: no-repeat; background-size: 90px; position: relative; } #header strong.start::after, #header a.start::after, #header a.start.sibling::after{ content: ""; display: block; background: white; box-shadow: 0 3px 6px rgba(0,0,0,.2); position: absolute; top: -20px; left: -20px; width: 130px; height: 170px; z-index: -1; transform: skewY(-7deg); } #header:hover strong.start::after, #header:hover a.start::after, #header:hover a.start.sibling::after { box-shadow: none; } #header strong.sibling, #header a.sibling{ padding: 8px; min-width: 100%; } #header strong.submenu, #header a.submenu{ padding: 40px 20px; color: var(--primary-color); font-size: 21px; } #header li:hover a{ color: var(--secondary-color); } #header li:hover a.btn{ color: white; } #header li:hover .level_2 a:hover{ color: var(--primary-color); } #header .level_2, #header .submenuarea{ display: none; } #header .submenuarea{ position: absolute; width: 100%; z-index: 4; background: var(--white-color); left: 0; top: 110px; padding: 24px 5%; border-bottom: 6px solid var(--secondary-color); justify-content: space-between; } #header li.submenu:hover .submenuarea{ display: flex; } #header .submenuarea .submenutext, #header .submenuarea .level_2, #header .submenuarea .submenuimage{ width: 30%; } #header .submenuarea .submenuimage .teaser, #header .submenuarea .submenuimage .teaser .media, #header .submenuarea .submenuimage .teaser .text, #header .submenuarea .submenuimage .gallery .media{ width: 100%; display: block; margin: 0; } #header li.submenu:hover .level_2{ display: block; } #header .level_2 a{ font-weight: bold; font-size: 18px; padding: 6px 0; display: block; color: var(--primary-color); } #header .level_2 a:hover{ color: var(--secondary-color); } #header .erreichbarkeit{ position: absolute; top: 20px; right: 20%; z-index: 1; } #header .erreichbarkeit a{ color: var(--primary-color); font-size: 32px; font-weight: bold; } .openhours span.green { background: #00933d; } .openhours span { width: 13px; height: 13px; border-radius: 13px; display: inline-block; padding: 0; background: var(--secondary-color); position: absolute; top: 0; left: -18px; } #header .menu{ display: none; } @media all and (max-width: 1300px) { #header .erreichbarkeit { top: 26px; } #header .erreichbarkeit a { font-size: 24px; } #header .erreichbarkeit p { font-size: 14px; line-height: 14px; margin: 0; } } @media all and (max-width: 1090px) { #header, #header strong.start, #header a.start, #header a.start.sibling{ min-height: 70px; } #header .menu{ display: block; position: absolute; z-index: 4; right: 5%; top: 20px; text-align: right; color: var(--secondary-color); font-weight: bold; } #header li.telefonnummer { width: 40%; position: absolute; left: 5%; top: 0; } #header .mod_navigation .submenus, #header .mod_navigation li.sibling.last, #header .mod_navigation li.last{ display: none; } #header li.start, #header li.sibling.last { min-width: inherit; position: absolute; left: inherit; right: 20%; width: 100px; margin-left: -20%; top: 0; } #header strong.start, #header a.start, #header a.start.sibling{ background-position: center center; background-size: 50px; padding:0; } #header .level_1 { justify-content: flex-end; } #header strong.sibling, #header a.sibling { padding: 20px 0; display: block; } #header .erreichbarkeit { top: 20px; right: inherit; left: 5%; width: 53%; } #header .erreichbarkeit a { font-size: 20px; } #header .erreichbarkeit p { font-size: 12px; line-height: 12px; } .mm-panels{ box-shadow: 0 0 40px rgba(0,0,0,.4); } .mm-panels .telefonnummer{ display: none; } .mm-panels a.btn{ margin: 20px; color: var(--white-color); } #header strong.start::after, #header a.start::after, #header a.start.sibling::after { top: -80px; left: 10px; width: 80px; height: 160px; } #header.clone strong.start, #header.clone a.start, #header.clone a.start.sibling{ display: none; } #header.clone { padding: 0 5% 20px !important; } } @media all and (max-width: 600px) { #header .erreichbarkeit { width: auto; } } @media all and (max-width: 331px) { #header .erreichbarkeit p{ display: none; } #header strong.start, #header a.start, #header a.start.sibling { background-size: 40px; } #header strong.start::after, #header a.start::after, #header a.start.sibling::after { left: 20px; width: 60px; } } /* ########################### Header CLONE ########################### */ #header.clone { position: fixed; top: 0; width: 100%; background: var(--white-color); margin: 0; padding: 0 30px; z-index: 10; transform: translateY(-150px); transition: transform .6s cubic-bezier(.59,.08,.385,1); } #header.clone .erreichbarkeit .openhours{ display: none; } #header.clone .erreichbarkeit a { font-size: 22px; } #header.clone .submenuarea { top: 70px; } #header.clone strong.start, #header.clone a.start, #header.clone a.start.sibling { padding: 25px; background-size: 50px; } #header.clone strong.start::after, #header.clone a.start::after, #header.clone a.start.sibling::after { width: 90px; height: 120px; } #header.clone::after { display: none; } #header.clone .inside{ margin: 0; width: 100%; max-width: inherit; } .down #header.clone{ transform: translateY(0); opacity: 1 !important; } @media all and (max-width: 1111px) { #header.clone { padding: 10px 5% 20px; bottom: 0; top: unset; transform: translateY(150px); box-shadow: 0px 0px 20px rgba(0,0,0,.2); } } .swiper-button-next{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 85 85' style='enable-background:new 0 0 85 85;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23007032;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:3;%7D%0A%3C/style%3E%3Cg id='Gruppe_5464'%3E%3Crect id='Rechteck_38' x='12.5' y='12.5' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -17.6117 42.5217)' class='st0' width='60' height='60'/%3E%3Cg id='Gruppe_5451'%3E%3Cpath id='Pfad_26' class='st1' d='M42.7,33l8.6,8.6l-8.6,8.6'/%3E%3Cline id='Linie_20' class='st1' x1='49.3' y1='41.6' x2='33.7' y2='41.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .swiper-button-prev{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 85 85' style='enable-background:new 0 0 85 85;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23007032;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:3;%7D%0A%3C/style%3E%3Cg id='Gruppe_5464'%3E%3Crect id='Rechteck_38' x='12.5' y='12.5' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -17.6117 42.5217)' class='st0' width='60' height='60'/%3E%3Cg id='Gruppe_5451'%3E%3Cpath id='Pfad_26' class='st1' d='M42.3,52l-8.6-8.6l8.6-8.6'/%3E%3Cline id='Linie_20' class='st1' x1='35.8' y1='43.4' x2='51.3' y2='43.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } /***************** Footer *****************/ #footer{ background: url("../../files/scripts/lowpoly.svg"); background-repeat: no-repeat; background-position: left bottom; background-size: 60%; padding: 0 var(--bordermargin) 300px; } .footeritb{ display: flex; justify-content: space-between; padding-top: 80px; } .footeritb .left-part{ width: 33%; } .footeritb .right-part{ width: 60%; } #footer li.start, #footer li.telefonnummer, #footer li.btn, #footer li.jobs{ display: none; } #footer .mod_navigation .level_1{ display: flex; } #footer .level_1 li{ width: 50%; } #footer .level_2{ display: block; } #footer .level_2 li{ display: block; } .footeritb ul li a, .footeritb ul li strong{ padding: 0; } #footer a, #footer strong { color: var(--primary-color); display: block; line-height: 24px; padding-bottom: 12px; } #footer a.login, #footer strong.login{ color: var(--red-color); background: url("../../files/scripts/login.svg"); background-position: left 4px; background-repeat: no-repeat; background-size: 16px; padding-left: 24px; } #footer a:hover{ color: var(--secondary-color); } #footer a.submenu, #footer strong.submenu{ font-size: 21px; font-weight: bold; padding-bottom: 32px; } #footer .mod_customnav{ margin: 32px 0; } #footer address *{ font-weight: bold; } @media all and (max-width: 1150px) { .footeritb{ flex-wrap: wrap; } .footeritb .left-part, .footeritb .right-part{ width: 100%; } .footeritb .left-part{ order: 2; } .footeritb .right-part{ order: 1; margin-bottom: 48px; } } @media all and (max-width: 600px) { #footer { background-size: 200%; } #footer .mod_navigation .level_1{ flex-wrap: wrap; } #footer .level_1 li{ width: 100%; } #footer .level_1 li.submenu { margin-bottom: 48px; } } .stage{ margin-top: 0; } @media all and (min-width: 1600px) { .stage .frame { margin-left: 0; left: 0; } } @media all and (max-width: 1110px) { .stage .frame{ background-color: var(--secondary-color); } }