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%} @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} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} @charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) YAML core stylesheet * (de) YAML Basis-Stylesheet * * Don't make any changes in this file! * Your changes should be placed in any css-file in your own stylesheet folder. * * @copyright Copyright 2005-2009, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.2 * @revision $Revision:426 $ * @lastmodified $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $ */ /** * Contao Extension * @copyright Felix Pfeiffer : Neue Medien 2007 - 2012 * @author Felix Pfeiffer * @package Subcolumns */ @media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}} /*! * Contao Open Source CMS * * Copyright (c) 2005-2016 Leo Feyer * * @license LGPL-3.0+ */ /** * 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 #555; cursor:help; } blockquote,q { quotes:none; } fieldset,img { border:0; } ul { list-style-type:none; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } del { text-decoration:line-through; } ins { text-decoration:none; } header,footer,nav,section,aside,article,figure,figcaption { display:block; } /** * Default font settings */ input,button,textarea,select { font-family:inherit; font-size:99%; font-weight:inherit; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } h1 { font-size:1.8333em; /* 22px */ } h2 { font-size:1.6667em; /* 20px */ } h3 { font-size:1.5em; /* 18px */ } h4 { font-size:1.3333em; /* 16px */ } table { font-size:inherit; } caption,th { font-weight:bold; } /** * Default margins */ h1,h2,h3,h4,h5,h6 { margin-top:1em; } h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form { margin-bottom:15px; /* Should match the font size */ } /** * Flexible images (videos see #4896) * * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries */ img { max-width:100%; /*width: 100%;*/ height:auto; } .ie7 img { -ms-interpolation-mode:bicubic; } .ie8 img { width:auto; /* see #5789 */ } /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: none; text-decoration: inital; text-decoration: none !important; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 300; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.42857143; color: #191919; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #034ea1; text-decoration: none; } a:hover, a:focus { color: #023771; text-decoration: underline; } .clearfix::after { content: ""; clear: both; display: table; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .circle { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .row { margin-left: -20px; margin-right: -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 544px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block { display: none !important; } @media (max-width: 544px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 544px) { .visible-xs-block { display: block !important; } } @media (max-width: 544px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 544px) { .visible-xs-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (max-width: 767px) { .visible-sm-block { display: block !important; } } @media (max-width: 767px) { .visible-sm-inline { display: inline !important; } } @media (max-width: 767px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-xl { display: block !important; } table.visible-xl { display: table !important; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xl-block { display: block !important; } } @media (min-width: 1200px) { .visible-xl-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-xl-inline-block { display: inline-block !important; } } @media (max-width: 544px) { .hidden-xs { display: none !important; } } @media (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg { display: none !important; } } @media (min-width: 1200px) { .hidden-xl { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../files/theme-v2/theme/webfonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/theme-v2/theme/webfonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../../files/theme-v2/theme/webfonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../files/theme-v2/theme/webfonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../files/theme-v2/theme/webfonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../../files/theme-v2/theme/webfonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* -------------------------------------------------------------------------------- * Layout * ----------------------------------------------------------------------------- */ body { display: block; /*max-width: 1920px;*/ margin: auto; font-family: "Open Sans", sans-serif; font-size:16px; max-width: 1920px; margin-left: auto; margin-right: auto; min-width: 321px; } #wrapper { position: relative; min-width:319px; } #header_offset, #header, #container, #section, #footer, #footer_main, #footer_bottom { clear: both; display: block; position: relative; } #container { /*max-width: 1257px;*/ margin-left: auto; margin-right: auto; } .onlymobile { display:none!important; } .only320 { display:none; } .not320 { display:block; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { .onlymobile { display:block!important; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { #wrapper, #main { width: 100%; } .only320 { display:block; } .not320 { display:none; } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { } #header_offset { top: 0; left: 0; right: 0; padding-left: 0px; padding-right: 0px; height:182px; z-index: 9000; -webkit-transition: transform 0.25s ease-in-out 0.1s; -moz-transition: transform 0.25s ease-in-out 0.1s; transition: transform 0.25s ease-in-out 0.1s; display: block; max-width: 1257px; margin: auto; padding-right: 2rem; padding-left: 2rem; } #headlogo { position:absolute; top: 64px; left: 0px; height: 67px; width: 355px; display:block; background-image: url(../../files/theme-v2/theme/elements/malek-hautarztparxis_logo_4c.svg); background-repeat:no-repeat; background-size:cover; z-index:9999; } #header_offset > .inside, { display: block; margin: auto; max-width: 1520px; } #header_offset .header_logo > a { display: block; width: 100%; height: 100%; } #header_offset .header_logo > a > img.logo { display: block; width: 240px; height: 60px; } #header_offset .header_topbar { float: right; clear: right; position: relative; margin-top: 25px; margin-bottom: 25px; } #header_offset .header_topbar > .contactbar > a { font-size: 15px; font-size: 1.5rem; text-transform: uppercase; color: #666666; padding-left: 12px; padding-right: 12px; } #header_offset .header_topbar > .contactbar > span { display: inline-block; font-size: 15px; font-size: 1.5rem; text-transform: uppercase; font-variant-numeric: tabular-nums; -moz-font-feature-settings: "tnum"; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } #header_offset .header_topbar > .contactbar > span.phone { padding-left: 12px; color: #666666; } #header_offset .header_topbar > .sociallinks { margin-left: 60px; } #header_offset .header_topbar > .sociallinks ul { clear: both; overflow: hidden; margin: 0; } #header_offset .header_topbar > .sociallinks li { float: left; position: relative; margin: 0 0 0 10px; } #header_offset .header_topbar > .sociallinks li > a > .fa { font-size: 18px; font-size: 1.8rem; color: #666666; vertical-align: text-bottom; } #header_offset .header_topbar > .sociallinks span { text-indent: -9999em; position: absolute; overflow: hidden; visibility: hidden; } #header { max-width:1518px; margin-left:auto; margin-right:auto; margin-top:-182px; padding-top:182px; } #header_offset #top-navigation { position: absolute; right: 0; /* width: 70px; */ top: 30px; padding-left: 30px; border-bottom: 1px solid #fff; padding-bottom: 19px; } #header_offset #top-navigation li { float:left; margin-left:10px; } #header_offset #top-navigation li a { color:#fff; padding-left:32px; background-image: url(../../files/theme-v2/theme/elements/icons/malek_icons_phone_header.png); background-repeat: no-repeat; } /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { #headlogo { height: 60px; width: 321px; } } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { } /* --- Medium devices - Tablet // sm * ---------------------------------------- */ @media only screen and (max-width: 1024px) { } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { #header_offset { padding-left: 1rem; padding-right: 1rem; height: 152px; } #headlogo { top: 49px; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { #header_offset { height: 112px; } #headlogo { height: 40px; width: 211px; top: 34px; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { #header_offset { height: 89px; } #headlogo { height: 39px; width: 205px; top: 20px; } } #container .mod_article { margin-top: 5rem; margin-bottom: 8rem; margin-left:auto; margin-right:auto; width:100%; max-width: 1518px; } #container .mod_article:first-child { margin-top: 8rem; } .mod_article .content-container { width:100%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; } /*.startpage .mod_article .content-container::before, .startpage #header_offset::before { content: " "; position: absolute; width: 60px; height: 100%; display: inline-block; background-color: yellow; margin-left: -60px; overflow: visible; top: 0px; } .startpage .mod_article .content-container::after, .startpage #header_offset::after { content: " "; position: absolute; width: 60px; height: 100%; display: inline-block; background-color: yellow; margin-right: -60px; overflow: visible; top: 0px; }*/ .mod_article.full-width-1920, .contentpage.type-a .mod_article, .gallerypage .mod_article { display: block; margin: auto; max-width: 1920px; padding-left:2.5%; padding-right:2.5%; } .mod_article.full-width-screen { display: block; width:100%; padding-left:0%; padding-right:0%; background-image:url(../../files/theme-v2/theme/elements/background-article.jpg); max-width: 1920px!important; padding-top:107px; background-repeat: no-repeat; } .mod_article.full-width-screen > .content-container { max-width: 1518px; margin-left: auto; margin-right: auto; } .mod_article.full-width-screen.w1260 > .content-container, .startpage:not(.indexpage) #main .mod_article .content-container, { max-width: 1260px!important; } .startpage:not(.indexpage) #container .mod_article:not(.full-width-screen) { max-width: 1260px!important; } .mod_article.full-width-screen > .content-container p, .mod_article.full-width-screen > .content-container h2, .mod_article.full-width-screen > .content-container h6 { color:#fff; } .mod_article.full-width-screen.contentcolumn { display: block; /*width:100%;*/ /*background-color:red;*/ padding-left:0%; padding-right:0%; } .mod_article.full-width-screen.contentcolumn.content-width-1760 .content-container { max-width:1760px; } .mod_article.full-width-screen.contentcolumn.content-width-1200 .content-container { max-width:1200px; } /* .content-container{ content: ""; display: table; clear: both; } */ /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { .indexpage #container .mod_article.full-width-screen .content-container { padding-left: 1rem!important; padding-right: 1rem!important; } } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { #container .mod_article { margin-top: 3.5rem; margin-bottom: 6rem; } #container .mod_article:first-child { margin-top: 6rem; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { #container .mod_article { margin-top: 2.5rem; margin-bottom: 5rem; } #container .mod_article:first-child { margin-top: 5rem; } .mod_article.full-width-screen.w1260 .content-container { padding-left:2rem; padding-right:2rem; } .indexpage #container .mod_article.full-width-screen { background-color: #4c697b; padding-bottom: 2.5rem; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { #container .mod_article { margin-top: 2.5rem; margin-bottom: 3.5rem; } #container .mod_article:first-child { margin-top: 3.5rem; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { } #footer, #footer_offset { max-width:1920px; margin:auto; color:#4B687A; } #footer a { color:#4B687A; } #footer_offset { margin-top: 80px; } #footer { padding-top:161px; padding-bottom: 64px; background-color: #E8EEF2;; background-image:url('/files/theme-v2/theme/elements/footer/malek_signet_footer.png'); background-position:right bottom; background-repeat:no-repeat; } #footer .inside{ max-width:1200px; margin-left: auto; margin-right: auto; } #footer .ce_text h3, #footer .ce_text h4, #footer .ce_text p, #footer .ce_hyperlink { padding-left:48px; } #footer .ce_text h4 { font-size: 20px; font-weight: 500; } #footer .col-kontakt { margin-top:5rem; } #footer .icon_location { background-image: url(../../files/theme-v2/theme/elements/footer/malek_icons_maps.png); background-repeat:no-repeat; } #footer .icon_spz { background-image: url(../../files/theme-v2/theme/elements/footer/malek_icons_sprechzeiten.png); background-repeat:no-repeat; } #footer .icon-kontakt { background-image: url(../../files/theme-v2/theme/elements/footer/malek_icons_kontakt.png); background-repeat:no-repeat; } #footer .ce_hyperlink { margin-top:1rem; } #footer .ce_hyperlink a { padding-left:24px; background-image: url(../../files/theme-v2/theme/elements/malek_arrow-empty_blue.png); background-repeat:no-repeat; background-position: center left; } #footer .ce_hyperlink a:hover { background-image: url(../../files/theme-v2/theme/elements/malek_arrow_blue.png); } #footer p { margin-bottom:4px; } .footer-links { margin-top: 64px; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { #footer { margin-left: -2rem; margin-right: -2rem; } } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1280px) { #footer .inside { padding-left:2rem; padding-right:2rem; } } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { #footer { padding-top: 5rem; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { #footer1{ margin-left: -1rem; margin-right: -1rem; padding-left:1rem; padding-right:1rem; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { #footer { padding-top: 3rem; } #footer p, #footer .footer-links { font-size: 14px; line-height: 23px; } .footer-links { margin-top: 32px; } #footer .subcolumns > div { width: 100%!important; display: block; } #footer .subcolumns > div .subc, #footer .subcolumns > div .subcl, #footer .subcolumns > div .subcr { padding-left: unset!important; padding-right: unset!important; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { #footer .subcl > .ce_image { max-width: 250px; } #footer .col-kontakt { margin-top: 2rem; } } /* -------------------------------------------------------------------------------- * Globals: ELEMENTE * ----------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { } h1 { font-weight: 600; font-size: 2.375rem; text-align: left; color: #587c7f; margin-bottom: 3rem; } h2 { font-weight: 500; font-size: 2.25rem; color: #587c7f; margin-bottom: 3rem; } h3 { color:#587c7f; } h6 + h2, h6 + h1 { margin-top: 0; text-align: left; } h4{ font-weight: 500; font-size: 1.5625rem; color: #587c7f; } h6 { margin: 0; font-size: 20px; letter-spacing: 0.1em; line-height: 30px; color: #729496; text-transform: uppercase;38 } .image_container + h3 { margin-top: 0.25rem; } p { font-style: normal; font-size:16px; line-height:30px; color:#707070; } td { color:#707070; } p.teaser, .teaser p { font-style: normal; font-size:17px; line-height:25px; color:#426173; } .ce_text ul { margin-left:24px; color: #707070; line-height: 30px; } .ce_text li { list-style: disc } .ce_text strong { font-weight: 600; } .kursiv { font-style:italic; } .ce_download .download-element, .ce_downloads .download-element { padding-left:30px; background-image:url('/files/mhr20/theme/elements/geopark_download.png'); background-repeat:no-repeat; background-position:0 4px; } .ce_dlh_googlemaps { width:100%; } /* -------------------------------------------------------------------------------- * Globals: LINKS & BUTTON * ----------------------------------------------------------------------------- */ .col-container { } .col-container:after { content: ""; clear: both; display: table; } .col_w20 { width:20%; float:left; } .col_w25 { width:25%; float:left; } .col_w33 { width:33.333333%; float:left; } .col_w50 { width:50%; float:left; } .col_w66 { width:66.666666%; float:left; } .col_w100 { width:100%; float:left; } .w777 p { max-width: 777px; margin-left: auto; margin-right: auto; } /* -------------------------------------------------------------------------------- * Globals: LINKS & BUTTON * ----------------------------------------------------------------------------- */ a { color:#426173; text-decoration: none ; } a:hover { color:#118ba3; text-decoration: none ; } .link-as-button a, a.button, button { box-sizing: border-box; padding-right: 7px; padding-left: 7px; border: 1px solid #4B687A; display: inline-block; padding-left: 19px; padding-right: 19px; color:#4B687A; padding-top: 4px; padding-bottom: 4px; font-weight: 500; } .link-as-button a:hover, a.button:hover, button:hover { background-color:#4B687A; color:#fff; } .link-as-textlink1 a { padding-left:24px; background-image: url(../../files/theme-v2/theme/elements/malek_arrow-empty_blue.png); background-repeat:no-repeat; background-position: center left; } .link-as-textlink1 a:hover { background-image: url(../../files/theme-v2/theme/elements/malek_arrow_blue.png); color:#ff945f; } /* -------------------------------------------------------------------------------- * Globals: MARGIN/PADDING * ----------------------------------------------------------------------------- */ .align-center { text-align:center; } /* -------------------------------------------------------------------------------- * Globals: COLOR * ----------------------------------------------------------------------------- */ .col_magenta { color:#b90f5f!important; } .col_purpur { color:#b8105e!important; } .col_blue { color:#2fc8d8!important; color:#4bbed0!important; } .col_white { color:#fff; } .col_black { color:#333333; } .bgr-color-bluegrey { background-color:#426173; } .bgr-color-green { background-color:#aab50d; } .mt-xxl { margin-top: 8rem!important; } .mt-xl { margin-top: 6rem!important; } .mt-l { margin-top: 4rem!important; } .mt-m { margin-top: 2rem!important; } .mt-s { margin-top: 1rem!important; } .mb-xxl { margin-bottom: 8rem!important; } .mb-xl { margin-bottom: 6rem!important; } .mb-l { margin-bottom: 4rem!important; } .mb-m { margin-bottom: 2rem!important; } .mb-s { margin-bottom: 1rem!important; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { .iconsize img { width: 150px; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { h1 { font-size: 2.1rem; margin-bottom: 2rem; hyphens: auto; } h2 { font-size: 2rem; margin-bottom: 2.25rem; hyphens: auto; } h3 { } h6 + h2, h6 + h1 { } h4{ font-size: 1.3625rem; } h6 { font-size: 18px; line-height: 26px; } p { font-size:15px; line-height:26px; } td { color:#707070; } p.teaser, .teaser p, td { font-size:15px; line-height:25px; } .ce_text ul { line-height: 26px; } .subcolumns.col-25x25x25x25 { display: flex; flex-direction: row; flex-wrap: wrap; } .subcolumns.col-25x25x25x25 > div { width: 50%!important; display: block; } .columnborder { margin-bottom: 1.5rem; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { .subcolumns.col-50x50 > div, .subcolumns.col-40x60 > div { width: 100%!important; display: block; } .subcolumns.col-50x50 > div .subc, .subcolumns.col-50x50 > div .subcl, .subcolumns.col-50x50 > div .subcr, .subcolumns.col-40x60 > div .subc, .subcolumns.col-40x60 > div .subcl, .subcolumns.col-40x60 > div .subcr { padding-left: unset!important; padding-right: unset!important; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { .col_w25 { width:50%; float:left; } .col_w33 { width:100%; float:left; } .col_w50 { width:100%; float:left; } .col_w66 { width:100%; float:left; } .subcolumns.col-25x25x25x25 > div { width: 100%!important; display: block; } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { h1 { font-size: 1.7rem; margin-bottom: 1.5rem; hyphens: auto; } h2 { font-size: 1.3rem; margin-bottom: 1.8rem; hyphens: auto; } .subcolumns > div { width: 100%!important; display: block; } .subcolumns > div .subc, .subcolumns > div .subcl, .subcolumns > div .subcr { padding-left: unset!important; padding-right: unset!important; } table td { width: 100% !important; display: inline-block; height: 24px !important; } table td:last-child { margin-bottom: 12px; } } .contao-cookiebar p { color:#1F1F1F; } .contao-cookiebar h3 { color:#4b687a!important; } .contao-cookiebar .cc-btn.success { background-color:#4b687a!important; } .cookiebar-index { z-index:9999; } .ncoi---behind { z-index:9999; } .ncoi---behind .ncoi---container { border-radius:0px; border: 2px solid #95ad0d; max-width:600px; width:90%; margin-bottom:40px; } .ncoi---container { padding: 20px!important; } .ncoi---container .ncoi---hint { display: block; float: left; width: 100%; box-sizing: border-box; padding: .35rem .5rem; font-size: 14px!important; line-height: 24px; margin: 0; } .ncoi---container label.ncoi---sliding { font-size: 14px; line-height: 19px; } .ncoi---container .ncoi---cookie-groups { display: flex; float: left; align-items: flex-start; justify-content: center; flex-wrap: wrap; width: 100%; box-sizing: border-box; border-top: 0px solid grey!important; border-bottom: 0px solid grey!important; padding: 1rem 0; margin: 1rem 0; font-size: 14px; line-height: 19px; } .ncoi---container .ncoi---actions .ncoi---action button { border-radius: 0px!important; font-size: 14px!important; height: 3rem!important; } .ncoi---container #ncoi---allowed--all { background: #95ad0d; color: #fff; border: 1px solid #95ad0d; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---allowed:hover, .ncoi---container #ncoi---infos--show:hover { background: white!important; color: #95ad0d!important; border: 1px solid #95ad0d!important; } .ncoi---container button:after{ content:""; } .ncoi---behind .ncoi---container .ncoi---cookie-groups { margin-bottom:24px; } .ncoi---behind .ncoi---footer { margin-top:24px; } .ncoi---behind .ncoi---container .ncoi---footer .ncoi---split, .ncoi---behind .ncoi---container .ncoi---footer a { font-size:1.4rem!important; color:#426173!important; } .ncoi---behind .ncoi---container .ncoi---footer a:hover { color:#95ad0d!important; } .ncoi---behind .ncoi---table .ncoi---link { color:#426173!important; } .ncoi---container h2 { font-weight: 100; font-size: 24px!important; line-height: 23px!important; margin-top: 9px!important; margin-bottom: 9px!important; font-style: normal; font-weight: 400!important; margin-bottom: 35px!important; font-size: 1.5em!important; position:relative; } .ncoi---behind .ncoi---container .ncoi---table table tbody tr th, .ncoi---behind .ncoi---container .ncoi---table table tbody tr td { padding: .30rem .50rem; font-size: 1.2rem; line-height: 1.4rem; word-wrap: break-word; } .ncoi---behind .ncoi---container .ncoi---table table tbody { border-top: 1px solid grey; } body #wrapper { background-image: url(../../files/theme-v2/theme/elements/header-background.jpg); background-repeat: no-repeat; /* background-size: cover; */ background-position: top right; max-width: 1920px; margin-left: auto; margin-right: auto; background-size: 50% 760px; padding-left: 2rem; padding-right: 2rem; } .mod_rocksolid_slider h1, .headmobile h1 { font-weight: 600; font-size: 45px; text-align: right; color: #ff945f; line-height: 55px; } .mod_rocksolid_slider .col_1 { vertical-align: middle; } .mod_rocksolid_slider p.slidert, .headmobile p.slidert { font-family: "Open Sans"; font-weight: 600; font-size: 25px; text-align: right; color: #4b687a; line-height: 1.5; } .mod_rocksolid_slider .align-right { text-align: right } .headnomobile { display: block; } .headmobile { display: none; text-align: center; } .headmobile h1, .headmobile p.slidert { text-align: center; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { body #wrapper { background-size: 50% 600px; } .mod_rocksolid_slider h1, .headmobile h1 { font-size: 41px; line-height: 50px; } .mod_rocksolid_slider p.slidert, .headmobile p.slidert { font-size: 21px; } } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { .mod_rocksolid_slider h1, .headmobile h1 { font-size: 38px; line-height: 46px; } .mod_rocksolid_slider p.slidert, .headmobile p.slidert { font-size: 19px; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { body #wrapper { padding-left: 1rem; padding-right: 1rem; background-size: 50% 500px; } .mod_rocksolid_slider h1, .headmobile h1 { font-size: 33px; line-height: 38px; } .mod_rocksolid_slider p.slidert, .headmobile p.slidert { font-size: 17px; } } @media only screen and (max-width: 864px) { .headnomobile { display: none; } .headmobile { display:block; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { .image_container + h4 { margin-top: 2px; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { body #wrapper { background-image: unset; } } /* -------------------------------------------------------------------------------- * Page-Configuration * ----------------------------------------------------------------------------- */ .contentpage #container { max-width: 1257px; } .contentpage.max-w1200 #container { margin-left: auto; margin-right: auto; max-width:1200px; } .contentpage #footer{ margin-top:80px; } /* -------------------------------------------------------------------------------- * Page-Templates * ----------------------------------------------------------------------------- */ .contentpage.cp-sbr #right { width: 33.333333333%; } .contentpage.cp-sbr #right { margin-right: -100%; padding-left:60px; } .contentpage.cp-sbr #main { width: 780px; width: 66.666666666%; } #main, #left, #right { float: left; position: relative; } /* -------------------------------------------------------------------------------- * Page-Elemtens * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { .contentpage.max-w1200 #container { padding-left:16px; padding-right:16px; } } @media only screen and (max-width: 1025px) { } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { .contentpage.cp-sbr #right { display:none; } .contentpage.cp-sbr #main{ width:80%; box-sizing:border-box; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { .contentpage.cp-sbr #right { display:none; } .contentpage.cp-sbr #main{ width:100%; box-sizing:border-box; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { } /* -------------------------------------------------------------------------------- * ce_text * ----------------------------------------------------------------------------- */ .startpage .ce_text.teaser { text-align:center; max-width:70%; margin-left:auto; margin-right:auto; margin-bottom:42px; } .contentpage #main .ce_text { max-width:90%; } /* -------------------------------------------------------------------------------- * ce_image * ----------------------------------------------------------------------------- */ .contentpage #main .ce_image.layered .image_container { position:relative; } /* .contentpage #main .ce_image.layered .image_container:after{ content:""; position:absolute; display:block; top:0; left:0; right:0; bottom:0; background-image:url("/files/mhr20/theme/elements/ce_image_layer.png");; background-size:contain; }*/ /* -------------------------------------------------------------------------------- * ce_gallery * ----------------------------------------------------------------------------- */ .ce_text + .ce_gallery { margin-top: 5rem; } .ce_gallery ul { margin-left:-3px; margin-right:-3px; position:relative; } .ce_gallery > ul li { box-sizing: border-box; padding-left:3px; padding-right:3px; float:left; } .ce_gallery > ul.cols_2 li { width:50%; height:auto; } .ce_gallery > ul.cols_3 li { width:33%; height:auto; } .ce_gallery > ul.cols_4 li { width:25%; height:auto; } #cboxTitle, #cboxCurrent { display:none!important; } .ce_accordion .toggler { font-weight: 600; font-size: 22px; letter-spacing: -0.01em; text-align: left; color: #4b687a; padding-top: 1.5rem; padding-bottom: 1.5rem; border-top:1px solid #e8eef2; cursor: pointer; background-image:url("/files/theme-v2/theme/elements/malek_arrow-down.png"); background-repeat: no-repeat; background-position: right 37px; padding-right: 2rem; } .ce_accordion .toggler.active { background-image: url("/files/theme-v2/theme/elements/malek_arrow-up.png"); } .ce_accordion .accordion { } /* -------------------------------------------------------------------------------- * form * ----------------------------------------------------------------------------- */ #wrapper .ce_form { background-color:#E8EEF2; padding-left:129px; padding-right:129px; padding-top: 90px; padding-bottom: 90px; } #wrapper .ce_form p { color: #707070; } #wrapper .ce_form .widget-text label, #wrapper .ce_form .widget-textarea label { font-family: "Open Sans"; font-weight: normal; font-size: 20px; letter-spacing: 0.1em; line-height: 30px; text-align: left; color: #4b687a; text-transform: uppercase; margin-bottom: 8px; display:block; } #wrapper .ce_form input[type="text"], #wrapper .ce_form textarea, input[type="search"], input[type="email"] { width: 100%; height: 42px; background: #fff; border: 0px; padding: 20px; margin-bottom:24px; } input[type="search"] { box-sizing: border-box; } #wrapper .ce_form .widget-checkbox { margin-bottom:24px; } #wrapper .ce_form .widget-checkbox fieldset { border:0px; font-size:14px; position:relative; } #wrapper .ce_form .widget-checkbox input[type="checkbox"] { position:absolute; margin-top: 5px; } #wrapper .ce_form .widget-checkbox label { margin-left:24px; display:block; } #wrapper .ce_form textarea { height:250px; } #wrapper .ce_form textarea.anschrift { height:80px; } .mod_search .widget-submit { margin-bottom:48px; } .cookiebar { background-color:#426173; border-top: 5px solid #fff; } .cookiebar__button { background-color: #aab50d; font-weight: 300; } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover { border: 0px solid #ccc; border: 0px solid rgba(0,0,0,0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; outline: none; line-height: 0; text-align: center; text-decoration: none; text-indent: -9999em; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background-image: none; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; background-position: 50% 50%; -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transition: unset; } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-prev:hover { background-image: none; background-color:unset; background-repeat:no-repeat; background-image:url("/files/mhr20/theme/elements/slider-nav-left.png"); } .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-next:hover { background-image: none; background-color:unset; background-repeat:no-repeat; background-image:url("/files/mhr20/theme/elements/slider-nav-right.png"); } .rsts-skin-default .rsts-nav-bullets a, .rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { display: inline-block; width: 9px; height: 9px; overflow: hidden; margin: 12px 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; outline: none; text-align: left; text-indent: -999px; background-color: #fff; background-color: #fff; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } .rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { background-color: #aab50d; } /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { .startpage .ce_text.teaser { text-align:center; max-width:85%; } #wrapper .ce_form { padding:2rem; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { #wrapper .ce_form { margin-left:-2rem; margin-right:-2rem; padding:1rem; } } /* -------------------------------------------------------------------------------- * Main Navigation * ----------------------------------------------------------------------------- */ /* --- Basic Styling * ---------------------------------------- */ .mod_navigation.main {} .mod_navigation a { color:#fff; } .mod_navigation.main > a { display: none; } .mod_navigation.main li { position: relative; } /* first level ---------- */ .mod_navigation.main > ul.level_1 { padding-bottom: 10px; float: right; } .mod_navigation.main > ul.level_1 > li { float: left; height: 100%; } /* second level ---------- */ .mod_navigation.main li > ul.level_2 { display: none; position: absolute; top: 100%; text-transform:unset; } .mod_navigation.main li:hover ul.level_2 { display: block; } /* --- Custom Styling * ---------------------------------------- */ .mod_navigation.main { overflow: visible; position: relative; /* float: left; */ clear: both; font-size: 16px; /* right: 0px; */ position: absolute; right: 0px; top: 103px; font-size: 18px; font-weight: 500; /* font-family: "Bree W05 Regular",Arial; */ } .mod_navigation.main ul { padding: 0; margin: 0; list-style: none; } /* first level ---------- */ .mod_navigation.main ul.level_1 > li { /*border-bottom: 2px solid blue;*/ -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; padding-right:4px; margin: 17px; } .mod_navigation.main ul.level_1 > li.last { margin-right: 0px; } /* .mod_navigation.main ul.level_1 > li:before { position: absolute; content: url("/files/themes/ederberglandhalle/images/global/pfeil_m.png"); top:18px; right:0px; width: auto; height: 17px; }*/ .mod_navigation.main ul.level_1 > li:after { /*position: absolute; content: " "; border-bottom: 6px solid transparent; bottom:0; width: 100%; height: 6px;*/ } .mod_navigation.main ul.level_1 > li:hover:after { border-bottom: 6px solid #66c1bf; } .mod_navigation.main ul.level_1 > li > a, .mod_navigation.main ul.level_1 > li > span, .mod_navigation.main ul.level_1 > li > strong { display: block; color: #fff; /*padding-left:25px; padding-right:15px;*/ text-transform:uppercase; } .mod_navigation.main ul.level_1 > li > span, .mod_navigation.main ul.level_1 > li > strong, .mod_navigation.main ul.level_1 > li.submenu.trail > a { color:#FF945F!important; font-weight: 500; /*border-bottom:3px solid #426173;/ padding-bottom:5px;*/ } .mod_navigation.main ul.level_1 > li > strong { } /* second level ---------- */ .mod_navigation.main ul.level_2 { background-color: rgba(66, 97, 115, 0.85); /*border-top: 2px solid #66c1bf;*/ left: 0; right: auto; padding-top: 10px; padding-bottom: 10px; /*margin-left:26px;*/ width:auto; min-width:250px; } .mod_navigation.main li.last ul.level_2{ left: unset; right:0; } /* .mod_navigation.main ul.level_1 > li.last ul.level_2 { right: 0; left: auto; }*/ .mod_navigation.main ul.level_1 > li ul.level_2 > li { padding: 5px 30px 5px 20px; } /* .mod_navigation.main ul.level_1 > li.last ul.level_2 > li { text-align: right; padding: 5px 20px 5px 30px; } */ .mod_navigation.main ul.level_2 > li { font-size:16px; } .mod_navigation.main ul.level_2 > li > a, .mod_navigation.main ul.level_2 > li > span, .mod_navigation.main ul.level_2 > li > strong { display: block; color: #fff; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; text-transform:uppercase; } .mod_navigation.main ul.level_2 > li > a, .mod_navigation.main ul.level_2 > li > span, .mod_navigation.main ul.level_2 > li > strong { font-size: 16px; text-transform:unset; } .mod_navigation.main ul.level_2 > li:hover > a, .mod_navigation.main ul.level_2 > li:hover > span, .mod_navigation.main ul.level_2 > li:hover > strong, .mod_navigation.main ul.level_2 > li > strong { color: #FF945F; font-size: 16px; font-weight: 500; } .text-small { text-transform: none; letter-spacing: 0.75px; padding-left: 1px; } /* -------------------------------------------------------------------------------- * Mobile Navigation * ----------------------------------------------------------------------------- */ /* --- Overlay * ---------------------------------------- */ /*#mmenu { z-index:-1; }*/ .mod_navigation.mobile { overflow: visible; position: absolute; /* float: left; */ clear: both; font-size: 22px; /* right: 0px; */ position: absolute; right: 24px; top: 7px; font-family: "Miso",Arial; font-size:20px; text-align:right; } .mod_navigation.mobile ul.level_1 > li > a, .mod_navigation.mobile ul.level_1 > li > span, .mod_navigation.mobile ul.level_1 > li > strong { display: block; padding: 8px; color: #fff!important; padding-left:25px; padding-right:15px; text-transform:uppercase; font-size:30px; } .mod_navigation.mobile ul.level_9 { background-color: rgba(128, 128, 128, 0.85); /*border-top: 2px solid #66c1bf;*/ left: 0; right: auto; padding-top: 12px; padding-bottom: 12px; padding-right:24px; width:300px; } .mod_navigation.mobile ul.level_2 { margin: 0px 15px 14px 15px; } .mod_navigation.mobile ul.level_2 > li { display: inline-block; margin-left: 15px; } /* position: absolute; right: 16px; background: blue; height: 24px; width: 24px; top: 70px;*/ .c-hamburger { position: absolute; top: 78px; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9999; } .c-hamburger { background-color: transparent; display: block; overflow: hidden; margin: 0; padding: 0; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .c-hamburger:focus { outline: none; } .c-hamburger span { display: block; position: absolute; top: 22px; left: 24px; right: 8px; margin-right:-8px; height: 4px; background: #ff945f; } .c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #ff945f; content: ""; } .c-hamburger span::before { left: -16px; right: 0; top: -10px; width: auto; } .c-hamburger span::after { bottom: -10px; left: -8px; right: 0; width: auto; } .c-hamburger--htx { background-color: transparent; } .c-hamburger--htx span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; } .c-hamburger--htx span::before, .c-hamburger--htx span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .c-hamburger--htx span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .c-hamburger--htx span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } /* active state, i.e. menu open */ .c-hamburger--htx.is-active1 { background-color: transparent; } .c-hamburger.is-active1 span { background: #fff; left: 8px; right: 8px; width: auto; } .c-hamburger--htx.is-active1 span { background: none; } .c-hamburger--htx.is-active1 span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-hamburger--htx.is-active1 span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-hamburger.is-active1 span::before, .c-hamburger.is-active1 span::after { background-color: #fff; left: auto; right: auto; width: 100%; } .c-hamburger--htx.is-active1 span::before, .c-hamburger--htx.is-active1 span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } #mmenu { display:none; } .mm-listitem { color:#4b687a; } .mm-listitem_selected { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:20px; padding-right:10px; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -ms-flex-preferred-size:10%; flex-basis:10% display: block; padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2); padding-left:20px; } .mm-listitem--selected strong,.mm-listitem.trail strong { font-weight:600; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; padding-top: 14px; color:#ff945f; } /* -------------------------------------------------------------------------------- * Navigation-Path * ----------------------------------------------------------------------------- */ .mod_navigation.sidebar:after { content:""; position:absolute; display:block; height:8px; left:0; right:0; bottom:0; background-size:cover; background-repeat:no-repeat; } .mod_navigation.sidebar:before { content:""; position:absolute; display:block; height:8px; left:0; right:0; top:0; background-size:cover; background-repeat:no-repeat; } /* .mod_navigation.sidebar:after { background-image:url("/files/mhr20/theme/elements/geopark_overlay-green_buttom.png"); }*/ .mod_navigation.sidebar { margin-top: 8rem; } .mod_navigation.sidebar h4 { color: #587C7F; font-size: 28px; line-height: 34px; margin-top: 0px; } .mod_navigation.sidebar ul { margin-bottom:0px; } .mod_navigation.sidebar li1, .mod_navigation.sidebar li a { font-size:16px; line-height:24px; padding-bottom:6px; color:#587C7F; padding-left: 24px; background-image: url(../../files/theme-v2/theme/elements/malek_arrow-empty_blue.png); background-repeat:no-repeat; background-position: center left; } .mod_navigation.sidebar li strong { padding-left: 24px; background-image: url(../../files/theme-v2/theme/elements/malek_arrow-empty_blue.png); background-repeat:no-repeat; background-position: center left; } .mod_navigation.sidebar li, .mod_navigation.sidebar li a:hover { color:#FF945F; font-weight: 600; } .mod_navigation.sidebar ul.level_2 { margin-left: 26px; margin-top: 6px; display:none; } .mod_navigation.sidebar ul.level_2 li a { padding-left: 24px; background-image: url(../../files/theme-v2/theme/elements/malek_arrow-empty_blue.png); background-repeat:no-repeat; background-position: center left; } .mod_navigation.sidebar ul.level_2 li strong { background-image: url(/files/mhr20/theme/elements/geopark_pfeil-hyperlink-footer.png); background-repeat:no-repeat; background-position:left 8px; padding-left:24px; } .mod_navigation.sidebar ul.level_2 li.active { background-image: url(/files/mhr20/theme/elements/geopark_pfeil-hyperlink-button_gruen.png); } .mod_navigation.sidebar li.active ul.level_2, .mod_navigation.sidebar li.trail ul.level_2 { display:block; } /* -------------------------------------------------------------------------------- * Navigation-Path * ----------------------------------------------------------------------------- */ .mod_breadcrumb { margin-top:24px; } .mod_breadcrumb, .mod_breadcrumb a{ color:#ababab!important; font-size:12px; } .mod_breadcrumb li { float: left; margin-right:12px; } .mod_breadcrumb li:not(.first):before{ content:">"; display:inline-block; padding-right:12px; } /* -------------------------------------------------------------------------------- * Quicklinks * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { } @media only screen and (max-width: 1080px) { .mod_navigation.main ul.level_1 > li { margin-right:0px; } .mod_navigation { right: 73px; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { .mod_navigation.main { display:none; } .nomobilemenu { display: none; } #mmenu { display:block; } #header_offset #top-navigation { position: absolute; right: 69px; width: 70px; top: 68px; padding-left: 32px; border-bottom: unset; padding-bottom: 19px; } #header_offset #top-navigation li a { padding-bottom: 2px; } .c-hamburger { right:0px; } #header_offset #top-navigation { right: 53px; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { #header_offset #top-navigation { top: 42px; } .c-hamburger { top: 52px; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { .c-hamburger { position: absolute; top: 57px; } #header_offset #top-navigation { top: 29px; } .c-hamburger { position: absolute; top: 39px; } } /* -------------------------------------------------------------------------------- * Nachrichten: Allgemeine Einstellungen * ----------------------------------------------------------------------------- */ .startpage #themen .layout_latest h2, .startpage #themen-hi .layout_latest h2 { margin-top:0px; margin-bottom:20px; text-align:left; color: #000; font-family: "Bree Serif W01 It", sans; font-size: 28px; line-height: 34px; } .startpage #themen .layout_latest h2 a, .startpage #themen-hi .layout_latest h2 a { color:#000!important; } .startpage #themen .layout_latest h5, .startpage #themen-hi .layout_latest h5 { margin-top: 0px; color: #718996; font-family: "Bree W05 Light", sans-serif; text-transform: uppercase; margin-bottom: 6px; } #themen .layout_latest { position:relative; width:100%; float:left; box-sizing: border-box; border-right:5px solid #fff } #themen .layout_latest .image_container, #themen-hi .layout_latest .image_container { position:relative; } #themen .layout_latest.even .image_container::after { content:url(../../files/theme-v2/theme/elements/geopark_dreieck_links.png); position:absolute; top:80px; right:0px; } #themen .layout_latest.odd .image_container::after { content:url(../../files/theme-v2/theme/elements/geopark_dreieck_rechts.png); position:absolute; top:80px; left:0px; } #themen .layout_latest .news-container { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction:row; width: 100%; } #themen .layout_latest.odd .news-container { flex-direction:row-reverse; } /* #themen .layout_latest.odd .news-container { flex-direction:column-reverse; }*/ #themen .layout_latest .news-container .image_container, #themen .layout_latest .news-container .hover-container { background-color:#f2f4f5; height:400px; display:block; box-sizing:border-box; flex:1 1 50%; } #themen .layout_latest.even .news-container .image_container, #themen .layout_latest.even .news-container .hover-container { border-bottom: 5px solid #fff; } #themen .layout_latest.odd .news-container .image_container, #themen .layout_latest.odd .news-container .hover-container { border-top: 5px solid #fff; } #themen .layout_latest.odd .news-container .image_container, #themen .layout_latest.even .news-container .hover-container { border-left: 5px solid #fff; } #themen .layout_latest.even .news-container .image_container, #themen .layout_latest.odd .news-container .hover-container { border-right: 5px solid #fff; } #themen-hi .layout_latest { border-left: 5px solid #fff; } #themen .layout_latest .news-container .hover-container { padding:45px; /*padding-top:80px;*/ } #themen-hi .layout_latest .news-container .hover-container { padding-left:45px; padding-right:45px; background-color:#f2f4f5; padding-top:25px; padding-bottom:25px; } #themen-hi .layout_latest .image_container{ border-bottom: 5px solid #fff; } #themen-hi .layout_latest .image_container::after { content:url(../../files/theme-v2/theme/elements/geopark_dreieck_oben.png); position:absolute; bottom:-6px; left:50px; } .mod_newslist .layout_latest p.more a { font-family: "Bree W01 Semibold", serif; color: #5e5e5e !important; text-transform: uppercase; } .mod_newslist .layout_latest p.more a:before { color: #fff; content: ""; background-image: url(/files/mhr20/theme/elements/geopark_pfeil-hyperlink-button.png); background-repeat:no-repeat; width:20px; padding-right: 5px; display:inline-block; position:relative; height:20px; background-position:left 11px; } /* -------------------------------------------------------------------------------- * Nachrichten: SIDEVIEW * ----------------------------------------------------------------------------- */ .mod_newslist.listview { margin-top:36px; } .mod_newslist.listview .layout_latest .news-container { display: -webkit-flex; display: -ms-flex; display: flex; width: 100%; border-bottom: 2px solid #b7b7b7; margin-bottom: 28px; } .mod_newslist.listview .layout_latest.last .news-container { border-bottom:0px; } .mod_newslist.listview .layout_latest .news-container .image_container { width:160px; max-width:160px; } .mod_newslist.listview .layout_latest .news-container .hover-container { width:160px; flex-grow:4; } .mod_newslist.listview .layout_latest .news-container .hover-container { padding-left:24px; } .mod_newslist.listview .layout_latest .news-container p.info { margin-top: 0px; color: #718996; font-family: "Bree W05 Light", sans-serif; text-transform: uppercase; margin-bottom: 6px; } .mod_newslist.listview .layout_latest .news-container h2, .mod_newslist.listview .layout_latest .news-container h2 a { text-align: left; color: #000; font-family: "Bree Serif W01 It", sans; font-size: 28px; line-height: 34px; margin-top:0; } /* -------------------------------------------------------------------------------- * Nachrichten: SIDEVIEW * ----------------------------------------------------------------------------- */ .mod_newslist.sideview .layout_latest .image_container, .mod_newslist.sideview .layout_latest .image_container img { width:100%; height:auto; } .mod_newslist.sideview .layout_latest .content_container { padding:50px 40px 25px 40px; background-color:#f2f4f5; } .mod_newslist.sideview .layout_latest .content_container h5 { margin-top:0px; color:#718996; font-family:"Bree W05 Light", sans-serif; text-transform:uppercase; margin-bottom:6px; } .mod_newslist.sideview .layout_latest .content_container h4, .mod_newslist.sideview .layout_latest .content_container h4 a { color:#000; font-family:"Bree Serif W01 It", sans; font-size:28px; line-height:34px; margin-top:0px; } .mod_newslist.sideview .layout_latest p.more a, .mod_newslist.sideview .layout_latest p.more a:hover { color:#000; } } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { #themen .layout_latest.even .news-container .image_container img, #themen .layout_latest.odd .news-container .image_container img { object-fit: cover; width: 100%; height: 100%; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { #themen, #themen-hi{ width:100%; } #themen .layout_latest { border-right:0px; } #themen-hi .layout_latest { border-top: 10px solid #fff; border-left:0px; } #themen-hi .layout_latest .news-container { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction:row; width: 100%; } #themen-hi .layout_latest .news-container .image_container { border-right: 5px solid #fff; } #themen-hi .layout_latest .news-container .hover-container { border-left: 5px solid #fff; } #themen .layout_latest .image_container, #themen .layout_latest .hover-container { border-left:0px!important; border-right:0px!important; } #themen .layout_latest .image_container::after, #themen .layout_latest .hover-container::after, #themen-hi .layout_latest .news-container .image_container::after { content:''!important; } #themen-hi .layout_latest .news-container .image_container, #themen-hi .layout_latest .news-container .hover-container { background-color:#f2f4f5; height:400px; display:block; box-sizing:border-box; flex:1 1 50%; border-left:0px!important; border-right:0px!important; } #themen .layout_latest.odd .news-container .image_container, #themen .layout_latest.even .news-container .hover-container { border-right:0px; } #themen-hi .layout_latest .news-container .hover-container { padding-top:45px; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { #themen.mod_newslist .even .news-container, #themen.mod_newslist .odd .news-container, #themen-hi.mod_newslist .news-container { flex-direction:column; } .mod_newslist.listview .layout_latest .news-container .image_container { width:80px; max-width:80px; } .mod_newslist.listview .layout_latest .news-container .hover-container { width:80px; flex-grow:4; } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { } /* Teaser boxed */ .mod_eventlist .layout_teaser { width:100%; float:none; margin-bottom:16px; display: flex; margin-top:16px; } .mod_eventlist .layout_teaser .header, .mod_eventlist .layout_teaser .content{ width:90px; } .mod_eventlist .header { width: 90px; margin-right: 24px; /*margin-right:20px;*/ padding:17px .5px 20px; text-align:center; line-height:1; color:#fff; width:117px; height:92px; background-color: #95c23d; } .mod_eventlist .layout_teaser .content{ flex-grow: 4; padding-bottom:6px; border-bottom:2px solid #b7b7b7; margin-bottom:18px; } .mod_eventlist .layout_teaser h3, .mod_eventlist .layout_teaser h3 a { margin-top:0px; font-family: "Bree Serif W01 It", sans; font-size: 28px; line-height: 35px; max-width: 85%; } .mod_eventlist .content p.time { margin-bottom:0px; } .mod_eventlist .header > .date { display:block; } .mod_eventlist .header .date > .day { display:block; font-size:36px; line-height:1; font-weight: 600; font-family: "Liniga W05 Regular", sans-serif; } .mod_eventlist .header .date > .month { display:block; line-height: 0.85; text-transform: uppercase; font-weight: 500; font-size: 28px; font-family: "Liniga W05 Regular", sans-serif; } .mod_eventlist .layout_teaser p.more a { font-family: "Bree W01 Semibold", serif; color: #5e5e5e !important; text-transform: uppercase; } .mod_eventlist .layout_teaser p.more a::before { color: #fff; content: ""; background-image: url(/files/mhr20/theme/elements/geopark_pfeil-hyperlink-button.png); background-repeat: no-repeat; width: 20px; padding-right: 5px; display: inline-block; position: relative; height: 20px; background-position: left 11px; } .mod_eventlist .pagination { position: relative; } .mod_eventlist .pagination ul { float: right; position: absolute; right: 0px; top: 0px; } .mod_eventlist .pagination li { display: block; float: left; padding: 8px; background-color: #95c23d; padding-right: 12px; padding-left: 12px; color: #fff; margin-left:8px; } .mod_eventlist .pagination li a { color:#fff!important; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { .onlymobile { display:block; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { .mod_eventlist .layout_teaser .header, .mod_eventlist .layout_teaser .content { width:70px; } .mod_eventlist .layout_teaser h3, .mod_eventlist .layout_teaser h3 a { margin-top: 0px; font-family: "Bree Serif W01 It", sans; font-size: 21px; line-height: 26px; } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { } .mhce_gridbox { margin-top: 3rem; display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: column; } .mhce_gridbox .ce_text, #hintbox.ce_text { background-color: #E8EEF2; padding-bottom: 4.5rem; padding-left: 4.5rem; padding-right: 4.5rem; padding-top: 4.5rem; display: flex; flex-direction: column; justify-content: flex-end; } #hintbox.ce_text { background-color: #E8EEF2; padding-bottom: 2.5rem; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 2.5rem; display: flex; flex-direction: row; justify-content: center; margin-top: 4.5rem; margin-bottom: 0rem; } #hintbox h2,#hintbox h3,#hintbox h4 { margin-top: 0!important; margin-bottom: 1rem; } #hintbox.ce_text .hinticon{ flex-basis: 100px; flex-shrink: 0; } .mhce_gridbox .ce_text p { color:#707070!important; } .mhce_gallerygrid .cols_1 { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; } .mhce_gallerygrid .cols_1 li:nth-child(1) { grid-column-start:1; grid-column-end:4; grid-row-start:1; grid-row-end:4; } .mhce_gallerygrid .cols_1 li:nth-child(2) { grid-column-start:4; grid-column-end:5; grid-row-start:1; grid-row-end:2; } .mhce_gallerygrid .cols_1 li:nth-child(3) { grid-column-start:4; grid-column-end:5; grid-row-start:2; grid-row-end:3; } .mhce_gallerygrid .cols_1 li:nth-child(4) { grid-column-start:4; grid-column-end:5; grid-row-start:3; grid-row-end:4; } .mhce_gallerygrid .cols_1 li:nth-child(5) { grid-column-start:5; grid-column-end:6; grid-row-start:1; grid-row-end:2; } .mhce_gallerygrid .cols_1 li:nth-child(6) { grid-column-start:6; grid-column-end:7; grid-row-start:1; grid-row-end:2; } .mhce_gallerygrid .cols_1 li:nth-child(7) { grid-column-start:5; grid-column-end:7; grid-row-start:2; grid-row-end:4; } .mhce_gallerygrid2 .cols_1 { max-width: 900px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; } .mhce_gallerygrid2 .cols_1 li:nth-child(1) { grid-column-start:1; grid-column-end:4; grid-row-start:1; grid-row-end:3; } .mhce_gallerygrid2 .cols_1 li:nth-child(2) { grid-column-start:1; grid-column-end:2; grid-row-start:3; grid-row-end:4; } .mhce_gallerygrid2 .cols_1 li:nth-child(3) { grid-column-start:2; grid-column-end:3; grid-row-start:3; grid-row-end:4; } .mhce_gallerygrid2 .cols_1 li:nth-child(4) { grid-column-start:3; grid-column-end:4; grid-row-start:3; grid-row-end:4; } .mhce_hr { display: flex; flex-wrap: wrap; } .mhce_hr > div { width:25%; padding-left:8px; padding-right:8px; text-align: center; float: left; margin-bottom: 1rem; } .mhce_hr > div strong { font-weight: 600; font-size: 25px; text-align: left; color: #4b687a; margin-top: 16px; display: inline-block; text-align: center; } .team .image_container img { padding:1rem; background-image: url(../../files/theme-v2/theme/elements/malek_hg-flaeche_253x240px.png); background-repeat: no-repeat; background-size:contain; } /* -------------------------------------------------------------------------------- * HINTBOX * ----------------------------------------------------------------------------- */ .mhce_hintbox { width:100%; min-height:164px; position:relative; margin-top:32px; display:flex; } .mhce_hintbox, .mhce_hintbox a, .mhce_hintbox a:hover { color:#fff!important; } .mhce_hintbox a, .mhce_hintbox a:hover { font-family:"Bree Serif W01 Semibold", serif; } .mhce_hintbox a:before { color: #fff; content: ""; background-image: url(/files/mhr20/theme/elements/geopark_pfeil-hyperlink-footer.png); background-repeat:no-repeat; width:20px; padding-right: 5px; display:inline-block; position:relative; height:20px; background-position:left 11px; } .mhce_hintbox .hinticon { width:17.5%; /*position:absolute;*/ top:0; bottom:0; left:0; background-color:#aab50d; box-sizing:border-box; padding:25px; } .mhce_hintbox .hinticon .entryicon.icon_lamp { background-image:url("/files/mhr20/theme/elements/geopark_gluehbirne.png"); background-repeat:no-repeat; background-position:center center; width:100%; height:50px; display:block; text-align:center; } .mhce_hintbox .hinticon .entrylabel { font-family: "Liniga W05 Regular", sans-serif; font-size: 50px; width:100%; text-align:center; } .mhce_hintbox .hinttext { width:82.5%; /*position:absolute;*/ top:0; bottom:0; left:17.5%; background-color:#426173; box-sizing:border-box; padding-left:60px; padding-top:30px; padding-right:60px; padding-bottom:32px; border-left:10px solid #fff; } .mhce_hintbox .hinttext > p.first { position:relative; } .mhce_hintbox .hinttext > p.first:after { content: url(../../files/theme-v2/theme/elements/geopark_dreieck_rechts.png); position: absolute; top: 0; left: -60px; } /* -------------------------------------------------------------------------------- * Bild mit Overlay * ----------------------------------------------------------------------------- */ .mhce_image-overlay { max-width:1200px; } .mhce_image-overlay .content_container { position:relative; } .mhce_image-overlay .content_container .text_overlay { position:absolute; right:5%; bottom:7%; width:auto; text-align:right; color:#fff; } .mhce_image-overlay .content_container .text_overlay .headline { font-family: "Liniga W05 Regular", sans-serif; font-size: 70px; line-height: 70px; position:relative; } .mhce_image-overlay .content_container .text_overlay .subline { font-family: "Liniga W05 Regular", sans-serif; font-size: 35px; } .mhce_image-overlay .content_container .image_overlay { position:absolute; left:5%; bottom:7%; width:200px; text-align:left; } .mhce_image-overlay .content_container .text_overlay .headline::before { content:url(../../files/theme-v2/theme/elements/geopark_pfeile_bildhinweis.png); position:absolute; top:-80px; left:-80px; } /* -------------------------------------------------------------------------------- * LINKBOX * ----------------------------------------------------------------------------- */ .mhce_linkbox { display:flex; align-items: flex-end; justify-content: flex-end; margin-top:80px; margin-bottom:30px; } .mhce_linkbox .item { display:block; text-align:center; } .mhce_linkbox .image_container { margin-bottom:24px; } .mhce_linkbox a { font-size:32px; color:#426173; font-family: "Liniga W05 Regular", sans-serif; line-height:36px; } /* -------------------------------------------------------------------------------- * HIGHLIGHTKBOX * ----------------------------------------------------------------------------- */ .mhce_highlightbox { margin-left:-5px; margin-right:-5px; } .mhce_highlightbox .item{ box-sizing:border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color:#fff; border:5px solid #fff; } .mhce_highlightbox .text_container, .mhce_highlightbox .image_container { border-top:5px solid #fff; border-bottom:5px solid #fff; height:205px; } .mhce_highlightbox .text_container { display:flex; align-items: center; justify-content: center; width:100%; } .mhce_highlightbox .text_container > div { display:block; float:none; text-align:center; width:100%; } .mhce_highlightbox .text_container .caption { font-family:"Liniga W05 Regular", sans-serif; font-size:55px; line-height: 55px; } .mhce_highlightbox .text_container .subline { font-family:"Bree W05 Regular", sans-serif; font-weight:300; font-size:22px; } .mhce_highlightbox .num_1 { background-color:#aab50d; } .mhce_highlightbox .num_2 { background-color:#426173; } .mhce_highlightbox .num_3 { background-color:#d98b48; } /* .mhce_highlightbox .text_container, .mhce_highlightbox .image_container { display: -webkit-flex; display: -ms-flexbox; display: flex; }*/ /* --- Large devices - Desktop // xxl * ---------------------------------------- */ @media only screen and (max-width: 1560px) { .mhce_gridbox .ce_image .image_container { height: 100%; } .mhce_gridbox .ce_image .image_container img { max-width: 100%; height: 100%; object-fit: cover; } } /* --- Large devices - Desktop // xl * ---------------------------------------- */ @media only screen and (max-width: 1380px) { } /* --- Large devices - Desktop // lg * ---------------------------------------- */ @media only screen and (max-width: 1199px) { .mhce_gridbox .ce_text { padding-bottom: 2.5rem; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 2.5rem; } } @media only screen and (max-width: 1099px) { .mhce_gridbox { margin-top: 3rem; display: grid; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr; grid-auto-flow: row; } } /* --- Medium devices - Tablet // md * ---------------------------------------- */ @media only screen and (max-width: 991px) { .mhce_highlightbox .item .text_container { padding:10px; } .mhce_highlightbox .text_container .caption { font-size: 40px; line-height: 48px; } .mhce_highlightbox .text_container .subline { font-size: 22px; line-height: 22px; } .mhce_gridbox { margin-top: 3rem; display: grid; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr; grid-auto-flow: row; } } /* --- Small devices - Phone // sm * ---------------------------------------- */ @media only screen and (max-width: 767px) { .mhce_image-overlay .content_container .text_overlay .headline { font-size: 60px; line-height: 60px; } .mhce_image-overlay .content_container .text_overlay .subline { font-size: 30px; } .mhce_image-overlay .content_container .text_overlay .headline::before { position: absolute; top: -60px; left: -60px; } .mhce_hr > div { width:50%; } .mhce_gallerygrid .cols_1 { display:flex; flex-wrap: wrap; column-gap: 6px; grid-row-gap: 6px; } .mhce_gallerygrid .cols_1 > li { width:calc(33.333% - 6px); padding:unset; } .mhce_gallerygrid .cols_1 > li:last-child { display: none; } .mhce_gridbox { margin-top: 3rem; display: flex; flex-wrap: wrap; } .mhce_gridbox > div:nth-child(1) { order:1; } .mhce_gridbox > div:nth-child(2) { order:2; } .mhce_gridbox > div:nth-child(4) { order:3; } .mhce_gridbox > div:nth-child(3) { order:4; } .mhce_gridbox > div:nth-child(5) { order:5; } .mhce_gridbox > div:nth-child(6) { order:6; } } /* --- Small devices - Phone // s * ---------------------------------------- */ @media only screen and (max-width: 639px) { .mhce_linkbox { flex-wrap:wrap; margin-bottom:0px; } .mhce_linkbox .item.col_w25 { width:50%; margin-bottom:24px; } .mhce_linkbox .item .image_container { max-with:80%; } .mhce_linkbox a { font-size: 25px; line-height:26px; } .mhce_highlightbox .item{ flex-wrap:unset; } .mhce_highlightbox .item .text_container, .mhce_highlightbox .item .image_container { width:50%; } #hintbox.ce_text { background-color: #E8EEF2; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; display: flex; flex-direction: column; justify-content: center; margin-bottom: 1.55rem; margin-top: 1.55rem; } #hintbox.ce_text .hinticon{ flex-basis: 70px; flex-shrink: 0; } } /* --- Extra small devices - Phone // xs * ---------------------------------------- */ @media only screen and (max-width: 544px) { .mhce_hintbox .hinticon { width:12%; top:0; bottom:0; left:0; background-color:#aab50d; box-sizing:border-box; padding:3px; padding-top: 12px; } .entryicon.icon_lamp { background-repeat:no-repeat; background-position:center center; width:100%; height:50px; display:block; text-align:center; } .mhce_hintbox .hinttext { left:12%; padding-left: 36px; padding-top: 12px; padding-right: 36px; padding-bottom: 12px; width:88%; } .mhce_hintbox .hinttext > p.first:after { position: absolute; top: 0; left: -36px; } .mhce_hintbox .hinticon .entrylabel { display:none; } .mhce_image-overlay .content_container .text_overlay .headline::before { content:''; } .startpage .mhce_image-overlay .content_container .image_overlay { display:none; } .mhce_hr > div { width:100%; } }