body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} @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} @charset "UTF-8"; /** * Contao Open Source CMS * * Copyright (c) 2005-2013 Leo Feyer * * @package Core * @link https://contao.org * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL */ /** * Reset the margin and padding of the block elements */ 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; } /** * Basic element formatting */ table { border-spacing: 0; border-collapse: collapse; } caption, th, td { text-align: left; text-align: start; /* see #4596 */ vertical-align: top; } abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; } blockquote, q { quotes: none; } fieldset, img { border: 0; } ul { list-style-type: none; } sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; } sup { /* Move the superscripted text up */ top: -0.5em; } sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; } del { text-decoration: line-through; } ins { text-decoration: none; } /** * Default font settings */ input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; } pre, code { font-family: Monaco, monospace; } table { font-size: inherit; } caption, th { font-weight: bold; } body, form { margin: 0; padding: 0; } img { border: 0; margin: 0; padding: 0; } header, footer, nav, section, aside, article, figure, figcaption { display: block; } #main { width: 100%; } #main .inside { min-height: 1px; /* see #4893 */ } /** * Flexible images (videos see #4896) * * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries */ img { border: 0; padding: 0; margin: 0; } .ie7 img { -ms-interpolation-mode: bicubic; } .ie8 img { width: auto; /* see #5789 */ } /** * Format the Contao image galleries (now rendered as unordered lists) */ .ce_gallery ul { margin: 0; padding: 0; overflow: hidden; list-style: none; } .ce_gallery li { float: left; } .ce_gallery li.col_first { clear: left; } /** * Clear floats */ .block { overflow: hidden; } .clear, #clear { height: 1px; clear: both; margin-top: -1px; } /** * Hide invisible elements */ .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } /** * Custom layout sections */ .custom { display: block; } #container:after, .custom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*@font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 300; src: url("../../files/daten/fonts/hind-vadodara-v5-latin-300.eot"); src: local("Hind Vadodara Light"), local("HindVadodara-Light"), url("../../files/daten/fonts/hind-vadodara-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-300.woff2") format("woff2"), url("../../files/daten/fonts/hind-vadodara-v5-latin-300.woff") format("woff"), url("../../files/daten/fonts/hind-vadodara-v5-latin-300.ttf") format("truetype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-300.svg#HindVadodara") format("svg"); } @font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 400; src: url("../../files/daten/fonts/hind-vadodara-v5-latin-regular.eot"); src: local("Hind Vadodara Regular"), local("HindVadodara-Regular"), url("../../files/daten/fonts/hind-vadodara-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-regular.woff2") format("woff2"), url("../../files/daten/fonts/hind-vadodara-v5-latin-regular.woff") format("woff"), url("../../files/daten/fonts/hind-vadodara-v5-latin-regular.ttf") format("truetype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-regular.svg#HindVadodara") format("svg"); } @font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 500; src: url("../../files/daten/fonts/hind-vadodara-v5-latin-500.eot"); src: local("Hind Vadodara Medium"), local("HindVadodara-Medium"), url("../../files/daten/fonts/hind-vadodara-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-500.woff2") format("woff2"), url("../../files/daten/fonts/hind-vadodara-v5-latin-500.woff") format("woff"), url("../../files/daten/fonts/hind-vadodara-v5-latin-500.ttf") format("truetype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-500.svg#HindVadodara") format("svg"); } @font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 600; src: url("../../files/daten/fonts/hind-vadodara-v5-latin-600.eot"); src: local("Hind Vadodara SemiBold"), local("HindVadodara-SemiBold"), url("../../files/daten/fonts/hind-vadodara-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-600.woff2") format("woff2"), url("../../files/daten/fonts/hind-vadodara-v5-latin-600.woff") format("woff"), url("../../files/daten/fonts/hind-vadodara-v5-latin-600.ttf") format("truetype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-600.svg#HindVadodara") format("svg"); } @font-face { font-family: 'Hind Vadodara'; font-style: normal; font-weight: 700; src: url("../../files/daten/fonts/hind-vadodara-v5-latin-700.eot"); src: local("Hind Vadodara Bold"), local("HindVadodara-Bold"), url("../../files/daten/fonts/hind-vadodara-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-700.woff2") format("woff2"), url("../../files/daten/fonts/hind-vadodara-v5-latin-700.woff") format("woff"), url("../../files/daten/fonts/hind-vadodara-v5-latin-700.ttf") format("truetype"), url("../../files/daten/fonts/hind-vadodara-v5-latin-700.svg#HindVadodara") format("svg"); }*/ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-ThinItalic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-LightItalic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-Italic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-MediumItalic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-BoldItalic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-BlackItalic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-Thin.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-Light.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-Regular.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-Medium.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-Bold.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto/Roboto-Black.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto_Condensed/RobotoCondensed-LightItalic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto_Condensed/RobotoCondensed-Italic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto_Condensed/RobotoCondensed-Light.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(/application/themes/klickpark/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html { font-family: Roboto Condensed,Helvetica,Arial,sans-serif; font-size: 100%; font-weight: 400; color: #000; line-height: 1.5em; overflow-y: scroll; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-big, .page { padding-left: 0%; padding-right: 0%; } @media (min-width: 0) and (max-width: 700px) { .page-big, .page { padding-left: 5%; padding-right: 5%; } } .mod_navigation ul.level_2 div.level_2, .page-big, .page { max-width: 100%; margin-left: auto; margin-right: auto; } .mod_navigation ul.level_2 div.level_2:after, .page-big:after, .page:after { content: " "; display: block; clear: both; } @media (min-width: 730px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 700px; } } @media (min-width: 730px) and (max-width: 990px) { .page-3 { width: 700px; } } @media (min-width: 1000px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 960px; } } @media (min-width: 1300px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 1140px; } } @media (min-width: 1640px) { .mod_navigation ul.level_2 div.level_2, .page-big, .page { width: 1440px; } } @media (min-width: 1920px) { .page-big { width: 1900px; } } .rtl { float: right; clear: both; } .mod_navigation ul.level_2 div.level_2 { clear: both; overflow: hidden; } .new-line { clear: both; } .verlauf-1 { background: #868787; /* Old browsers */ background: -moz-linear-gradient(left, #868787 0%, #cdcecd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #868787 0%, #cdcecd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #868787 0%, #cdcecd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868787', endColorstr='#cdcecd',GradientType=1 ); /* IE6-9 */ } #main .list-1 ol { list-style-type: decimal; padding-left: 15px; } #main .list-1 ol li { margin-left: 10px; padding-left: 10px; text-indent: 0px; line-height: 1.5em; margin-top: 0.15em; margin-bottom: 0.15em; } #main .list-1 ul li { font-size: 15px; font-size: 0.9375rem; padding-left: 1.2em; background-image: url("/application/themes/klickpark/images/icon-li.png"); background-position: left 4px; background-repeat: no-repeat; margin-bottom: 0.7em; } @media (min-width: 700px) { #main .list-1 ul li { font-size: 16px; font-size: 1rem; font-weight: 300; } } @media (min-width: 960px) { #main .list-1 ul li { padding-left: 1.5em; } } @media (min-width: 1140px) { #main .list-1 ul li { font-size: 18px; font-size: 1.125rem; } } #main .list-2 ol { list-style-type: decimal; padding-left: 15px; } #main .list-2 ol li { margin-left: 10px; padding-left: 10px; text-indent: 0px; line-height: 1.5em; margin-top: 0.15em; margin-bottom: 0.15em; } #main .list-2 ul li { font-size: 15px; font-size: 0.9375rem; margin-left: 0em; padding-left: 0em; list-style: none; background-image: url("/application/themes/klickpark/images/bg-02.png"); background-position: top left; background-repeat: repeat; } @media (min-width: 700px) { #main .list-2 ul li { font-size: 16px; font-size: 1rem; } } @media (min-width: 960px) { #main .list-2 ul li { padding-left: 0em; margin-left: 0em; } } .margin-1 { margin: 0.5em; } @media (min-width: 700px) { .margin-1 { margin: 1em 1em 0.2em 1em; } } .margin-2 { margin-top: 1.25rem; margin-bottom: 1.05rem; } @media (min-width: 960px) { .margin-2 { margin-top: 1.6666666667rem; margin-bottom: 1.4rem; } } @media (min-width: 1140px) { .margin-2 { margin-top: 2.5rem; margin-bottom: 2.1rem; } } @media (min-width: 1140px) { .margin-2 { margin-top: 5rem; margin-bottom: 4.2rem; } } .padd-1 { padding-top: 1.25rem; padding-bottom: 1.05rem; } @media (min-width: 700px) { .padd-1 { padding-top: 2.5rem; padding-bottom: 2.1rem; } } .padd-2 { padding-top: 1.25rem; padding-bottom: 1.05rem; } @media (min-width: 960px) { .padd-2 { padding-top: 1.6666666667rem; padding-bottom: 1.4rem; } } @media (min-width: 1140px) { .padd-2 { padding-top: 2.5rem; padding-bottom: 2.1rem; } } @media (min-width: 1140px) { .padd-2 { padding-top: 5rem; padding-bottom: 4.2rem; } } .padd-3 { padding-top: 1.25rem; padding-bottom: 1.05rem; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 700px) { .padd-3 { padding-top: 2.5rem; padding-bottom: 2.1rem; padding-left: 2.5rem; padding-right: 2.5rem; } } .padd-4 { padding-top: 1.25rem; padding-bottom: 0.7rem; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 700px) { .padd-4 { padding-top: 1.25rem; padding-bottom: 0.7rem; padding-left: 1.25rem; padding-right: 1.25rem; } } #main .btn-1 { color: #b8ba70; cursor: pointer; font-weight: 500; display: inline-block; background-color: #455057; border: 1px solid #455057; font-weight: 700; } @media (min-width: 0) and (max-width: 600px) { #main .btn-1 { width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; } } @media (min-width: 600px) { #main .btn-1 { padding: 0.5em 2em; } } #main .btn-1 a { color: #b8ba70; } #main .btn-1:hover, #main .btn-1.active { color: #fff; background-color: #034861; border: 1px solid #034861; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } .btn-2 { color: #fff; display: inline-block; padding: 0.5em 0.8em; cursor: pointer; font-weight: 700; margin-top: 0.75em; background: #868787; /* Old browsers */ background: -moz-linear-gradient(left, #868787 0%, #cdcecd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #868787 0%, #cdcecd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #868787 0%, #cdcecd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868787', endColorstr='#cdcecd',GradientType=1 ); /* IE6-9 */ border: none; color: #000; } .btn-2 a { color: #000; } .btn-2:hover, .btn-2.active { background: #807f7f; } @media (min-width: 0) and (max-width: 700px) { .box-1 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-1-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-2-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-3 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-3-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-4 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-4-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-5 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-5-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-6 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-6-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-7 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-7-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-8 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-8-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-9 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-9-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-10 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-10-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-11 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-11-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 700px) { .box-12 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-12-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .col-50 { display: block; width: 100%; } @media (min-width: 700px) { .col-50 { width: 50%; float: left; } } .box-1 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { .box-1 { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-1 { width: 5.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-1-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-1-rtl { width: 5.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { .box-2 { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-2-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-2-rtl { width: 13.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-2-2 { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { .box-3 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-3 { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-3-rtl { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 9.7222222222%; } } @media (min-width: 960px) { .box-3-rtl { width: 22.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 0) and (max-width: 960px) { .bg-weiss.box-4:first-child { margin-top: 0em; } } @media (min-width: 0) and (max-width: 960px) { .bg-weiss.box-4 { margin-top: 1em; } } @media (min-width: 700px) { .box-4 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-4 { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .box-4-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { .box-4-rtl { width: 30.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-5 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-5 { width: 38.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-5-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-5-rtl { width: 38.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 0) and (max-width: 960px) { .box-6:first-child { margin-top: 0em; } } @media (min-width: 0) and (max-width: 960px) { .box-6 { margin-top: 1em; } } @media (min-width: 700px) { .box-6 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-6 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-6 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .no-margin.box-6 { margin-top: 0; } @media (min-width: 700px) { .box-6-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-6-rtl { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-6-rtl { width: 47.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-7 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-7 { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-7 { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-7-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-7-rtl { width: 55.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-7-rtl { width: 55.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-8 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-8 { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-8 { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-8-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-8-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-8-rtl { width: 63.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-9 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-9 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-9 { width: 72.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-9-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-9-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-9-rtl { width: 72.2222222222%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 700px) { .box-10 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-10 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-10 { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .box-10-2 { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } .box-2-2 { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 0) and (max-width: 700px) { .box-2-2 img { width: 100%; height: auto; } } @media (min-width: 700px) { .box-10-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-10-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-10-rtl { width: 80.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-10-2 { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { .box-11 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-11 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-11 { width: 88.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { .box-11-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { .box-11-rtl { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1140px) { .box-11-rtl { width: 88.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } .box-12 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 1180px) { .box-12-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 1180px) { .box-12-3 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } .box-mitte { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 1140px) { .box-mitte { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 9.7222222222%; } } @media (min-width: 1440px) { .box-mitte { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 18.0555555556%; } } @media (min-width: 1440px) { .offset-1 { margin-left: 9.7222222222%; } } @media (min-width: 1440px) { .offset-2 { margin-left: 18.0555555556%; } } @media (min-width: 1440px) { .offset-3 { margin-left: 26.3888888889%; } } @media (min-width: 1440px) { .offset-4 { margin-left: 34.7222222222%; } } @media (min-width: 1440px) { .offset-5 { margin-left: 43.0555555556%; } } @media (min-width: 1440px) { .offset-6 { margin-left: 51.3888888889%; } } @media (min-width: 1440px) { .offset-7 { margin-left: 59.7222222222%; } } @media (min-width: 1440px) { .offset-8 { margin-left: 68.0555555556%; } } @media (min-width: 1440px) { .offset-9 { margin-left: 76.3888888889%; } } @media (min-width: 1440px) { .offset-10 { margin-left: 84.7222222222%; } } @media (min-width: 1440px) { .offset-11 { margin-left: 93.0555555556%; } } @media (min-width: 1440px) { .offset-12 { margin-left: 101.388888889%; } } h1, h2, h3, h4, h5, p, .kat { margin-bottom: 0.8rem; padding-left: 1px; } .padd-1 h1, .padd-1 h2, .padd-1 h3, .padd-1 h4, .padd-1 h5, .padd-1 p, .padd-1 .kat { display: block; margin-bottom: 0.4rem; } #main img, ul, ol, video, table { margin-bottom: 0.8rem; } #main .no-margin img { margin-bottom: -8px; } video.no-margin, table.no-margin, ol.no-margin, ul.no-margin, h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, p.no-margin { margin-bottom: 0em; } .kat { font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #455057; } @media (min-width: 700px) { .kat { font-size: 22px; font-size: 1.375rem; } } @media (min-width: 1140px) { .kat { font-size: 24px; font-size: 1.5rem; text-transform: uppercase; } } @media (min-width: 1440px) { .kat { font-size: 30px; font-size: 1.875rem; } } p.headline-1, h1 { font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #455057; } @media (min-width: 700px) { p.headline-1, h1 { font-size: 22px; font-size: 1.375rem; } } @media (min-width: 1140px) { p.headline-1, h1 { font-size: 24px; font-size: 1.5rem; text-transform: uppercase; } } @media (min-width: 1440px) { p.headline-1, h1 { font-size: 30px; font-size: 1.875rem; line-height: 1.3em; margin-top: -0.3em; } } p.headline-2, h2 { font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #455057; } @media (min-width: 700px) { p.headline-2, h2 { font-size: 22px; font-size: 1.375rem; } } @media (min-width: 1140px) { p.headline-2, h2 { font-size: 24px; font-size: 1.5rem; } } @media (min-width: 1440px) { p.headline-2, h2 { font-size: 28px; font-size: 1.75rem; line-height: 1.4em; margin-top: -0.3em; } } .h2-2 h2, h2.h2-2 { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.4em; margin-top: -0.4em; } @media (min-width: 960px) { .h2-2 h2, h2.h2-2 { font-size: 17px; font-size: 1.0625rem; } } @media (min-width: 700px) { .h2-2 h2, h2.h2-2 { font-size: 18px; font-size: 1.125rem; } } .p-2 p, p.p-2, p.headline-3, h3 { font-weight: 300; font-size: 17px; font-size: 1.0625rem; color: #999999; } @media (min-width: 700px) { .p-2 p, p.p-2, p.headline-3, h3 { font-size: 20px; font-size: 1.25rem; } } @media (min-width: 1140px) { .p-2 p, p.p-2, p.headline-3, h3 { font-size: 21px; font-size: 1.3125rem; line-height: 1.3em; margin-top: -0.3em; } } @media (min-width: 1440px) { .p-2 p, p.p-2, p.headline-3, h3 { font-size: 24px; font-size: 1.5rem; } } @media (min-width: 0) and (max-width: 960px) { h4 { margin-bottom: 0em; } } p { font-size: 15px; font-size: 0.9375rem; } @media (min-width: 700px) { p { font-weight: 300; font-size: 16px; font-size: 1rem; } } @media (min-width: 1140px) { p { font-size: 18px; font-size: 1.125rem; } } .p-1 h2 + p, h2 + h3 { margin-top: 0.8rem; } h2 + h3 { margin-bottom: 1.6rem; } p + h3 { margin-top: 1em; } .p-1 p, p.p-1 { font-size: 17px; font-size: 1.0625rem; font-weight: 700; font-size: 17px; font-size: 1.0625rem; color: #b8ba70; } @media (min-width: 700px) { .p-1 p, p.p-1 { font-size: 18px; font-size: 1.125rem; } } @media (min-width: 1140px) { .p-1 p, p.p-1 { font-size: 20px; font-size: 1.25rem; line-height: 1.3em; margin-top: -0.3em; } } @media (min-width: 1440px) { .p-1 p, p.p-1 { font-size: 24px; font-size: 1.5rem; text-transform: uppercase; } } .p-3 p, p.p-3 { color: #455057; font-size: 17px; font-size: 1.0625rem; font-weight: 700; } @media (min-width: 700px) { .p-3 p, p.p-3 { font-size: 22px; font-size: 1.375rem; } } @media (min-width: 1140px) { .p-3 p, p.p-3 { font-size: 24px; font-size: 1.5rem; } } @media (min-width: 1440px) { .p-3 p, p.p-3 { font-size: 30px; font-size: 1.875rem; } } .p-4 p, p.p-4 { color: #455057; font-weight: 400; } @media (min-width: 700px) { .p-4 p, p.p-4 { font-size: 22px; font-size: 1.375rem; } } @media (min-width: 1140px) { .p-4 p, p.p-4 { font-size: 24px; font-size: 1.5rem; line-height: 1.3em; margin-top: -0.3em; } } @media (min-width: 1440px) { .p-4 p, p.p-4 { font-size: 40px; font-size: 2.5rem; } } .p-5 p, p.p-5 { color: #455057; font-weight: 400; text-transform: uppercase; } @media (min-width: 700px) { .p-5 p, p.p-5 { font-size: 15px; font-size: 0.9375rem; } } @media (min-width: 1140px) { .p-5 p, p.p-5 { font-size: 15px; font-size: 0.9375rem; } } @media (min-width: 1440px) { .p-5 p, p.p-5 { font-size: 18px; font-size: 1.125rem; } } #main a { text-decoration: none; color: #455057; font-weight: 700; } #main a:hover { color: #455057; text-decoration: underline; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; } .fett { font-weight: 900; } .light { font-weight: 300; } @media (min-width: 700px) { .right { text-align: right; } } @media (min-width: 700px) { .center { text-align: center; } } .color-1 { color: #455057; } .color-2 { color: #efefef; } .color-3 { color: #b8ba70; } .float_left { float: left; } .small, small { font-size: 14px; font-size: 0.875rem; } hr { border: 1px solid #ccc; border-left: none; border-right: none; border-bottom: none; } strong { font-weight: 700; } span.name { width: 80px; display: block; float: left; } span.number { webkit-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; } .border { border: 1px solid #ccc; padding-top: 1.25rem; padding-bottom: 1.05rem; background-color: #fff; } @media (min-width: 700px) { .border { padding-top: 2.5rem; padding-bottom: 2.1rem; } } .caption { margin-bottom: 0.8rem; text-align: left; font-weight: 300; font-style: italic; } .mt-1 { margin-top: 1em; } .mt-2 { margin-top: 1em; } @media (min-width: 960px) { .mt-2 { margin-top: 1.5em; } } @media (min-width: 1140px) { .mt-2 { margin-top: 3em; } } .mt-3 { margin-top: 1em; } @media (min-width: 960px) { .mt-3 { margin-top: 2em; } } @media (min-width: 1140px) { .mt-3 { margin-top: 4em; } } .mt-4 { margin-top: 1em; } @media (min-width: 960px) { .mt-4 { margin-top: 2em; } } @media (min-width: 1140px) { .mt-4 { margin-top: 4.2rem; } } .mb-0 { margin-bottom: 0.25em; } .mb-1 { margin-bottom: 0.8em; } .mb-2 { margin-bottom: 1em; } @media (min-width: 960px) { .mb-2 { margin-bottom: 1.5em; } } @media (min-width: 1140px) { .mb-2 { margin-bottom: 2em; } } .mb-3 { margin-bottom: 1em; } @media (min-width: 960px) { .mb-3 { margin-bottom: 2em; } } @media (min-width: 1140px) { .mb-3 { margin-bottom: 4em; } } .mb-4 { margin-bottom: 1em; } @media (min-width: 960px) { .mb-4 { margin-bottom: 2em; } } @media (min-width: 1140px) { .mb-4 { margin-bottom: 4.2rem; } } @media (min-width: 0) and (max-width: 600px) { .s-none { display: none !important; } } @media (min-width: 0) and (max-width: 700px) { .m-none { display: none !important; } } @media (min-width: 0) and (max-width: 960px) { .l-none { display: none !important; } } @media (min-width: 0) and (max-width: 1140px) { .xl-none { display: none !important; } } .image30 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image30 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image30 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image30 .image_container img { width: 30%; height: auto; } } .image40 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image40 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image40 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image40 .image_container img { width: 40%; height: auto; } } .image50 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image50 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image50 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image50 .image_container img { width: 50%; height: auto; } } .image60 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image60 .image_container img { width: 60%; height: auto; } } @media (min-width: 600px) { .image60 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image60 .image_container img { width: 60%; height: auto; } } .image70 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image70 .image_container img { width: 60%; height: auto; } } @media (min-width: 600px) { .image70 .image_container img { width: 50%; height: auto; } } @media (min-width: 960px) { .image70 .image_container img { width: 70%; height: auto; } } .image80 .image_container { text-align: center; } @media (min-width: 0) and (max-width: 600px) { .image80 .image_container img { width: 100%; height: auto; } } @media (min-width: 600px) { .image80 .image_container img { width: 60%; height: auto; } } @media (min-width: 960px) { .image80 .image_container img { width: 80%; height: auto; } } .img-full .image_container, .image100 .image_container { text-align: center; } .img-full .image_container img, .image100 .image_container img { width: 100%; height: auto; } #header .nav-01 ul { text-align: right; } #header .nav-01 ul li { text-transform: uppercase; position: relative; color: #455057; margin-left: 0.45em; margin-right: 0.45em; display: inline-block; } @media (min-width: 1180px) { #header .nav-01 ul li { margin-left: 0.8em; margin-right: 0.8em; font-size: 17px; font-size: 1.0625rem; } } @media (min-width: 1440px) { #header .nav-01 ul li { margin-left: 0.8em; margin-right: 0.8em; font-size: 20px; font-size: 1.25rem; } } #header .nav-01 ul li a { display: block; color: #455057; text-decoration: none; font-weight: 400; } #header .nav-01 ul li:before, #header .nav-01 ul li:after { content: ""; position: absolute; bottom: -10px; width: 0px; height: 2px; margin: 2px 0 0; transition-duration: 0.35s; opacity: 0; } #header .nav-01 ul li:after { left: 0; background-color: #20596d; } #header .nav-01 ul li.first { margin-left: 0; } #header .nav-01 ul li:hover:before, #header .nav-01 ul li:hover:after { width: 100%; opacity: 1; } #header .nav-01 ul li.last { margin-right: 0; } #header .nav-01 ul li.active strong, #header .nav-01 ul li.trail a { display: block; color: #455057; font-weight: 900; } #header .nav-01 ul li.active:before, #header .nav-01 ul li.active:after { width: 100%; opacity: 1; } #header .nav-02 li.first { border-left: 2px solid #fff; } @media (min-width: 0) and (max-width: 960px) { #header .nav-02 li.icon-trans, #header .nav-02 li.icon-sf6, #header .nav-02 li.icon-ent { border-top: 2px solid #fff; } } @media (min-width: 0) and (max-width: 960px) { #header .nav-02 li.icon-ent { border-bottom: 2px solid #fff; } } @media (min-width: 0) and (max-width: 960px) { #header .nav-02 li.icon-trans, #header .nav-02 li.icon-sf6 { border-left: 2px solid #fff; } } #header .nav-02 li { display: block; width: 50%; float: left; text-align: center; } @media (min-width: 960px) { #header .nav-02 li { width: 20%; } } @media (min-width: 1640px) { #header .nav-02 li { width: 20%; } } #header .nav-02 li strong, #header .nav-02 li a { text-decoration: none; padding-top: 5.2em; font-size: 13px; font-size: 0.8125rem; display: block; width: 100%; border-right: 2px solid #fff; height: 130px; color: #455057; font-weight: 300; padding-left: 1em; padding-right: 1em; } @media (min-width: 600px) { #header .nav-02 li strong, #header .nav-02 li a { font-size: 14px; font-size: 0.875rem; padding-top: 5.2em; } } @media (min-width: 990px) { #header .nav-02 li strong, #header .nav-02 li a { font-size: 15px; font-size: 0.9375rem; } } @media (min-width: 1640px) { #header .nav-02 li strong, #header .nav-02 li a { text-transform: uppercase; font-size: 16px; font-size: 1rem; padding-top: 4.2em; } } @media (min-width: 0) and (max-width: 960px) { #header .nav-02 li a.icon-pr, #header .nav-02 li strong.icon-pr { border-left: 2px solid #fff; } } #header .nav-02 li strong { background-color: #fff; -webkit-box-shadow: 5px 0px 5px 0px #a6a6a6; -moz-box-shadow: 5px 0px 5px 0px #a6a6a6; box-shadow: 5px 0px 5px 0px #a6a6a6; } #footer .nav-03 ul { font-weight: 300; } @media (min-width: 990px) { #footer .nav-03 ul { text-align: right; } } #footer .nav-03 ul li.first { border-left: none; padding-left: 0px; } #footer .nav-03 ul li { padding-left: 4px; display: inline-block; } #footer .nav-03 ul li a { color: #efefef; text-decoration: none; } #footer .nav-03 ul li.last { margin-right: 0; } #footer .nav-03 ul li.active strong, #footer .nav-03 ul li.trail a { color: #fff; } /** * Damit die mobile Navigation nur einmal eingebunden wird, habe ich dies via Javascript realisiert. * Anbei die entsprechenden Selektoren die angepasst werden müssen, damit diese quasi matchen. * Hintergrund ist, dass die mobile Navigation durch das Javascript kopieren zusätzlich noch ein
.mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: 0; } #mmenuclose a { background-color: #404040; background-repeat: no-repeat; display: block; width: 60px; height: 60px; background-size: 100% 100%; cursor: pointer; } @media (min-width: 0) and (max-width: 1120px) { #mmenuclose a { padding-top: 1.35em; } } #mmenuclose a span.border-4 { -webkit-transition: rotate 0.25s ease-out; -moz-transition: rotate 0.25s ease-out; -ms-transition: rotate 0.25s ease-out; -o-transition: rotate 0.25s ease-out; transition: rotate 0.25s ease-out; height: 3px; background-color: #fff; display: block; border-radius: 4px; } #mmenuclose a span.border-4.first { -moz-transform: rotate(45deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform: rotate(45deg); /* Safari */ -o-transform: rotate(45deg); /* Opera */ -ms-transform: rotate(45deg); /* IE9 */ transform: rotate(45deg); /* W3C */ margin-top: 8px; } #mmenuclose a span.border-4.last { -moz-transform: rotate(-45deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform: rotate(-45deg); /* Safari */ -o-transform: rotate(-45deg); /* Opera */ -ms-transform: rotate(-45deg); /* IE9 */ transform: rotate(-45deg); /* W3C */ margin-top: -2px; } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > * { color: #fff; } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: #000; font-weight: 700; color: #fff; } .mm-menu { background-color: #404040; } .mm-panels .mm-navbar a.mm-title { color: #fff; } @media (min-width: 1120px) { .mm-panels .mm-navbar a.mm-title { margin: 0; padding: 0; } } @media (min-width: 1120px) { .mm-navbar { text-align: left; color: #fff; height: 60px; padding: 0; margin: 0; position: relative; margin-top: 10px; } .mm-navbar a { padding-left: 0; } } @media (min-width: 1120px) { .mm-panels > .mm-panel.mm-hasnavbar { padding-left: 5.7%; padding-top: 55px; width: 88%; } } .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-btn::after, .mm-menu .mm-btn::before, .mm-menu .mm-listview { border-color: #dedede; } .mm-listview > li > a, .mm-listview > li > span { color: #d1d1d1; } .mm-panels a, .mm-panels li, .mm-panels ul { margin: 0; padding: 0; } .mm-panels a.mm-title { color: #455057; } .mm-panels strong, .mm-panels a { margin-left: 10px; padding: 10px 10px; display: block; } .mm-panels strong { color: #fff; } .mm-panels a { color: #fff; } .mm-panels li { color: #fff; } .mm-menu.mm-offcanvas { width: 80%; min-width: 80%; max-width: 80%; } @media (min-width: 990px) { #header .box { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; display: flex; justify-content: space-between; flex-wrap: wrap; } } #header .logo { text-align: right; margin-top: 1em; } @media (min-width: 0) and (max-width: 989px) { #header .logo { width: 63.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } @media (min-width: 990px) { #header .logo { margin-top: 2.1em; margin-bottom: 1em; text-align: left; width: 240px; } } #header .logo img { width: 200px; height: auto; } @media (min-width: 700px) { #header .logo img { width: 210px; } } @media (min-width: 990px) { #header .logo img { width: 240px; } } #header .nav-01 { margin-top: 3em; } @media (min-width: 0) and (max-width: 990px) { #header .nav-01 { display: none !important; visibility: hidden; } } @media (min-width: 990px) { #header .nav-01 { width: calc(100% - 240px); } } @media (min-width: 990px) { #header .mod_mmenu { display: none !important; visibility: hidden; } } #header .mobile { display: block; width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-top: 1em; margin-bottom: 0.5em; } @media (min-width: 990px) { #header .mobile { display: none !important; visibility: hidden; } } #header .mobile { display: block; width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #header .mobile a { background-color: #455057; display: block; width: 50px; height: 38px; padding: 9px; } @media (min-width: 320px) { #header .mobile a { height: 40px; } } #header .mobile span.border-3 { border: none; display: block; height: 3px; background-color: #efefef; padding: 0; margin-bottom: 6px; width: 100%; -webkit-transition: width 0.25s ease-out; -moz-transition: width 0.25s ease-out; -ms-transition: width 0.25s ease-out; -o-transition: width 0.25s ease-out; transition: width 0.25s ease-out; } #header .mobile span.border-3.last { float: right; } @media (min-width: 320px) { #header .mobile { width: 13.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 990px) { #header .mobile { display: none !important; } } #header .mobile a:hover span.border-3.first { width: 70%; } #header .mobile a:hover span.border-3.last { width: 70%; } #main .slider-1 { position: relative; } #main .slider-1 .slider-control { margin-top: 1em; height: auto; position: relative; } #main .slider-1 .slider-control a.slider-prev, #main .slider-1 .slider-control a.slider-next { font-size: 16px; font-size: 1rem; font-weight: 400; } #main .slider-1 .slider-control a.slider-prev:before { content: "← "; } #main .slider-1 .slider-control a.slider-prev:after { content: ""; } #main .slider-1 .slider-control a.slider-prev { margin-left: 3px; color: #bfbfbf; } #main .slider-1 .slider-control a.slider-next { margin-right: 3px; } #main .slider-1 .slider-control a { position: relative; top: 0px; display: block; text-transform: none; } #main .slider-1 .slider-control a:hover { opacity: 0.5; } #main .slider-1 .slider-menu { position: relative; font-size: 2rem; left: auto; line-height: 1; width: auto; margin: 0; text-align: right; top: auto; bottom: 0; margin-top: -1.8em; float: right; } #main .slider-1 .slider-menu b { color: #d9d8d8; } #main .slider-1 .slider-menu b.active { color: #666666; } #main .slider-1 .slider-menu b:hover { opacity: 0.5; } @media (min-width: 0) and (max-width: 700px) { .dlh_googlemap { width: 100% !important; height: 250px !important; } } .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_player .inside, .ce_player .mejs-video, .ce_player .mejs__video, .ce_youtube .inside, .ce_youtube .mejs-video, .ce_youtube .mejs__video { margin-left: auto; margin-right: auto; } .ce_player .mejs-video, .ce_player .mejs__video, .ce_youtube .mejs-video, .ce_youtube .mejs__video { width: 100% !important; height: auto !important; padding-top: 56.25%; } .ce_player .mejs-audio, .ce_player .mejs__audio, .ce_youtube .mejs-audio, .ce_youtube .mejs__audio { margin-top: 30px; } .ce_player .mejs-audio audio, .ce_player .mejs__audio audio, .ce_youtube .mejs-audio audio, .ce_youtube .mejs__audio audio { height: auto; } .ce_player .mejs-overlay, .ce_player .mejs-poster, .ce_player .mejs__overlay, .ce_player .mejs__poster, .ce_youtube .mejs-overlay, .ce_youtube .mejs-poster, .ce_youtube .mejs__overlay, .ce_youtube .mejs__poster { width: 100% !important; height: 100% !important; } .ce_player .mejs-video .mejs-mediaelement video, .ce_player .mejs-video .mejs-mediaelement .me-plugin, .ce_player .mejs-video .mejs-mediaelement embed, .ce_youtube .mejs-video .mejs-mediaelement video, .ce_youtube .mejs-video .mejs-mediaelement .me-plugin, .ce_youtube .mejs-video .mejs-mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_player .mejs__video .mejs__mediaelement video, .ce_player .mejs__video .mejs__mediaelement .me__plugin, .ce_player .mejs__video .mejs__mediaelement embed, .ce_youtube .mejs__video .mejs__mediaelement video, .ce_youtube .mejs__video .mejs__mediaelement .me__plugin, .ce_youtube .mejs__video .mejs__mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_youtube { position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } .ce_youtube iframe { border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .ce_accordion.first .toggler { border-top: 1px solid #455057; } .ce_accordion { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-bottom: 1em; } .ce_accordion .toggler { cursor: pointer; padding-top: 0.65em; padding-bottom: 0.65em; border-top: 1px solid #455057; border-bottom: 1px solid #455057; color: #fff; } @media (min-width: 700px) { .ce_accordion .toggler { padding-top: 1em; padding-bottom: 1em; } } @media (min-width: 1140px) { .ce_accordion .toggler { padding-top: 1em; padding-bottom: 1em; } } .ce_accordion .toggler h3 { margin-bottom: 0em; } .ce_accordion .ui-accordion-header h3:after { content: "+"; float: right; margin-right: 5px; } .ce_accordion .ui-accordion-header-active h3:after { content: "-"; } .ce_accordion .toggler.active, .ce_accordion .toggler:hover { background-color: #057ca7; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } .ce_accordion .toggler.active h3, .ce_accordion .toggler:hover h3 { color: #fff; } #main .mod_sitemap ul.level_1 li { margin-top: 1em; } #main .mod_sitemap ul.level_2 li { margin-top: 0; } #main .mod_sitemap ul.level_2 li.submenu { margin-top: 1em; } #main .mod_sitemap ul.level_2 a { font-weight: 400; } #main .mod_sitemap ul.level_3 li { margin-top: 0em; } #main .mod_sitemap ul.level_3 a { font-weight: 400; color: #4d4d4d; } @media (min-width: 960px) { #main .gallerie-1 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .gallerie-1 ul { padding-top: 0.75em; } #main .gallerie-1 ul li { float: left; display: block; } @media (min-width: 0) and (max-width: 600px) { #main .gallerie-1 ul li { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 600px) and (max-width: 960px) { #main .gallerie-1 ul li { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { #main .gallerie-1 ul li { width: 18%; margin-left: 1%; margin-right: 1%; } } #main .gallerie-1 ul li img { width: 100%; height: auto; } @media (min-width: 960px) { #main .gallerie-1 ul li.col_first { margin-left: 10%; } } #main .gallerie-2 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #main .gallerie-2 ul { display: flex; justify-content: space-between; align-items: center; } @media (min-width: 540px) { #main .gallerie-2 ul { justify-content: center; } } @media (min-width: 540px) { #main .gallerie-2 ul li { margin-left: 1rem; margin-right: 1rem; } } @media (min-width: 0) and (max-width: 540px) { #main .gallerie-2 ul li img { width: 90%; height: auto; } } @media (min-width: 540px) { #main .gallerie-2 ul li img { height: 100px; width: auto; } } #main .mod_search { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { #main .mod_search { width: 72.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .mod_search input.text { width: 100%; border: 1px solid #455057; background-color: #e4e9ed; margin-bottom: 0.8em; display: block; padding: 0.65em; } @media (min-width: 700px) { #main .mod_search input.text { width: 75%; float: left; margin-bottom: 0em; } } #main .mod_search button.submit { width: 100%; background-color: #455057; color: #fff; border: 1px solid #455057; padding: 0.58em; cursor: pointer; font-weight: 900; text-transform: uppercase; } @media (min-width: 700px) { #main .mod_search button.submit { width: 22%; float: right; } } #main .mod_search input.submit:hover { background-color: #edf3f3; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -ms-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; } #main .mod_search .even { margin-top: 2em; margin-bottom: 2em; } #main .mod_search p.header { padding-bottom: 0.75em; display: block; font-size: 14px; font-size: 0.875rem; } #main .mod_search h3 { margin-bottom: 0.25em; } #main .mod_search h3 span { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } #main .mod_search p.url { font-size: 14px; font-size: 0.875rem; } .bg-grau { background-color: #e4e9ed; } .bg-grau-2 { background-color: #999999; } .bg-grau-2 { background-color: #666666; } .bg-color-1 { background-color: #455057; } .bg-color-1 h1, .bg-color-1 h2, .bg-color-1 h3, .bg-color-1 h4, .bg-color-1 h5, .bg-color-1 h6, .bg-color-1 span.light, .bg-color-1 p, .bg-color-1 a, .bg-color-1 em, .bg-color-1 .kat, .bg-color-1 p.p-3 { color: #fff; } #main .bg-color-1 { background-color: #455057; } #main .bg-color-1 p.p-3 a, #main .bg-color-1 a { color: #fff; } #main .bg-color-1 .ce_form .widget-checkbox a { color: #455057; } .bg-color-2 { background-color: #efefef; } #main .bg-color-3 { background-color: #b8ba70; } #main .bg-color-3 h1, #main .bg-color-3 h2, #main .bg-color-3 h3, #main .bg-color-3 h4, #main .bg-color-3 h5, #main .bg-color-3 h6, #main .bg-color-3 span.light, #main .bg-color-3 p, #main .bg-color-3 a, #main .bg-color-3 em { color: #fff; } .ce_table table { width: 100%; } .ce_table table thead { background-color: #c2eefd; } .ce_table table thead th.head_1 { background-color: #455057; color: #fff; } .ce_table table th, .ce_table table td { padding: 0.25em; } .ce_table table tbody tr.odd { background-color: #fff; } .ce_table table tbody tr.even { background-color: #e4e9ed; } .spacer { display: block; clear: both; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; padding-top: 1.25rem; } @media (min-width: 960px) { .spacer { padding-top: 1.6666666667rem; } } @media (min-width: 1140px) { .spacer { padding-top: 2.5rem; } } @media (min-width: 1140px) { .spacer { padding-top: 5rem; } } .mod_article { padding-top: 1.25rem; padding-bottom: 1.05rem; margin-top: 0; margin-bottom: 0; } @media (min-width: 960px) { .mod_article { padding-top: 1.6666666667rem; padding-bottom: 1.4rem; } } @media (min-width: 1140px) { .mod_article { padding-top: 2.5rem; padding-bottom: 2.1rem; } } @media (min-width: 1140px) { .mod_article { padding-top: 5rem; padding-bottom: 4.2rem; } } .border-r { border-right: 6px solid #999999; } @media (min-width: 960px) { .border-r { border-right: 10px solid #999999; } } .border-b { border: 1px solid #efefef; border-top: none !important; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .border-t { border: 1px solid #efefef; border-bottom: none !important; } .mod_article.no-margin { padding-top: 0em; padding-bottom: 0em; } .mod_article.no-margin-b { padding-bottom: 0em; } .mod_article.no-margin-t { padding-top: 0em; } .ce_form legend { padding: 0.25em 0.35em; width: 100%; display: block; margin: 1em 0; border: 1px solid #666666; } @media (min-width: 960px) { .ce_form legend { border: none; background-color: #e4e9ed; } } .ce_form .radio_container legend { padding: 0; margin: 0; width: 100%; display: block; line-height: 2em; } .ce_form .bg-grau .widget { background: none !important; padding: 0; } .ce_form .widget { clear: both; margin-bottom: 1em; } .ce_form label { width: 100%; background-color: #efefef; display: block; font-weight: 400; color: #455057; padding: 0.75em 0.25em 0.75em 1em; } @media (min-width: 1640px) { .ce_form label { width: 29.5%; float: left; margin-right: 0.5%; } } .ce_form .widget-textarea label { width: 100%; background-image: url("/application/themes/klickpark/images/icon-dialog.png"); background-image: none, url("/application/themes/klickpark/images/icon-dialog.svg"); background-repeat: no-repeat; background-position: top; background-size: 48px 48px; background-size: 31px 24px; background-position: right 10px center; } .ce_form .widget-textarea textarea { width: 100%; } .ce_form .radio_container { margin-bottom: 1em; } .ce_form .radio_container label { width: 10%; float: left; } .ce_form .radio_container input.checkbox { width: 8px; margin-right: 10px; text-align: left; display: block; float: left; margin-top: 0.5em; } .ce_form .widget-submit { display: block; width: 100%; float: left; } @media (min-width: 700px) { .ce_form .widget-submit { width: 25%; } } .ce_form textarea, .ce_form select, .ce_form input { display: block; width: 100%; font-size: 18px; font-size: 1.125rem; padding: 0.53em 0.35em; line-height: 1.5em; border: 1px solid #fff; background-color: #fff; } @media (min-width: 1640px) { .ce_form textarea, .ce_form select, .ce_form input { width: 70%; } } .ce_form textarea { min-height: 100px; } .ce_form label:focus, .ce_form textarea:focus, .ce_form select:focus, .ce_form input:focus { border: 1px solid #b8ba70; } .ce_form .widget-checkbox legend { display: none; } .ce_form .widget-checkbox input.checkbox { width: 25px; background-color: #e4e9ed; margin-left: 5px; } .ce_form .widget-checkbox label { width: 100%; } .ce_form .widget-checkbox fieldset span { background-color: #efefef; display: grid; grid-template-columns: 25px 1fr; } .ce_form input.radio { width: 12px; text-align: left; display: block; float: left; margin-right: 10px; margin-top: 0.65em; } .ce_form input.captcha { width: 15%; display: inline; margin-right: 10px; } .ce_form span.captcha_text { font-style: italic; } .ce_form button.submit, .ce_form input.submit { color: #fff; display: inline-block; padding: 0.5em 0.8em; cursor: pointer; font-weight: 700; margin-top: 0.75em; background: #868787; /* Old browsers */ background: -moz-linear-gradient(left, #868787 0%, #cdcecd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #868787 0%, #cdcecd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #868787 0%, #cdcecd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868787', endColorstr='#cdcecd',GradientType=1 ); /* IE6-9 */ border: none; color: #000; width: 100%; } .ce_form button.submit a, .ce_form input.submit a { color: #000; } .ce_form button.submit:hover, .ce_form button.submit.active, .ce_form input.submit:hover, .ce_form input.submit.active { background: #807f7f; } .ce_text ol { list-style-type: decimal; padding-left: 15px; } .ce_text ol li { margin-left: 10px; padding-left: 10px; text-indent: 0px; line-height: 1.5em; margin-top: 0.15em; margin-bottom: 0.15em; } .ce_text ul li { font-size: 15px; font-size: 0.9375rem; padding-left: 1.2em; background-image: url("/application/themes/klickpark/images/icon-li.png"); background-position: left 4px; background-repeat: no-repeat; margin-bottom: 0.7em; } @media (min-width: 700px) { .ce_text ul li { font-size: 16px; font-size: 1rem; font-weight: 300; } } @media (min-width: 960px) { .ce_text ul li { padding-left: 1.5em; } } @media (min-width: 1140px) { .ce_text ul li { font-size: 18px; font-size: 1.125rem; } } #main .header-1 .col-1 { width: 100%; padding-top: 1.25rem; padding-bottom: 1.05rem; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 1140px) { #main .header-1 .col-1 { width: 40%; display: block; float: left; } } @media (min-width: 700px) { #main .header-1 .col-1 { padding-top: 2.5rem; padding-bottom: 2.1rem; padding-left: 2.5rem; padding-right: 2.5rem; } } #main .header-1 .col-1 a { color: #efefef; text-decoration: underline; } #main .header-1 .image-header { width: 100%; display: block; float: left; } @media (min-width: 1140px) { #main .header-1 .image-header { width: 60%; } } #main .header-1 .image-header img { width: 100%; height: auto; margin-bottom: -8px; } #main .image-1 { text-align: center; } #main .image-1 img { margin-top: 1.5em; margin-bottom: 1.5em; } #main .text-1 { margin-bottom: 1.2em; background-color: #e4e9ed; overflow: hidden; } @media (min-width: 1140px) { #main .text-1 { margin-bottom: 0.8em; } } @media (min-width: 1140px) { #main .text-1 { height: 90px; } } #main .text-1 a { display: block; color: #455057; margin-bottom: 0.8em; font-weight: 700; font-size: 17px; font-size: 1.0625rem; } @media (min-width: 700px) { #main .text-1 a { font-size: 18px; font-size: 1.125rem; } } @media (min-width: 1640px) { #main .text-1 a { font-size: 22px; font-size: 1.375rem; } } #main .text-2 a { display: block; color: #455057; margin-bottom: 0.8em; font-size: 14px; font-size: 0.875rem; } @media (min-width: 700px) { #main .text-2 a { font-size: 16px; font-size: 1rem; font-weight: 700; } } @media (min-width: 1180px) { #main .text-2 a { font-size: 17px; font-size: 1.0625rem; } } @media (min-width: 1640px) { #main .text-2 a { font-size: 22px; font-size: 1.375rem; } } #main .zertifikate { clear: both; display: flex; flex-wrap: wrap; } #main .zertifikate .ce_hyperlink { border: 1px solid #e4e9ed; margin-top: 0.8em; margin-bottom: 0.8em; width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 990px) { #main .zertifikate .ce_hyperlink { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 0) and (max-width: 990px) { #main .zertifikate .ce_hyperlink:nth-child(2n+3) { clear: both; } } @media (min-width: 990px) { #main .zertifikate .ce_hyperlink:nth-child(4n+5) { clear: both; } } .image-2 { margin-bottom: 1em; } @media (min-width: 0) and (max-width: 600px) { .image-2 img { width: 50%; height: auto; } } @media (min-width: 600px) { .image-2 img { height: 150px; width: auto; } } @media (min-width: 0) and (max-width: 600px) { .image-3 img { width: 50%; height: auto; } } @media (min-width: 600px) { .image-3 img { width: 50%; height: auto; } } @media (min-width: 960px) { .image-3 img { width: 100%; height: auto; } } @media (min-width: 1440px) { .image-3 { text-align: center; } .image-3 img { width: 60%; height: auto; } } .icon-mail { background-image: url("/application/themes/klickpark/images/icon-mail.png"); background-image: none, url("/application/themes/klickpark/images/icon-mail.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 23px 15px; background-position: 0px 6px; padding: 5px 0 5px 40px; } @media (min-width: 700px) { .icon-mail { background-size: 36px 26px; background-position: 0px 11px; padding-left: 58px; } } .icon-fon { background-image: url("/application/themes/klickpark/images/icon-fon.png"); background-image: none, url("/application/themes/klickpark/images/icon-fon.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 23px 18px; padding: 5px 0 5px 40px; background-position: 0px 11px; } @media (min-width: 700px) { .icon-fon { background-size: 39px 28px; background-position: 0px 11px; padding-left: 58px; } } .icon-f { background-image: url("/application/themes/klickpark/images/icon-f.png"); background-image: none, url("/application/themes/klickpark/images/icon-f.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 23px 18px; padding: 5px 0 5px 40px; background-position: 0px 11px; } @media (min-width: 700px) { .icon-f { background-size: 39px 28px; background-position: 0px 11px; padding-left: 58px; } } .icon-fax { background-image: url("/application/themes/klickpark/images/icon-fax.png"); background-image: none, url("/application/themes/klickpark/images/icon-fax.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 23px 18px; padding: 5px 0 5px 40px; background-position: 0px 11px; } @media (min-width: 700px) { .icon-fax { background-size: 32px 29px; background-position: 0px 11px; padding-left: 58px; } } .mod_navigation.nav-02 strong.icon-trans, .mod_navigation.nav-02 a.icon-trans { background-image: url("/application/themes/klickpark/images/icon-trans.png"); background-image: none, url("/application/themes/klickpark/images/icon-trans.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 62px 40px; background-position: center 20px; } .mod_navigation.nav-02 strong.icon-ent, .mod_navigation.nav-02 a.icon-ent { background-image: url("/application/themes/klickpark/images/icon-ent.png"); background-image: none, url("/application/themes/klickpark/images/icon-ent.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 32px 40px; background-position: center 20px; } .mod_navigation.nav-02 strong.icon-ruck, .mod_navigation.nav-02 a.icon-ruck { background-image: url("/application/themes/klickpark/images/icon-ruck.png"); background-image: none, url("/application/themes/klickpark/images/icon-ruck.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 40px 40px; background-position: center 20px; } .mod_navigation.nav-02 strong.icon-service, .mod_navigation.nav-02 a.icon-service { background-image: url("/application/themes/klickpark/images/icon-service.png"); background-image: none, url("/application/themes/klickpark/images/icon-service.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 40px 40px; background-position: center 20px; } .mod_navigation.nav-02 strong.icon-sf6, .mod_navigation.nav-02 a.icon-sf6 { background-image: url("/application/themes/klickpark/images/icon-sf6.png"); background-image: none, url("/application/themes/klickpark/images/icon-sf6.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 37px 40px; background-position: center 20px; } .icon-download { background-image: url("/application/themes/klickpark/images/icon-download.png"); background-image: none, url("/application/themes/klickpark/images/icon-download.svg"); background-repeat: no-repeat; background-position: top left; background-size: 70px 70px; background-size: 50px 50px; } .icon-download a { display: block; padding: 25px; margin-bottom: 0.75em; } #main .news-2 { clear: both; } #main .news-2 .layout_latest { background-image: url("/application/themes/klickpark/images/bg-02.png"); background-position: top left; background-repeat: repeat; margin-top: 0.8rem; margin-bottom: 0.8rem; } @media (min-width: 0) and (max-width: 700px) { #main .news-2 .layout_latest { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { #main .news-2 .layout_latest { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { #main .news-2 .layout_latest { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .news-2 .layout_latest img { width: 100%; height: auto; } #main .news-2 .layout_latest .text { padding: 0.8rem; display: block; overflow: hidden; } #main .news-2 .layout_latest a:after { content: ""; } #main .news-2 .layout_latest p:after { content: " →"; } #main .news-2 .layout_latest p { font-weight: 700; } #main .news-1 { clear: both; } #main .news-1 .layout_latest { background-image: url("/application/themes/klickpark/images/bg-02.png"); background-position: top left; background-repeat: repeat; margin-top: 0.8rem; margin-bottom: 0.8rem; } @media (min-width: 0) and (max-width: 700px) { #main .news-1 .layout_latest { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { #main .news-1 .layout_latest { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { #main .news-1 .layout_latest { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .news-1 .layout_latest h3 { background-image: none; padding: 0; font-family: Roboto Condensed,Helvetica,Arial,sans-serif; font-weight: 700; } #main .news-1 .layout_latest p.more { padding: 0.8rem; } #main .news-1 .layout_latest .text { padding: 0.8rem; display: block; overflow: hidden; } @media (min-width: 700px) { #main .news-1 .layout_latest .text { height: 178px; } } @media (min-width: 1140px) { #main .news-1 .layout_latest .text { height: 128px; } } #main .news-1 .layout_latest img { width: 100%; height: auto; margin-bottom: -0.1em; } @media (min-width: 0) and (max-width: 700px) { #main .news-1 .first.layout_latest { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 700px) { #main .news-1 .first.layout_latest { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 960px) { #main .news-1 .first.layout_latest { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #main .news-1 .first.layout_latest .image_container { overflow: hidden; } @media (min-width: 990px) { #main .news-1 .first.layout_latest .image_container { height: 295px; } } @media (min-width: 1180px) { #main .news-1 .first.layout_latest .image_container { height: 354px; } } @media (min-width: 1640px) { #main .news-1 .first.layout_latest .image_container { height: 404px; } } @media (min-width: 700px) { #main .news-1 .first.layout_latest .text { height: 178px; } } @media (min-width: 1140px) { #main .news-1 .first.layout_latest .text { height: 128px; } } #main .mod_newsreader.news-1 .layout_full { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 960px) { #main .mod_newsreader.news-1 .layout_full { width: 80.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 9.7222222222%; } } @media (min-width: 1140px) { #main .mod_newsreader.news-1 .layout_full { width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 18.0555555556%; } } #main .mod_newsreader.news-1 .layout_full img { width: 100%; height: auto; } #main .mod_newsreader.news-1 .layout_full .teaser { font-weight: 700; } #main .mod_newsreader.news-1 p.back { clear: both; width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-left: 18.0555555556%; } #main .mod_newsreader.news-1 p.back a:after { content: ""; } #main .mod_newsreader.news-1 p.back a:before { content: "← "; } #main .mod_newsreader.news-2 .layout_full { background-image: url("/application/themes/klickpark/images/bg-02.png"); background-position: top left; background-repeat: repeat; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #main .mod_newsreader.news-2 .layout_full h1 { background: none !important; padding: 0.5em; margin-bottom: 0em; } @media (min-width: 990px) { #main .mod_newsreader.news-2 .layout_full h1 { display: block; float: left; width: 34.333%; padding: 1rem; } } @media (min-width: 1140px) { #main .mod_newsreader.news-2 .layout_full h1 { padding: 2.8rem; } } @media (min-width: 990px) { #main .mod_newsreader.news-2 .layout_full .ce_sliderStart { display: block; float: left; width: 65.666%; } } #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .quer, #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .hoch { overflow: hidden; margin-top: 0; margin-bottom: 0; } @media (min-width: 990px) { #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .quer, #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .hoch { height: 395px; } } @media (min-width: 1180px) { #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .quer, #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .hoch { height: 470px; } } @media (min-width: 1640px) { #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .quer, #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .hoch { height: 595px; } } @media (min-width: 990px) { #main .mod_newsreader.news-2 .layout_full .ce_sliderStart .hoch { width: 50%; } } #main .mod_newsreader.news-2 .layout_full img { width: 100%; height: auto; margin-bottom: -7px; } #main .mod_newsreader.news-2 .layout_full .teaser { font-weight: 700; } #main .mod_newsreader.news-2 p.back { margin-top: 2.8em; clear: both; width: 63.8888888889%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 990px) { #main .mod_newsreader.news-2 p.back { margin-top: 9px; } } #main .mod_newsreader.news-2 p.back a:after { content: ""; } #main .mod_newsreader.news-2 p.back a:before { content: "← "; } #main .mod_newsreader.news-2 .slider-control { position: absolute; } #main .mod_newsreader.news-2 .slider-control a.slider-prev, #main .mod_newsreader.news-2 .slider-control a.slider-next { display: none !important; } #main .mod_newsreader.news-2 .slider-control .slider-menu { text-align: right; margin: 0; right: 0; left: auto; top: 9px; } #footer { margin-top: 1px; padding-top: 4.6rem; font-size: 14px; font-size: 0.875rem; background-color: #455057; color: #efefef; } @media (min-width: 960px) { #footer { font-size: 16px; font-size: 1rem; } } #footer .flex-center { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 2.8em; justify-content: space-between; } #footer .logo { width: 72.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } #footer .logo img { width: 200px; height: auto; } @media (min-width: 990px) { #footer .logo img { width: 240px; } } #footer .p-2 { color: #efefef; } #footer .copy { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; font-size: 12px; font-size: 0.75rem; } @media (min-width: 990px) { #footer .copy { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #footer .nav-03 { width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 990px) { #footer .nav-03 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } #footer .top-link { width: 13.8888888889%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; text-align: right; } @media (min-width: 990px) { #footer .top-link { width: 5.5555555556%; float: right; margin-right: 1.3888888889%; margin-left: 1.3888888889%; } } #footer .top-link a { border: 2px solid #efefef; width: 100%; color: #455057; display: block; padding-top: 0.6em; padding-bottom: 0.6em; background-image: url(/application/themes/klickpark/images/icon-top.png); background-repeat: no-repeat; background-position: center center; } #footer .col-1 li { display: block; color: #fff; font-weight: 700; font-size: 18px; font-size: 1.125rem; text-decoration: none; padding: 5px 0 5px 41px; } #footer .col-1 li a { color: #fff; text-decoration: none; } #footer .col-1 li.icon-f, #footer .col-1 li.icon-fon { background-size: 23px 18px; } #footer .col-1 li.icon-mail { background-size: 23px 15px; background-position: 0px 9px; } #footer .col-1 li.icon-fax { background-size: 22px 20px; background-position: 0px 8px; } #footer .col-2 { font-size: 18px; font-size: 1.125rem; } #footer .col-2 address { font-style: normal; } #footer .col-2 br { margin-bottom: 0.5em; } #footer .col-1, #footer .col-2 { margin-top: 0.5em; margin-bottom: 0.5em; width: 97.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } @media (min-width: 700px) { #footer .col-1, #footer .col-2 { width: 47.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1180px) { #footer .col-1, #footer .col-2 { width: 30.5555555556%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; } } @media (min-width: 1640px) { #footer .col-1, #footer .col-2 { width: 22.2222222222%; float: left; margin-left: 1.3888888889%; margin-right: 1.3888888889%; margin-top: 2em; margin-bottom: 2em; } } /*# sourceMappingURL=styles.css.map */ #cookiefirst-policy-page h2 { margin-top: 15px !important }