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} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } /* source: http://www.twelveskip.com/resources/icons/1091/boxxed-flat-social-media-icons */ .sharebuttons > ul.boxxed > li > a { width:32px; height:32px; background-image:url('../../system/modules/sharebuttons/assets/boxxed/sprites-32.png'); } .sharebuttons > ul.boxxed > li > a.facebook { background-position:-40px 0; } .sharebuttons > ul.boxxed > li > a.twitter { background-position:-160px 0; } .sharebuttons > ul.boxxed > li > a.gplus { background-position:-80px 0; } .sharebuttons > ul.boxxed > li > a.linkedin { background-position:-120px 0; } .sharebuttons > ul.boxxed > li > a.xing { background-position:-200px 0; } .sharebuttons > ul.boxxed > li > a.mail { background-position:0 0; } .sharebuttons > ul.boxxed > li > a.tumblr { background-position:-240px 0; } .sharebuttons > ul.boxxed > li > a.pinterest { background-position:-280px 0; } .sharebuttons > ul.boxxed > li > a.reddit { background-position:-320px 0; } .sharebuttons > ul.boxxed > li > a.whatsapp { background-position:-360px 0; } #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} html, body{ height:100%; font-family:"SiemensSerif"; /* font-family:"SiemensSerifBold"; */ color:#000000; font-size:15px; line-height:19px; font-weight:normal; background:#fff; letter-spacing: .02em; } #container{ } .ce_form .error{color:#FF0000;} /* Html Elemente */ h1{ font-size:22px; line-height:26px; font-weight:bold; margin-bottom:30px; } h2{ font-size:20px; line-height:24px; font-weight:bold; } h3{ font-size:18px; line-height:22px; font-weight:bold; } h4{ font-family:"UniversLT-Condensed"; font-size:16px; line-height:20px; font-weight:bold; } a:link, a:visited, a:hover, a:active, a:focus, div{ outline: 0px; } a{ color:#000; text-decoration:none; font-weight:bold; } a:hover, a:focus{ color:#5b5e58; text-decoration:underline; } hr{ border:0; color: #000000; background: url("../../files/evs/layout/linie.png") repeat-x center #fff; height: 9px; margin: 10px 0px 10px 0px; } /* Allgemeine Formate */ .left{float:left;} .right{float:right;} .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} .no-margin{ margin-left:0px !important; margin-right:0px !important; } #wrapper{ background:#FFFFFF; } #main ul{ padding-left:20px; } #main ul li{ list-style-type: none; background: url(../../files/evs/layout/bulletpoint.png) no-repeat left 3px; padding: 2px 0px 2px 15px; } /* Header */ #header{ height:186px; } #container{ } #main{ padding-top:30px; padding-bottom:30px; } /* Footer */ #footer{ text-align:center; } #footer li{ list-style:none; display:inline; } /* Startseite */ .flexslider{ margin-bottom: 16px; border:0 !important; } .flexslider ul{ padding-left:0px !important; } .flexslider li{ background: none !important; padding-left: 0px !important; } .flex-caption p { font-size: 16px; line-height:20px; padding: 5px 0 5px 0; margin: 0px; } .flexslider .flex-caption .caption_title_line{ position:absolute; bottom:1px; color:#fff; padding: 15px 32px 15px 32px; background: url("../../files/evs/layout/sw60.png") repeat center transparent; font-weight:bold; } .flexslider .flex-caption .caption_title_line a{ color:#FFF; float:right; font-weight:normal; font-size:14px; line-height:18px; } .flexslider .flex-caption .caption_title_line a:hover, .flexslider .flex-caption .caption_title_line a:focus{ text-decoration:underline; } .ce_image.teaser-startseite{ position:relative; margin-bottom:20px; } .ce_image.teaser-startseite .image_container{ margin-bottom:-5px; } .ce_image.teaser-startseite .caption{ position:absolute; bottom:0px; width:92%; color:#fff; padding: 15px 4% 15px 4%; background: url("../../files/evs/layout/sw60.png") repeat center transparent; font-weight:bold; } .ce_image.teaser-startseite .caption a{ position:absolute; bottom:20px; right:4%; color:#fff; text-decoration:underline; font-weight:normal; } .ce_image.teaser-startseite .caption a:hover, .ce_image.teaser-startseite .caption a:focus{ text-decoration:none; } body.startseite .teaser-text{ float:left; margin: 0 10px 0 10px; } body.startseite .teaser-text.first{ } body.startseite .teaser-text.last{ } body.startseite .teaser-text a{ } body.startseite .teaser-text a:hover, body.startseite .teaser-text a:focus{ } /* Metamodels & Mauerwerk */ .ce_masonry ul, .ce_masonry ul li, .rechte-spalte .item ul, .rechte-spalte .item ul li, .object-item ul, .object-item ul li{ list-style-type:none !important; padding-left:0px !important; background:transparent !important; } .ce_masonry .pagination{ clear:both; width:100%; } .ce_masonry .pagination p, .ce_masonry .pagination ul{ margin-left:10px; margin-right:10px; } .ce_masonry .pagination ul li{ display:inline-block; padding-right:6px !important; } .ce_masonry, .ce_masonry .ce_metamodel_content{ margin-left:0px !important; margin-right:0px !important; } .ukraine .ce_masonry p.info{ display:none; } /* Förderungen */ .teaser-kunstwerk{ margin-bottom:20px; } /* Ausstellungen */ .mod_eventlist.teaser-objekte { margin-left:0px !important; margin-right:0px !important; } .mod_eventmenu ul{ margin-left:-5px; } .mod_eventmenu ul, .mod_eventmenu ul li{ list-style-type:none !important; padding-left:0px !important; background:transparent !important; } .mod_eventmenu ul li{ display:inline-block; padding-left:5px !important; padding-right:5px !important; } .mod_eventmenu ul li.first{display:none;} .rechte-spalte .event-offset:nth-child(1), .rechte-spalte .event-offset:nth-child(2), .rechte-spalte .event-offset:nth-child(3){ display:none !important; } .layout_list p.info, .mod_eventreader p.info{ font-style:italic; } .layout_list{ padding-bottom:30px; } .layout_list p a{ margin-top:8px; } .layout_list h2{ font-size:16px; line-height:20px; font-weight:bold; margin-top:6px; margin-bottom:4px; } .layout_list a{ } .layout_list a:hover, .layout_list a:focus{ text-decoration:underline; } .layout_list p{ margin: 5px 0px 5px 0px; } .layout_list .more{ margin-top:8px !important; margin-bottom:0px !important; } .mod_eventreader h1.main, .mod_eventreader p.info, .mod_eventreader p.location, .mod_eventreader p.back{ margin-left:10px !important; margin-right:10px !important; } /* .mod_eventlist .layout_list{ clear:both; } .mod_eventlist .layout_list .image_container{ width:330px; float:left; margin-right:40px; margin-bottom:20px; } .mod_eventreader .ce_text{ margin-left:0px !important; margin-right:0px !important; } */ /* Detailseiten */ .ce_hyperlink{ margin-bottom:30px; } /* Suche */ .mod_search .highlight{ font-weight:bold; } .mod_search .widget-text{ float:left; margin-right:10px; padding-top:3px; } .mod_search button[type="submit"]{ width:23px; height:21px; background:transparent; background-image:url(../../files/evs/layout/icon-lupe.png); background-repeat:no-repeat; background-position: 5px 4px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-indent:-10000px; padding: 0px 0px 0px 0px; margin: 1px 10px 0px 0px; border:0px solid #FFFFFF; cursor:pointer; } .mod_search button[type="submit"]:hover{ background-image:url(../../files/evs/layout/icon-lupe-over.png); background-repeat:no-repeat; background-position: 5px 4px !important; } /* Objekte */ .ce_image.objekt{ padding-bottom:30px; } .ce_image.objekt .image_container{ margin-bottom:15px; } .ce_image.objekt .image_container img{ width:100%; height:auto; } .syndication{ padding-left:10px; } .syndication img{ width:30px; height:auto; } .ce_image.objekt:hover a{ text-decoration:none !important; color:#5b5e58 !important; } .ce_image.objekt h2{ font-size:16px; line-height:20px; margin-top:6px; margin-bottom:4px; } .ce_image.objekt .standort{ font-weight:400 !important; } .ce_image.objekt .detail{ display:inline-block; margin-top:12px; } .startseite .pagination{ display:none !important; } .ce_image.objekt.zitat a{ font-weight:normal; font-style:italic; } .ce_image.objekt.zitat a strong{ font-style:normal; } .ce_image.objekt .zitat-container{ color:#009fe3; font-style:italic; font-size:19px; line-height:27px; margin-top:40px; } .ce_image.objekt .zitat-container strong{ font-style:normal; font-size:15px; line-height:normal; } .ce_image.objekt p.corona{ margin-top:40px; margin-bottom:20px; } .ce_image.objekt span.zitat{ color:#009fe3; } /* Nachrichten */ p.empty{ margin-left:10px !important; margin-right:10px !important; } .layout_latest{ padding-bottom:30px; } .layout_latest h2{ font-size:16px; line-height:20px; margin-top:6px; margin-bottom:4px; } .layout_latest p.info{ margin-top:5px; margin-bottom:5px; font-style:italic; } .layout_latest .ce_text{ margin-left:0px !important; margin-right:0px !important; } .layout_latest .ce_text p{ margin-top:0px !important; margin-bottom:0px !important; } .layout_latest .more{ margin-top:12px !important; margin-bottom:0px !important; } .mod_newsreader p.info{ margin-top:5px; margin-bottom:5px; font-style:italic; margin-left:10px !important; margin-right:10px !important; } .mod_newsreader{ margin-left:0px !important; margin-right:0px !important; } .mod_newsreader h1.main{ margin-left:10px !important; margin-right:10px !important; } .mod_newsreader .ce_gallery{ margin-left:0px !important; margin-right:0px !important; margin-top:20px; } .ce_gallery li{ padding:0 !important; margin-bottom:14px; } .ce_gallery a{ cursor:zoom-in; } .ce_gallery h1, .ce_gallery h2, .ce_gallery h3, .ce_gallery h4{ margin-left:10px !important; margin-right:10px !important; } .mod_newsreader .back{ margin-left:10px !important; margin-right:10px !important; } .ce_download .size{ display:none; } /* Flipbert */ .flipbook-row{ justify-content:flex-start; } .flipbook.df-floating .df-ui-controls:after, .flipbook .df-floating .df-ui-controls:after, .df-lightbox-wrapper.df-floating .df-ui-controls:after, .df-lightbox-wrapper .df-floating .df-ui-controls:after{ display:none; } .flipbook.df-floating .df-ui-controls:before, .flipbook .df-floating .df-ui-controls:before, .df-lightbox-wrapper.df-floating .df-ui-controls:before, .df-lightbox-wrapper .df-floating .df-ui-controls:before{ display:none; } /* Logo Header */ #logo-header{ position:absolute; top:34px; left:0px; max-width:40%; } #logo-header .image_container{ margin-bottom:-5px; } /* Subnavigation Header */ #header .subnavigation{ position:absolute; top:31px; right:0px; font-family: "UniversLT-Condensed"; font-size:16px; line-height:20px; color:#000000; } #footer .subnavigation{ font-family: "UniversLT-Condensed"; font-size:14px; line-height:18px; color:#5b5e58; padding-top:30px; padding-bottom:30px; color:#000000; } #header .subnavigation ul, #footer .subnavigation ul{ margin:0; padding:0; } #header .subnavigation a, #footer .subnavigation a{ color:#5b5e58; font-weight:normal; } #header .subnavigation a:hover, #header .subnavigation a:focus, #footer .subnavigation a:hover, #footer .subnavigation a:focus{ color:#000; } #header .subnavigation li, #footer .subnavigation li{ display:inline; padding-left:8px; } .ce_gallery ul{ list-style-type:none !important; padding-left:0px !important; } .syndication{ text-align:right; padding-right:10px; } /* Hauptnavigation */ #hauptnavigation{ position:absolute; top:147px; left:240px; overflow:visible; font-size:17px; line-height:21px; } #hauptnavigation a{ font-weight:normal; text-decoration:none !important; } #hauptnavigation li.ukraine, .mm-panel li.ukraine{ background:url(../../files/evs/layout/nav-bg.png) no-repeat right center #fff; background-size:40px 100%; } #hauptnavigation li.ukraine a, #hauptnavigation li.ukraine span, .mm-panel li.ukraine a, .mm-panel li.ukraine span{ /* color:#009fe3; */ color:#3459a7; } #hauptnavigation li.ukraine a:hover{ color:#000; } /* Mobile Menu */ #header a.menu-button{ position:absolute; top:30px; right:0px; z-index:99999; padding: 7px 8px 4px 24px; background:url(../../files/evs/layout/bg-mobile-menu.png) no-repeat center left #FFFFFF; color:#000000; font-weight:400; text-decoration:none; text-transform:uppercase; border-left:5px solid #FFFFFF; } #header a.menu-button:hover{ background:url(../../files/evs/layout/bg-mobile-menu-over.png) no-repeat center left #FFFFFF; color:#CCCCCC; } /* Suchformular */ #header .suche-header{ width:230px; padding: 4px 0px 4px 0px; } #header .suche-header input[type="text"]{ float:right; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #a0a0a0; font-family: 'UniversLT-Condensed'; width:187px; height:23px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header .suche-header .submit_container{ width:23px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header .suche-header input[type="submit"], #header .suche-header button[type="submit"]{ float:right; width:23px; height:21px; background:transparent; background-image:url(../../files/evs/layout/icon-lupe.png); background-repeat:no-repeat; background-position: 5px 4px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-indent:-10000px; padding: 0px 0px 0px 0px; margin: 1px 10px 0px 0px; border:0px solid #FFFFFF; cursor:pointer; } #header .suche-header input[type="submit"]:hover, #header .suche-header button[type="submit"]:hover{ background-image:url(../../files/evs/layout/icon-lupe-over.png); background-repeat:no-repeat; background-position: 5px 4px !important; } /* Rechte Spalte */ .rechte-spalte{ /* font-size:16px; line-height:20px; font-weight:normal; */ } .rechte-spalte h2.aktuell{ font-size:48px; line-height:52px; font-weight:600; letter-spacing:.04em; margin: 0px 0px 0px 10px; padding:0; } .rechte-spalte h3{ font-size:18px; line-height:22px; font-weight:bold; margin: 10px 0px 0px 0px; } .rechte-spalte h4{ font-family:"UniversLT-Condensed"; font-size:16px; line-height:20px; font-weight:bold; margin-bottom:10px; } .rechte-spalte a{ } .rechte-spalte strong{ font-size:18px; line-height:22px; } .rechte-spalte a:hover{ } /* .rechte-spalte .mod_eventlist .event{ margin: 0px 0px 20px 0px; } */ /* Galerie-Element */ .ce_gallery li{ background: none !important; padding-left: 0px !important; } /* Besucherzähler */ .mod_visitors { display:none; } /* MM Filter */ .ce_metamodels_frontendfilter { margin-bottom:20px; } .ce_metamodels_frontendfilter .widget.custom_filter_evs.unused li.reset{ display:none; } .ce_metamodels_frontendfilter .widget.custom_filter_evs.used a{ color:#5b5e58; } .ce_metamodels_frontendfilter .widget.custom_filter_evs li.selected a{ text-decoration:underline; color:#000; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul{ margin:0px; padding:0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li{ background:transparent !important; display:inline-block; padding: 0px 10px 5px 0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li.label{ padding: 0px 10px 5px 0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li.reset{ padding: 0px 0px 5px 0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li.reset a{ color:#000 !important; } /* Accordion */ .ce_accordion.first{ margin-top:20px; } .ce_accordion .toggler{ font-size:22px; line-height:26px; font-weight:bold; margin-bottom:30px; cursor:pointer; } .ce_accordion.en .toggler{ background:url(../../files/evs/layout/flag-en.png) no-repeat left top transparent; background-size: auto 26px; padding-left:60px; } .ce_accordion.ukr .toggler{ background:url(../../files/evs/layout/flag-ukr.png) no-repeat left top transparent; background-size: auto 26px; padding-left:60px; } .ce_accordion.rus .toggler{ background:url(../../files/evs/layout/flag-rus.png) no-repeat left top transparent; background-size: auto 26px; padding-left:60px; } /* Sharbuttons */ .sharebuttons{ margin-top:40px; } .sharebuttons ul{ padding-left:0px !important; } .sharebuttons ul li{ background:transparent !important; padding:0px !important; } .sharebuttons > ul.boxxed > li > a.bluesky{ background:url(../../files/evs/layout/bluesky.png) no-repeat center transparent; background-size: 100% auto; } /* Content-Slider */ .content-slider *[class*="ce_"]{ margin-left:0px !important; margin-right:0px !important; } .content-slider .ce_text{ } .content-slider .ce_text h3{ margin-top:10px; margin-bottom:10px; } .content-slider .ce_text .inn{ position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,.6); color:#fff; padding:15px 32px 15px 32px; box-sizing:border-box; } .content-slider .ce_text .inn a{ position:absolute; right:32px; bottom:27px; color:#fff; } @import url("//hello.myfonts.net/count/2a2d2d"); @font-face {font-family: 'UniversLT-Condensed';src: url('../../files/evs/css/fonts/2A2D2D_0_0.eot');src: url('../../files/evs/css/fonts/2A2D2D_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/evs/css/fonts/2A2D2D_0_0.woff') format('woff'),url('../../files/evs/css/fonts/2A2D2D_0_0.ttf') format('truetype');} @font-face {font-family: 'SabonLTPro-Roman';src: url('../../files/evs/css/fonts/2A2D2D_1_0.eot');src: url('../../files/evs/css/fonts/2A2D2D_1_0.eot?#iefix') format('embedded-opentype'),url('../../files/evs/css/fonts/2A2D2D_1_0.woff') format('woff'),url('../../files/evs/css/fonts/2A2D2D_1_0.ttf') format('truetype');} @font-face {font-family: 'SabonLTPro-Italic';src: url('../../files/evs/css/fonts/2A2D2D_2_0.eot');src: url('../../files/evs/css/fonts/2A2D2D_2_0.eot?#iefix') format('embedded-opentype'),url('../../files/evs/css/fonts/2A2D2D_2_0.woff') format('woff'),url('../../files/evs/css/fonts/2A2D2D_2_0.ttf') format('truetype');} @font-face { font-family: 'SiemensSerif'; src: url('../../files/evs/css/fonts/siser03-webfont.eot'); src: url('../../files/evs/css/fonts/siser03-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/evs/css/fonts/siser03-webfont.woff') format('woff'), url('../../files/evs/css/fonts/siser03-webfont.ttf') format('truetype'), url('../../files/evs/css/fonts/siser03-webfont.svg#SiemensSlabRoman') format('svg'); font-weight: 300; font-style: normal; } /** * Module siemens.webfonts * basic stylesheet * * @project - * @date 2011-09-26 * @author Timo Mayer, Virtual Identity AG * @licensor Siemens AG font face syntax from http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax compatible browsers: IE 6-9, Firefox 3.5+, Chrome 4+, Safari 3+, iOS 3.2+, Android 2.2+, Opera 10.50+ there can be some issues when the used font is installed localy too in Mac OS X environments see: http://paulirish.com/2010/font-face-gotchas/#smiley but we decided to NOT use the smiley hack to be android compatible DEV-NOTE: IE9 supports woff but uses eot because of woff mime-type problem in IIS webserver. if you use apache u can change format('embedded-opentype') to format('eot') DEV-NOTE: ?#iefix could cause problems with apache mod-security. try ?iefix instead if you have problems **/ @font-face { font-family: 'SiemensSerifBold'; src: url('../../files/evs/css/fonts/siemensserif-bold.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensserif-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensserif-bold.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensserif-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensserif-bold.svg#SiemensSlabRegular') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-roman-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-roman-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-roman-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-roman-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-roman-webfont.svg#SiemensSlabRegular') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ /* no svg here because of iOS <= 3.1.x is crashing http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ */ font-weight: bold; font-style: normal; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ /* no svg here because of iOS <= 3.1.x is crashing http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ */ font-weight: normal; font-style: italic; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ /* no svg here because of iOS <= 3.1.x is crashing http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ */ font-weight: bold; font-style: italic; } /** internet explorer 6-8 and iOS 3.1.x are not able to display different font-weight and font-style values for a single font. note: according to our test cases this works for ie 6-8 with Siemens Slab. seems like it depends on the used webfont. naming: -n = normal -i = italic 400 = font-weight normal 700 = font weight bold **/ @font-face { font-family: 'SiemensSlab-n700'; src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.svg#SiemensSlabBold') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab-i400'; src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.svg#SiemensSlabItalic') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab-i700'; src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.svg#SiemensSlabBoldItalic') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } /* fix strange text-size behaviors with iphone, text-size-adjust:auto and (some) webfonts. android devices get this too but they ignore webkit-text-size-adjust */ @media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: 100%; } } #header h1, #header p.main, #header h2, #header h3, #header h4, #header h5, #header h6, #toolbar a.opener, .c-teaser ul.nav a, .c-teaser h1, .c-teaser h2, .c-article .hgroup h1, .c-article .hgroup h2, .s-right .c-article h1, .s-right .c-article h2 { font-family: "SiemensSlab", Arial, sans-serif; } /* hide fonts while loading in browsers with FOUT bug (IE, FF3.x) */ html.wf-loading #header h1, html.wf-loading #header p.main, html.wf-loading #header h2, html.wf-loading #header h3, html.wf-loading #header h4, html.wf-loading #header h5, html.wf-loading #header h6, html.wf-loading #toolbar a.opener, html.wf-loading .c-teaser ul.nav a, html.wf-loading .c-teaser h1, html.wf-loading .c-teaser h2, html.wf-loading .c-article .hgroup h1, html.wf-loading .c-article .hgroup h2, html.wf-loading .s-right .c-article h1, html.wf-loading .s-right .c-article h2 { visibility: hidden; } /* changes between Arial and Siemens Slab. Siemens Web Guidelines v1.5.1 pages 10 and 11 */ #header h1, #header p.main, .c-article .hgroup h1, .s-right .c-article h1 { font-size: 138.5%; font-weight: normal; line-height: 22px; } #header.type-1 h1, #header.type-2 h1, #header.type-3 h1 { font-size: 169.2%; } .c-article .hgroup h1, .s-right .c-article h1 { padding: 0 0 6px; } .c-teaser ul.nav a { font-size: 108.6%; font-weight: normal; color: #333; } #toolbar a.opener { font-size: 92.3%; } .c-teaser h1 { font-size: 92.3%; font-weight: normal; } /* not yet defined in core.css */ .c-teaser h2 { font-size: 123.1%; font-weight: normal; line-height: 1.4; color: #999; padding-bottom: 1px; } /* fallback if font smoothing is disabled */ html.fontSmoothing-false #header h1, html.fontSmoothing-false #header p.main, html.fontSmoothing-false #header h2, html.fontSmoothing-false #header h3, html.fontSmoothing-false #header h4, html.fontSmoothing-false #header h5, html.fontSmoothing-false #header h6, html.fontSmoothing-false #toolbar a.opener, html.fontSmoothing-false .c-teaser ul.nav a, html.fontSmoothing-false .c-teaser h1, html.fontSmoothing-false .c-teaser h2, html.fontSmoothing-false .c-article .hgroup h1, html.fontSmoothing-false .c-article .hgroup h2, html.fontSmoothing-false .s-right .c-article h1, html.fontSmoothing-false .s-right .c-article h2 { font-family: Arial, sans-serif !important; } /* Siemens Slab fallback changes between Arial and Siemens Slab. Siemens Web Guidelines v1.5.1 pages 10 and 11 */ html.fontSmoothing-false #header h1, html.fontSmoothing-false #header p.main, html.fontSmoothing-false .c-article .hgroup h1, html.fontSmoothing-false .s-right .c-article h1 { font-size: 123.1%; font-weight: bold; line-height: 1.25; } html.fontSmoothing-false #header.type-1 h1, html.fontSmoothing-false #header.type-2 h1, html.fontSmoothing-false #header.type-3 h1 { font-size: 153.9%; } html.fontSmoothing-false .c-article .hgroup h1, html.fontSmoothing-false .s-right .c-article h1 { padding: 1px 0 6px; } html.fontSmoothing-false .c-teaser ul.nav a { font-size: 100%; font-weight: bold; color: #666; } html.fontSmoothing-false #toolbar a.opener { font-size: 85%; } html.fontSmoothing-false .c-teaser h1 { font-size: 85%; font-weight: bold; } /* not yet defined in core.css */ html.fontSmoothing-false .c-teaser h2 { font-size: 123.1%; font-weight: normal; line-height: 1.4; color: #999; padding-bottom: 1px; } /** * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer * * Pixel Grid with 1120 pixel * @copyright Glen Langer (BugBuster) 2012..2013 * @author BugBuster * @package contaogrid-1120-16 * @license LGPL */ /** * Make the wrapping container 1120 pixel wide */ #wrapper { width:1440px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; display:inline; margin-right:10px; margin-left:10px; } /** * Add a default margin to all content elements, so they align with the floatet * ones (otherwise you would have to add "grid12" to every element) */ .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } /** * Remove the margin from floated articles, because the margin is already * applied to its content elements (see above) */ .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6, .mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12, .mod_article.grid13,.mod_article.grid14,.mod_article.grid15,.mod_article.grid16 { margin-left:0; margin-right:0; } /** * Grid column widths */ .grid1 { width:70px; } .grid2 { width:160px; } .grid3 { width:250px; } .grid4 { width:340px; } .grid5 { width:430px; } .grid6 { width:520px; } .grid7 { width:610px; } .grid8 { width:700px; } .grid9 { width:790px; } .grid10 { width:880px; } .grid11 { width:970px; } .grid12 { width:1060px; } .grid13 { width:1150px; } .grid14 { width:1240px; } .grid15 { width:1330px; } .grid16 { width:1420px; } /** * For 100% wide, without margin, not within an article * e.g. for HTML Modules in header */ .grid16_0 { margin: 0 !important; width: 100%; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:90px; } .mod_article.grid2 { width:180px; } .mod_article.grid3 { width:270px; } .mod_article.grid4 { width:360px; } .mod_article.grid5 { width:450px; } .mod_article.grid6 { width:540px; } .mod_article.grid7 { width:630px; } .mod_article.grid8 { width:720px; } .mod_article.grid9 { width:810px; } .mod_article.grid10 { width:900px; } .mod_article.grid11 { width:990px; } .mod_article.grid12 { width:1080px; } .mod_article.grid13 { width:1170px; } .mod_article.grid14 { width:1260px; } .mod_article.grid15 { width:1350px; } .mod_article.grid16 { width:1440px; } /** * Default offset widths */ .offset1 { margin-left:100px !important; } .offset2 { margin-left:190px !important; } .offset3 { margin-left:280px !important; } .offset4 { margin-left:370px !important; } .offset5 { margin-left:460px !important; } .offset6 { margin-left:550px !important; } .offset7 { margin-left:640px !important; } .offset8 { margin-left:730px !important; } .offset9 { margin-left:820px !important; } .offset10 { margin-left:910px !important; } .offset11 { margin-left:1000px !important; } .offset12 { margin-left:1090px !important; } .offset13 { margin-left:1180px !important; } .offset14 { margin-left:1270px !important; } .offset15 { margin-left:1360px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { margin-left:70px !important; } .mod_article.offset2 { margin-left:140px !important; } .mod_article.offset3 { margin-left:210px !important; } .mod_article.offset4 { margin-left:280px !important; } .mod_article.offset5 { margin-left:350px !important; } .mod_article.offset6 { margin-left:420px !important; } .mod_article.offset7 { margin-left:490px !important; } .mod_article.offset8 { margin-left:560px !important; } .mod_article.offset9 { margin-left:630px !important; } .mod_article.offset10 { margin-left:700px !important; } .mod_article.offset11 { margin-left:770px !important; } .mod_article.offset12 { margin-left:840px !important; } .mod_article.offset13 { margin-left:910px !important; } .mod_article.offset14 { margin-left:980px !important; } .mod_article.offset15 { margin-left:1050px !important; } /* #main .grid4.rechte-spalte{ width:260px; margin-left: 20px !important; } */ .rechte-spalte .mod_eventlist{ /* width:280px !important; */ margin-left:0px !important; margin-right:0px !important; } #header .menu-button{display:none;} #header .mod_navigation#hauptnavigation{display:block;} #header .mod_customnav.subnavigation{display:block;} #header .suche-header{ position:absolute; top:140px; right:0px; } #header{ background: url("../../files/evs/layout/bg-header.png") no-repeat 246px bottom #fff; margin: 0px 10px 0px 10px; } .flexslider .flex-caption .caption_title_line{ width:756px; } body.startseite .teaser-text{ width:260px; } body.startseite #startseite .layout_latest.grid4{ display:none; } body.startseite #startseite .ce_headline.news-headline-start{ display:none; } body.startseite #startseite .ce_divider.news-trenner{ display:none; } /** * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer * * Pixel Grid with 1120 pixel, responsive part * @copyright Glen Langer (BugBuster) 2012..2014 * @author BugBuster * @package contaogrid-1120-16 * @license LGPL */ /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 1140px */ @media (min-width:980px) and (max-width:1460px) { /** * Reduce the overall width */ #wrapper { width:960px; } /** * Reduce the grid column widths */ .grid1 { width:40px; } .grid2 { width:100px; } .grid3 { width:160px; } .grid4 { width:220px; } .grid5 { width:280px; } .grid6 { width:340px; } .grid7 { width:400px; } .grid8 { width:460px; } .grid9 { width:520px; } .grid10 { width:580px; } .grid11 { width:640px; } .grid12 { width:700px; } .grid13 { width:760px; } .grid14 { width:820px; } .grid15 { width:880px; } .grid16 { width:940px; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:60px; } .mod_article.grid2 { width:120px; } .mod_article.grid3 { width:180px; } .mod_article.grid4 { width:240px; } .mod_article.grid5 { width:300px; } .mod_article.grid6 { width:360px; } .mod_article.grid7 { width:420px; } .mod_article.grid8 { width:480px; } .mod_article.grid9 { width:540px; } .mod_article.grid10 { width:600px; } .mod_article.grid11 { width:660px; } .mod_article.grid12 { width:720px; } .mod_article.grid13 { width:780px; } .mod_article.grid14 { width:840px; } .mod_article.grid15 { width:900px; } .mod_article.grid16 { width:960px; } /** * Reduce the offset widths */ .offset1 { margin-left:70px !important; } .offset2 { margin-left:130px !important; } .offset3 { margin-left:190px !important; } .offset4 { margin-left:250px !important; } .offset5 { margin-left:310px !important; } .offset6 { margin-left:370px !important; } .offset7 { margin-left:430px !important; } .offset8 { margin-left:490px !important; } .offset9 { margin-left:550px !important; } .offset10 { margin-left:610px !important; } .offset11 { margin-left:670px !important; } .offset12 { margin-left:730px !important; } .offset13 { margin-left:790px !important; } .offset14 { margin-left:850px !important; } .offset15 { margin-left:910px !important; } /* #main .grid4.rechte-spalte{ width:220px; margin-left: 20px !important; } */ .rechte-spalte .mod_eventlist{ /* width:240px !important; */ margin-left:0px !important; margin-right:0px !important; } #header .suche-header{ position:absolute; top:140px; right:0px; } .flexslider .flex-caption .caption_title_line{ width:636px; } body.startseite .teaser-text{ width:220px; } #header .suche-header input[type="text"]{ width:130px !important; } .sf-menu a{ padding:.2em 8px .2em 8px !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { /** * Reduce the overall width */ #wrapper { width:768px; } /** * Reduce the grid column widths */ .grid1 { width:28px; } .grid2 { width:76px; } .grid3 { width:124px; } .grid4 { width:172px; } .grid5 { width:220px; } .grid6 { width:268px; } .grid7 { width:316px; } .grid8 { width:364px; } .grid9 { width:412px; } .grid10 { width:460px; } .grid11 { width:508px; } .grid12 { width:556px; } .grid13 { width:604px; } .grid14 { width:652px; } .grid15 { width:700px; } .grid16 { width:748px; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:48px; } .mod_article.grid2 { width:96px; } .mod_article.grid3 { width:144px; } .mod_article.grid4 { width:192px; } .mod_article.grid5 { width:240px; } .mod_article.grid6 { width:288px; } .mod_article.grid7 { width:336px; } .mod_article.grid8 { width:384px; } .mod_article.grid9 { width:432px; } .mod_article.grid10 { width:480px; } .mod_article.grid11 { width:528px; } .mod_article.grid12 { width:576px; } .mod_article.grid13 { width:624px; } .mod_article.grid14 { width:672px; } .mod_article.grid15 { width:720px; } .mod_article.grid16 { width:768px; } /** * Reduce the offset widths */ .offset1 { margin-left:58px !important; } .offset2 { margin-left:106px !important; } .offset3 { margin-left:154px !important; } .offset4 { margin-left:202px !important; } .offset5 { margin-left:250px !important; } .offset6 { margin-left:298px !important; } .offset7 { margin-left:346px !important; } .offset8 { margin-left:394px !important; } .offset9 { margin-left:442px !important; } .offset10 { margin-left:490px !important; } .offset11 { margin-left:538px !important; } .offset12 { margin-left:586px !important; } .offset13 { margin-left:634px !important; } .offset14 { margin-left:682px !important; } .offset15 { margin-left:730px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { width:48px !important; } .mod_article.offset2 { width:96px !important; } .mod_article.offset3 { width:144px !important; } .mod_article.offset4 { width:192px !important; } .mod_article.offset5 { width:240px !important; } .mod_article.offset6 { width:288px !important; } .mod_article.offset7 { width:336px !important; } .mod_article.offset8 { width:384px !important; } .mod_article.offset9 { width:432px !important; } .mod_article.offset10 { width:480px !important; } .mod_article.offset11 { width:528px !important; } .mod_article.offset12 { width:576px !important; } .mod_article.offset13 { width:624px !important; } .mod_article.offset14 { width:672px !important; } .mod_article.offset15 { width:720px !important; } /* #main .grid4.rechte-spalte{ width:172px; margin-left: 20px !important; } */ .rechte-spalte .mod_eventlist{ /* width:202px !important; */ margin-left:0px !important; margin-right:0px !important; } #header .menu-button{display:block !important;} #header .mod_navigation#hauptnavigation{display:none !important;} #header .mod_customnav.subnavigation{display:none !important;} #header .suche-header{ position:absolute; top:140px; right:0px; } .rechte-spalte h2.aktuell{ font-size:36px; line-height:40px; font-weight:600; letter-spacing:.04em; } .flexslider .flex-caption .caption_title_line{ width:491px; } body.startseite .teaser-text{ width:170px; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { /** * Remove the overall width */ #wrapper { width:auto; } /** * Show all columns underneath each other * #3, #5 */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; } /** * Reduce the offset widths */ *[class*="offset"] { margin-left:10px !important; } #header .menu-button{display:block !important;} #header .mod_navigation#hauptnavigation{display:none !important;} #header .mod_customnav.subnavigation{display:none !important;} #header{ background: none; } .teaser-kunstwerk .image_container{ float:none !important; margin-right:0px !important; } /* #main .grid4.rechte-spalte{ margin-left: 0px !important; } */ .rechte-spalte .mod_eventlist{ width:auto !important; margin-left:0px !important; margin-right:0px !important; } .flexslider .flex-caption .caption_title_line{ width:92%; padding-left:4% !important; padding-right:4% !important; } body.startseite .teaser-text{ width:auto; } body.startseite #startseite .layout_latest.grid4{ display:block !important; } body.startseite #startseite .ce_headline.news-headline-start{ display:block !important; } body.startseite #startseite .ce_divider.news-trenner{ display:block !important; } body.startseite .mod_article.rechte-spalte .layout_latest.grid4{ display:none !important; } body.startseite .mod_article.rechte-spalte .ce_headline.news{ display:none !important; } body.startseite .mod_article.rechte-spalte .ce_divider.news{ display:none !important; } .mod_eventlist .layout_list .image_container{ float:none; } .content-slider .ce_text .inn{ padding:15px 15px 25px 15px !important; } .content-slider .ce_text .inn a{ right:15px !important; bottom:15px !important; } } .sf-menu { float: left; /* margin-bottom: 1em; */ color:#5b5e58; } .sf-menu ul { font-family:"UniversLT-Condensed"; font-size:14px; line-height:18px; min-width: 20em; /* allow long menu items to determine submenu width */ *width: 20em; /* no auto sub width for IE7, see white-space comment below */ background:#fff; } .sf-menu a { display:block; padding: .2em 10px .2em 10px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu span.active, .sf-menu span.submenu, .sf-menu span.trail, .sf-menu span.current { display:block; padding: .2em 10px .2em 10px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu li.active span.active { display: block; } .sf-menu ul li { } .sf-menu ul ul li { } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em !important; *padding-right: 1em !important; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /* Bitjongleur 07.09.2015 */ #hauptnavigation ul.level_2{ padding-top:12px; padding-left:0px; padding-bottom:12px; } #hauptnavigation ul.level_2 li{ /* float:left; padding-right:10px !important; */ } /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; }