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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* pt-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: 'PT Sans';
font-style: normal;
font-weight: 400;
src: url('../../files/fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/pt-sans-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pt-sans-italic - 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: 'PT Sans';
font-style: italic;
font-weight: 400;
src: url('../../files/fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/pt-sans-v17-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pt-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: 'PT Sans';
font-style: normal;
font-weight: 700;
src: url('../../files/fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/pt-sans-v17-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pt-sans-700italic - 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: 'PT Sans';
font-style: italic;
font-weight: 700;
src: url('../../files/fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* 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/fonts/open-sans-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/open-sans-v36-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-italic - 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: italic;
font-weight: 400;
src: url('../../files/fonts/open-sans-v36-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/open-sans-v36-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* 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/fonts/open-sans-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/open-sans-v36-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700italic - 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: italic;
font-weight: 700;
src: url('../../files/fonts/open-sans-v36-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/fonts/open-sans-v36-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* Style sheet kalibrierung */
* {
margin:0;
padding:0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* === hier kann die Schriftgröße, Schriftart etc. verändert werden === */
html {
font:100% 'Open Sans',Arial,Helvetica,sans-serif;
letter-spacing:.015rem;
word-spacing:.02rem;
overflow-y: scroll;
}
h1,
h2,
h3,
h4 {
margin-bottom:2rem;
}
h5,
h6,
p,
ul,
ol {
margin-bottom:1.5rem;
}
.h1abstandplus,
.h2abstandplus,
.h3abstandplus,
.h4abstandplus {
margin-bottom:4rem;
}
.h5abstandplus,
.h6abstandplus,
.pabstandplus,
.ulabstandplus,
.olabstandplus {
margin-bottom:3rem;
}
img {
width:100%;
height:auto;
max-width:100%;
display:block;
border:0em solid;
border-radius:3px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
border:0;
margin:0 auto;
padding:0;
}
table {
border-spacing: 0;
border-collapse:collapse;
}
ul {
list-style-type:none;
}
sup {
vertical-align:0.3rem;
}
sub {
vertical-align:-0.25rem;
}
del {
text-decoration:line-through;
}
@media screen and (min-width:766px) {
/* Gestaltung der Kästen mit extra class - das ist unkomplizierter */
.spalten_1 {
width:92%;
}
.spalten_2 {
width:44%;
}
.spalten_2:nth-of-type(2n+1) {
clear:both;
}
.spalten_2:nth-of-type(1n+3) {
margin-top:2.7%;
}
.spalten_3 {
width:28%;
}
.spalten_3:nth-of-type(3n+1) {
clear:both;
}
.spalten_3:nth-of-type(1n+4) {
margin-top:2.7%;
}
.spalten_4 {
width:20%;
}
.spalten_4:nth-of-type(4n+1) {
clear:both;
}
.spalten_4:nth-of-type(1n+5) {
margin-top:2.7%;
}
.spalten_5 {
width:15.2%;
}
.spalten_5:nth-of-type(5n+1) {
clear:both;
}
.spalten_5:nth-of-type(1n+6) {
margin-top:2.7%;
}
.spalten_6 {
width:12%;
}
.spalten_6:nth-of-type(6n+1) {
clear:both;
}
.spalten_6:nth-of-type(1n+7) {
margin-top:2.7%;
}
.spalten_7 {
width:9.714284%;
}
.spalten_7:nth-of-type(7n+1) {
clear:both;
}
.spalten_7:nth-of-type(1n+8) {
margin-top:2.7%;
}
.spalten_8 {
width:8%;
}
.spalten_8:nth-of-type(8n+1) {
clear:both;
}
.spalten_8:nth-of-type(1n+9) {
margin-top:2.7%;
}
.spalten_9 {
width:6.666665%;
}
.spalten_9:nth-of-type(9n+1) {
clear:both;
}
.spalten_9:nth-of-type(1n+10) {
margin-top:2.7%;
}
.spalten_10 {
width:5.6%;
}
.spalten_10:nth-of-type(10n+1) {
clear:both;
}
.spalten_10:nth-of-type(1n+11) {
margin-top:2.7%;
}
.spalten_11 {
width:4.727271%;
}
.spalten_11:nth-of-type(11n+1) {
clear:both;
}
.spalten_11:nth-of-type(1n+12) {
margin-top:2.7%;
}
.spalten_12 {
width:4%;
}
.spalten_12:nth-of-type(12n+1) {
clear:both;
}
.spalten_12:nth-of-type(1n+13) {
margin-top:2.7%;
}
.spalten_1,
.spalten_2,
.spalten_3,
.spalten_4,
.spalten_5,
.spalten_6,
.spalten_7,
.spalten_8,
.spalten_9,
.spalten_10,
.spalten_11,
.spalten_12 {
float:left;
display:inline-block;
margin-left:4%;
vertical-align:top;
}
/* 12 Spalten für ungleichmäßige Spalten */
.large-1-12 {
width:4%;
}
.large-2-12 {
width:12;
}
.large-3-12 {
width:20%;
}
.large-4-12 {
width:28%;
}
.large-5-12 {
width:36%;
}
.large-6-12 {
width:44%;
}
.large-7-12 {
width:52%;
}
.large-8-12 {
width:60%;
}
.large-9-12 {
width:68%;
}
.large-10-12 {
width:76%;
}
.large-11-12 {
width:84%;
}
.large-12-12 {
width:92%;
}
.large-1-12,
.large-2-12,
.large-3-12,
.large-4-12,
.large-5-12,
.large-6-12,
.large-7-12,
.large-8-12,
.large-9-12,
.large-10-12,
.large-11-12,
.large-12-12 {
float:left;
margin-left:4%;
}
.clearing {
clear:both;
}
}
@media screen and (max-width:765px) {
/* Gestaltung der Kästen mit extra class - das ist unkomplizierter */
.med_spalten_1 {
width:92%;
}
.med_spalten_2 {
width:44%;
}
.med_spalten_2:nth-of-type(2n+1) {
clear:both;
}
.med_spalten_2:nth-of-type(1n+3) {
margin-top:2.7%;
}
.med_spalten_3 {
width:28%;
}
.med_spalten_3:nth-of-type(3n+1) {
clear:both;
}
.med_spalten_3:nth-of-type(1n+4) {
margin-top:2.7%;
}
.med_spalten_4 {
width:20%;
}
.med_spalten_4:nth-of-type(4n+1) {
clear:both;
}
.med_spalten_4:nth-of-type(1n+5) {
margin-top:2.7%;
}
.med_spalten_5 {
width:15.2%;
}
.med_spalten_5:nth-of-type(5n+1) {
clear:both;
}
.med_spalten_5:nth-of-type(1n+6) {
margin-top:2.7%;
}
.med_spalten_6 {
width:12%;
}
.med_spalten_6:nth-of-type(6n+1) {
clear:both;
}
.med_spalten_6:nth-of-type(1n+7) {
margin-top:2.7%;
}
.med_spalten_1,
.med_spalten_2,
.med_spalten_3,
.med_spalten_4,
.med_spalten_5,
.med_spalten_6 {
float:left;
display:inline-block;
margin-left:4%;
vertical-align:top;
}
/* 6 Spalten für ungleichmäßige Spalten */
.med-1-6 {
width:12%;
}
.med-2-6 {
width:28%;
}
.med-3-6 {
width:44%;
}
.med-4-6 {
width:60%;
}
.med-5-6 {
width:76%;
}
.med-6-6 {
width:92%;
}
.med-1-6,
.med-2-6,
.med-3-6,
.med-4-6,
.med-5-6,
.med-6-6 {
float:left;
margin-left:4%;
}
.clearing {
clear:both;
}
}
@media screen and (max-width:500px) {
/* Gestaltung der Kästen mit extra class - das ist unkomplizierter */
.mini_spalten_1 {
width:92%;
}
.mini_spalten_2 {
width:44;
}
.mini_spalten_2:nth-of-type(2n+1) {
clear:both;
}
.mini_spalten_2:nth-of-type(1n+3) {
margin-top:2.7%;
}
.mini_spalten_1,
.mini_spalten_2 {
float:left;
display:inline-block;
margin-right:-2%;
margin-left:4%;
vertical-align:top;
}
/* 2 Spalten für ungleichmäßige Spalten */
.mini-1-2 {
width:46%;
}
.mini-2-2 {
width:92%;
}
.mini-1-2,
.mini-2-2 {
float:left;
margin-left:4%;
}
.clearing {
clear:both;
}
}
/* formular.css */
form.formular {
line-height:2.5em;
color:#53331f;
}
.formular label {
display:block;
margin:1em 0 0;
font-size:1em;
cursor:pointer;
}
.formular .checkbox_container label {
display:inline;
}
.formular input {
width:100%;
height:3em;
max-width:500px;
padding:.25em;
border:1px solid #ddd;
font-size:1em;
-webkit-box-shadow:0 1px 3px #c9c9c9;
box-shadow:0 1px 3px #c9c9c9;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.formular button {
width:100%;
height:3em;
max-width:500px;
padding:.25em;
border:1px solid #ddd;
font-size:1em;
-webkit-box-shadow:0 1px 3px #c9c9c9;
box-shadow:0 1px 3px #c9c9c9;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.formular textarea {
width:100%;
min-height:8em;
max-width:500px;
padding:.25em;
border:1px solid #ddd;
font-size:1em;
-webkit-box-shadow:0 1px 3px #c9c9c9;
box-shadow:0 1px 3px #c9c9c9;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.formular .headline p {
margin-top:2em;
font-size:1.6em;
font-weight:bold;
color:#c3d76d;
}
.formular .formularerklaerung {
width:100%;
max-width:500px;
margin-top:2rem;
margin-bottom:0;
padding:.25em;
font-size:1em;
}
.formular div.zahl {
width:5em;
float:left;
clear:both;
display:block;
}
.formular div.selectprodukt {
float:left;
display:block;
margin-left:2em;
}
.formular div.selectprodukt select {
height:2.1em;
padding:.3em .25em .25em;
border:1px solid #ddd;
font-size:1em;
-webkit-box-shadow:0 1px 3px #c9c9c9;
box-shadow:0 1px 3px #c9c9c9;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.formular div.widget-submit {
width:100%;
max-width:500px;
float:left;
clear:both;
margin-top:3em;
margin-bottom:5em;
font-size:.8em;
}
.formular div.widget-submit button {
height:2.8em;
background-color:#32679D;
border-radius:5px;
font-size:1.4em;
line-height:0em;
font-weight:bold;
color:#fff;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.formular div.widget-submit button:hover {
background-color:#c8d4e8;
color:#fff;
}
/* +++++ Schriftart Navigation anders +++++++++++++ */
#oben .mod_navigation a,
#oben .mod_navigation strong {
font:1rem/2.5rem "Open Sans",sans serif;
text-decoration:none;
color:#32679D;
font-weight: 600;
}
/* +++++ Navigation Main ++++++++++++++++++++++++++++++++++++++++ */
#oben .mod_navigation {
max-width:1200px;
float:right;
margin-top:1rem;
margin-bottom:1.5rem;
padding-right:2%;
padding-left:12%;
}
#oben .mod_navigation ul {
width:auto;
float:right;
margin:0;
padding:0;
list-style-type:none;
}
#oben .mod_navigation li {
width:auto;
float:left;
margin:0 0 0 2px;
}
#oben .mod_navigation a,
#oben .mod_navigation strong {
display:block;
padding-right:1.5rem;
padding-left:1.5rem;
}
#oben .mod_navigation .active,
#oben .mod_navigation .trail {
background-color:#c3d76d;
background-position:center top;
font-weight:bold;
color:#fff;
}
#oben .mod_navigation .active:hover,
#oben .mod_navigation .trail:hover,
#oben .mod_navigation .active:focus,
#oben .mod_navigation .trail:focus {
background-color:#c3d76d;
background-position:center top;
font-weight:bold;
color:#32679D;
}
#oben .mod_navigation a:hover,
#oben .mod_navigation a:focus {
font-weight:bold;
font-weight:normal;
color:#c3d76d;
font-style: normal;
transition: all 0.3s ease-in-out 0s;
}
/* Hier wird das Eirücken der Ausklapp-Nav bei margin-left eingegeben */
#oben .mod_navigation .level_2 {
width:0px;
height:0px;
left:-32768px;
position:absolute;
overflow:hidden;
display:inline;
margin-left:.9rem;
top:-32768px;
}
#oben .mod_navigation .level_2 li {
clear:both;
color:rgba(203f60,.1);
}
#oben .mod_navigation li:hover .level_2 {
width:auto;
height:auto;
min-width:78px;
left:auto;
top:auto;
overflow:auto;
display:block;
background-color:rgba(255,255,255,.9);
text-decoration:underline;
text-decoration:line-through;
color:rgba(203f60,1);
z-index: 1000;
transition: all 0.1s ease-in-out 0s;
}
/* Farbe hinter Nav-Punkten bei hover */
#oben .mod_navigation .level_2 a:hover,
#oben .mod_navigation .level_2 a:focus {
display:block;
background-color:rgba(c8d4e8,.5);
font-weight:normal;
color:#32679D;
font-style: normal;
transition: all 0.3s ease-in-out 0s;
}
/* Unterpunkte Schriftfarbe bei aktiver Seite plus hover */
#oben .mod_navigation .level_2 .active:hover,
#oben .mod_navigation .level_2 .trail:hover,
#oben .mod_navigation .level_2 .active:focus,
#oben .mod_navigation .level_2 .trail:focus {
font-weight:bold;
color:#32679D;
}
/* Bereich zwischen Hauptpunkt und Unterpunkten */
#oben .mod_navigation ul .level_2 {
border-top:2px solid rgba(32679D,.9);
list-style-type:none;
}
#oben .mod_navigation .level_2 a,
#oben .mod_navigation .level_2 strong {
display:block;
padding-left:.5rem;
font-size:1rem;
line-height:1.9rem;
font-weight:normal;
color:#203f60;
}
#oben .mod_navigation .level_2 a.first,
#oben .mod_navigation .level_2 strong.first {
margin-top:10px;
}
#oben .mod_navigation .level_2 a.last,
#oben .mod_navigation .level_2 strong.last {
margin-top:0;
margin-bottom:10px;
}
/* Unterpunkte Schriftfarbe bei aktiver Seite plus hover */
#oben .mod_navigation .level_2 strong.active,
#oben .mod_navigation .level_2 .trail {
font-weight:bold;
color:#32679D;
}
/* Hier wird das Eirücken der Ausklapp-Nav bei margin-left eingegeben */
#oben .mod_navigation .level_3 {
float:left;
margin-left:.9rem;
}
#oben .mod_navigation .level_3 a.first,
#oben .mod_navigation .level_3 strong.first {
margin-top:0;
}
/* +++++ Navigation ganz oben +++++++++++++++++++++++++++++++++++ */
#nav_oben {
top:-7rem;
position:relative;
float:right;
margin-bottom:10rem;
padding-right:3.2%;
}
#nav_oben ul {
width:auto;
float:left;
margin:0;
padding:0;
list-style-type:none;
}
/* +++++ Navigation unten Impressum Datenschutz +++++++++++ */
#nav_unten_impressum {
width:94%;
max-width:1200px;
position:relative;
clear:both;
display:block;
margin:0 auto;
text-align:right;
}
#nav_unten_impressum li {
width:auto;
float:right;
margin:0 10px 0 0;
}
#nav_unten_impressum a,
#nav_unten_impressum strong {
display:block;
margin-bottom:50px;
padding-bottom:50px;
font-size:.8rem;
line-height:1.5rem;
font-weight:normal;
text-decoration:none;
color:#203f60;
font-style: normal;
}
#nav_unten_impressum .active {
font-weight:bold;
}
#nav_unten_impressum a:hover,
#nav_unten_impressum a:focus {
font-weight:normal;
color:#203f60;
font-style: normal;
}
#nav_oben li {
width:auto;
float:left;
margin:0 10px 0 0;
}
#nav_oben a,
#nav_oben strong {
display:block;
font-size:.9rem;
line-height:1.5rem;
text-decoration:none;
color:#b5b5b5;
font-style: normal;
}
#nav_oben .active {
font-weight:bold;
}
#nav_oben a:hover,
#nav_oben a:focus {
font-weight:normal;
color:#730c07;
font-style: normal;
}
/* +++++ Sitemap ++++++++++++++++++++++++++++++++++++++++ */
#right .sitemap {
}
#right .mod_sitemap ul {
width:100%;
list-style-type:none;
}
#right .mod_sitemap li {
width:100%;
}
#right .mod_sitemap a,
#right .mod_sitemap strong {
display:block;
padding-top:.7rem;
font-size:.8rem;
line-height:.9rem;
font-weight:normal;
text-decoration:none;
color:#203f60;
font-style: normal;
}
#right .mod_sitemap .level_1 a,
#right .mod_sitemap .level_1 strong {
border-top:1px dotted #$blau2;
}
#right .mod_sitemap .level_1 .first a,
#right .mod_sitemap .level_1 .first strong {
border-top: none;
}
#right .mod_sitemap .active,
#right .mod_sitemap .trail {
font-weight:bold;
}
#right .mod_sitemap a.trail:before {
padding-right:7px;
content: url(../../files/css/"../../files/srk_layout/Pfeil_7x10_blau-mittel.png");
}
#right .mod_sitemap .level_3 a.trail:before {
left:-18px;
position:relative;
padding-right:0;
content: url(../../files/css/"../../files/srk_layout/Pfeil_7x10_blau-mittel.png");
}
#right .mod_sitemap a:hover,
#right .mod_sitemap a:focus {
color:#$blau2;
}
#right .mod_sitemap ul.level_2 {
margin-bottom:0;
padding-left:.9rem;
}
#right .mod_sitemap .level_2 a,
#right .mod_sitemap .level_2 strong {
padding-left:.9rem;
border-top: none;
}
#right .mod_sitemap .level_2 a.last,
#right .mod_sitemap .level_2 strong.last {
padding-bottom:.9rem;
padding-left:.9rem;
}
#right .mod_sitemap ul.level_3 {
margin-bottom:0;
padding-left:1rem;
}
#right .mod_sitemap .level_3 a,
#right .mod_sitemap .level_3 strong {
padding-left:1rem;
border-top: none;
}
#right .mod_sitemap .level_3 a.last,
#right .mod_sitemap .level_3 strong.last {
padding-bottom:1rem;
padding-left:1rem;
}
/* ===== Schriftgröße bei html in der kalibrierungs.css einstellen ===== */
html {
}
body {
background-color:#fff;
background-repeat:no-repeat;
}
#header {
}
#oben {
width:100%;
height:5rem;
background-color:#fff;
}
#oben .inside {
height:auto;
max-width:1200px;
position:relative;
margin:0 auto;
padding-right:0;
padding-left:0;
}
#om {
width:50%;
left:-28%;
top:-228%;
position:absolute;
z-index:-10;
}
#logo-links {
width:250px;
position:relative;
float:left;
display:block;
margin-top:2%;
margin-left:4%;
}
#weiss {
width:50%;
height:140px;
min-height:100px;
top:78px;
position:absolute;
background-image:url("../../files/css/files/neubig_layout/HG-weiss.png");
background-position:left top;
background-repeat:repeat-y;
z-index: 9;
background-size: contain;
transition: all 2s linear 0s;
opacity:0.7;
}
/* +++++ Farben Variablen +++++++*/
* {
--pri1:#32679D;
--pri2:#c8d4e8;
--pri3:#edf0f2;
--pri4:#203f60;
--sec1:#c3d76d;
--sec2:#dbe6ab;
--sec3:#fafbf2;
--grau1:#e5e5e5;
--grau2:#c0c0c0;
--grau3:#8c8c8c;
--typo:#203f60;
--link:#730c07;
--liho:#c3d76d;
--hg1:#d9e0e8;
--hg4:#e7e7e7;
}
/* +++++ Schriftart Überschriften ++++++ */
h1,
h2,
h3,
h4 {
font-family:'Open Sans',sans serife;
font-weight:700;
}
/* +++ Text mit Symbol vorne dran +++++ pri1 Farbe +++++++++++++++++ */
.ce_text.symbolschriftpri p,
.symbolschriftpri {
margin-bottom:.9rem;
color:#32679D;
font-weight:700;
}
/* ++++++ Gallery ++++++ */
.ce_gallery>ul {
margin-right:-2.5%;
}
.ce_gallery .cols_1 li {
width:97%;
float:left;
}
.ce_gallery .cols_2 li {
width:48%;
float:left;
margin-right:2%;
}
.ce_gallery .cols_3 li {
width:31%;
float:left;
margin-right:2%;
}
.ce_gallery .cols_4 li {
width:23%;
float:left;
margin-right:2%;
}
.ce_gallery .cols_5 li {
width:17.8%;
float:left;
margin-right:2%;
}
.ce_gallery .cols_6 li {
width:15%;
float:left;
margin-right:1.6%;
}
.ce_gallery .cols_7 li {
width:12.6%;
float:left;
margin-right:1.5%;
}
.ce_gallery .cols_8 li {
width:11%;
float:left;
margin-right:1.5%;
}
.ce_gallery .cols_9 li {
width:9.5%;
float:left;
margin-right:1.5%;
}
.ce_gallery .cols_10 li {
width:8.5%;
float:left;
margin-right:1.5%;
}
.referenzlogo .image_container {
height:100px;
display:table-cell;
vertical-align:middle;
}
#headerbild,
#headerbild-mit-slogan {
padding-top:0;
border-bottom: none;
}
#headerbild .inside,
#headerbild-mit-slogan .inside {
width:100%;
}
#headerbild-mit-slogan:before {
width:100%;
height:3.1rem;
bottom:-4px;
position:absolute;
content: url(../../files/css/"files/mtg_layout/weiss-70-prozent.png");
}
/* ++++++++ inside Kästen ++++++++++++++++++++++++++++++ */
.inside {
width:100%;
margin:0 auto;
}
/* +++++ Typo ++++++++++++++++++++++++++++++++++++++++ */
h1 {
font-size:2.2rem;
line-height:3rem;
color:#203f60;
font-weight:700;
}
.h-abstand-minus h1 {
line-height:0rem;
}
h1 a,
h1 a:visited {
color:#203f60;
font-weight:700;
font-style:normal;
}
h1 a:hover,
h1 a:focus {
color:#c3d76d;
font-style: normal;
font-weight: 700;
}
h2 {
font-size:2.2rem;
line-height:3rem;
color:#32679D;
font-weight:700;
}
h2 a,
h2 a:visited {
color:#32679D;
font-style: normal;
font-weight: 700;
}
h2 a:hover,
h2 a:focus {
font-weight:bold;
color:#c3d76d;
font-style: normal;
}
h3 {
font-size:1.7rem;
line-height:2.3rem;
font-weight:bold;
color:#203f60;
}
h3 a,
h3 a:visited {
font-weight:bold;
color:#203f60;
font-style: normal;
}
h3 a:hover,
h3 a:focus {
font-weight:bold;
color:#c3d76d;
font-style: normal;
}
h4 {
font-size:1.7rem;
line-height:2.3rem;
font-weight:bold;
color:#32679D;
}
h4 a,
h4 a:visited {
font-weight:bold;
color:#32679D;
font-style: normal;
}
h4 a:hover,
h4 a:focus {
font-weight:bold;
color:#c3d76d;
font-style: normal;
}
h5 {
margin-bottom:.5rem;
font-size:1.1rem;
line-height:1.5rem;
font-weight:bold;
color:#203f60;
}
h5 a,
h5 a:visited {
font-weight:bold;
color:#203f60;
font-style: normal;
}
h5 a:hover,
h5 a:focus {
font-weight:bold;
color:#c3d76d;
font-style: normal;
}
h6 {
margin-bottom:.5rem;
font-size:1.1rem;
line-height:1.5rem;
font-weight:bold;
color:#32679D;
}
h6 a,
h6 a:visited {
font-weight:bold;
color:#32679D;
font-style: normal;
}
h6 a:hover,
h6 a:focus {
font-weight:bold;
color:#c3d76d;
font-style: normal;
}
p {
font-size:1rem;
line-height:1.7rem;
color:#203f60;
}
p.eng {
letter-spacing:-0.02rem;
}
/* Muss im Texteditor mit Hand in den HTML-Code eingetragen werden */
p.textspalten {
column-width: 17rem;
}
/* +++ Text mit Symbol vorne dran +++++ sec1 Farbe +++++++++++++++++ */
.ce_text.symbolschriftsec p,
.symbolschriftsec {
margin-bottom:.9rem;
color:#c3d76d;
font-weight:700;
}
/* Zahnrad ++++++ pri1 Farbe ++++++ */
.ce_text.symbolschriftpri:before,
.symbolschriftpri:before {
position:relative;
float:left;
margin-right:1.2rem;
padding-top:.4rem;
color:#32679D;
font:2.55rem FontAwesome;
content: "\f013";
}
/* Zahnrad ++++++ sec1 Farbe ++++++ */
.ce_text.symbolschriftsec:before,
.symbolschriftsec:before {
position:relative;
float:left;
margin-right:1.2rem;
padding-top:.4rem;
color:#c3d76d;
font:2.55rem FontAwesome;
content: "\f013";
}
.slogan p {
font-size:1.5rem;
line-height:2.5rem;
color:rgba(255,255,255,.85);
font-weight: 400;
}
.slogan p span.information {
font-size:.75rem;
line-height:0rem;
color:rgba(255,255,255,.85);
text-transform:uppercase;
text-indent:5rem;
letter-spacing:.05rem;
word-spacing:.4rem;
font-weight: 400;
vertical-align: 0.5rem;
}
#fussadresse p {
margin-bottom:0;
font-size:1rem;
line-height:1.6rem;
font-weight:normal;
color:#c8d4e8;
}
/* +++++ Links ++++++++++++++++++++++++++++++++++++++++ */
a {
font-weight:normal;
text-decoration:none;
color:#730c07;
font-weight: 700;
}
a:visited {
font-weight:normal;
text-decoration:none;
color:#730c07;
}
a:hover,
a:focus {
font-weight:bold;
text-decoration:none;
color:#32679D;
}
a:aktive {
font-weight:bold;
text-decoration:none;
color:#730c07;
}
/* +++++ Links Kasten dunkel ++++++++++++++++++++++++++++++++++++++++ */
.kasten_dunkel a {
font-weight:normal;
text-decoration:none;
color:#fff;
font-weight: 400;
}
.kasten_dunkel a:visited {
font-weight:normal;
text-decoration:none;
color:#fff;
}
.kasten_dunkel a:hover,
.kasten_dunkel a:focus {
font-weight:bold;
text-decoration:none;
color:#c3d76d;
}
.kasten_dunkel a:aktive {
font-weight:bold;
text-decoration:none;
color:#fff;
}
/* +++++ Links im Text +++++++++++++++++ */
.ce_text a:before {
display:inline-block;
margin-right:.25rem;
font-family:FontAwesome;
font-weight:normal;
content:"\f0a4";
vertical-align:middle;
-webkit-font-smoothing:antialiased;
}
/* +++++ Links auf der Kontaktseite +++++++++++++++++ */
#kontakt .ce_text a:before,
#contact .ce_text a:before {
content:"";
vertical-align:middle;
-webkit-font-smoothing:antialiased;
}
.ce_text ul li a {
margin-left:1em;
}
.ce_text figure a:before,
.ce_text h1 a:before,
.ce_text h2 a:before,
.ce_text h3 a:before,
.ce_text h4 a:before,
.ce_text h5 a:before,
.ce_text h6 a:before {
display:none;
}
/* +++++ Button-link --- innerhalb von .ce_text Text als HTML anzeigen lassen und nach dem "a" class="buttonlink" eintragen +++++++++++++++++++++++++++++++++++++++ */
a.buttonlink {
padding:.5em 1.1em .5em 1em;
background-color:#c8d4e8;
border-radius:5px;
font-size:1.2rem;
text-decoration:none;
color:#32679D;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
transition: all 0.5s ease-in-out 0s;
font-style:normal;
}
a.buttonlink:hover {
padding:.5em 1.1em .5em 1em;
background-color:#32679D;
border-radius:5px;
font-size:1.2rem;
text-decoration:none;
color:#fff;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.fussadresse a,
footer a {
color:#c8d4e8;
font-style: normal;
}
/* +++++ Typo Sonstige ++++++++++++++++++++++++++++++++++++++++ */
Typo-Sonstige {
}
span.confirmation {
font-weight:bold;
color:#203f60;
}
span.warning {
font-weight:bold;
color:#c3d76d;
}
p span.warning {
font-weight:bold;
color:#c3d76d;
}
/* mit FontAwesome */
.ce_text ul {
margin-left:1.4rem;
color:#203f60;
text-indent: -0.7rem;
list-style-type: none;
}
/* mit FontAwesome icon einfügen */
.ce_text ul li:before {
display:inline-block;
margin-right:.6rem;
font:.85rem FontAwesome;
font-weight:normal;
color:#c8d4e8;
content:"\f0c8";
vertical-align: middle;
-webkit-font-smoothing: antialiased;
}
.ce_text ul li {
margin-bottom:.75rem;
}
.ce_text ul ul {
margin-top:.5rem;
list-style-type:disc;
list-style-image: none;
}
span.information {
font-size:.8rem;
font-weight:normal;
}
figcaption.caption {
margin-bottom:40px;
font-size:.75rem;
line-height:1.2rem;
color:#203f60;
}
.linie {
height:1rem;
clear:both;
display:block;
margin-right:4%;
margin-left:4%;
border-bottom:2px solid #32679D;
}
/* +++++ Artikel ++++++++++++++++++++++++++++++++++++++++ */
.mod_article {
width:100%;
position:relative;
padding:3.5rem 0 2.8rem;
padding-left:4%;
padding-right:4%;
}
div.article_wrapper_header {
background-color:#32679D;
}
.article_wrapper_header .mod_article {
padding-bottom:0;
}
.article_wrapper_header img {
border-radius:0;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
div.article_wrapper:nth-child(2n-1) {
width:100%;
background-color:#edf0f2;
}
div.article_inside {
max-width:1200px;
position:relative;
margin:0 auto;
}
/* Artikel mit ce_text in Spalten */
.mod_article.spalteninhalt {
width:100%;
margin-left:0;
padding-right:0;
padding-left:0;
border-bottom:none;
}
#right .mod_article {
margin-bottom:2rem;
border-bottom: none;
}
#right .mod_article img {
border:8px solid rgba(255,255,255,.95);
}
/* +++++ Kasten +++++ dunkel +++++ */
.kasten_dunkel {
margin-top:.8rem;
padding:1rem;
background-color:#c3d76d;
border-radius:3px;
color:#fff;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.kasten_dunkel_rechts {
width:32%;
position:relative;
float:right;
margin-top:1rem;
padding:1rem;
background-color:#ec1;
border-radius:3px;
color:#fff;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.kasten_dunkel_rechts h3,
.kasten_dunkel h3,
.kasten_dunkel_rechts h4,
.kasten_dunkel h4 {
margin-bottom:1rem;
color:#fff;
}
.kasten_dunkel_rechts p,
.kasten_dunkel p {
margin-bottom:.5rem;
color:#fff;
}
/* +++++ Kasten +++++ hell +++++ */
.kasten_hell {
margin-top:.8rem;
padding:1rem;
background-color:#c8d4e8;
border-radius:3px;
color:#203f60;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.kasten_hell h3 {
margin-bottom:1rem;
color:#203f60;
}
.kasten_hell p {
margin-bottom:.5rem;
color:#203f60;
}
/* ++++++ Infobilder mit überlagender Fläche ++++++ */
div.ce_image.infobild {
position:relative;
border-radius:2px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
div.infobild figure {
margin-bottom:0;
}
div.infobild figcaption.caption {
width:100%;
height:100%;
top:30rem;
position:absolute;
background-color:rgba(0,0,0,.6);
font-size:1rem;
line-height:1.5rem;
color:#fff;
transition: all 1.5s ease-in-out 0s;
}
div.infobild figcaption.caption a {
height:100%;
display:block;
padding:1rem;
font-weight:normal;
color:#fff;
}
div.infobild:hover figcaption.caption,
div.infobild:focus figcaption.caption {
top:0;
position:absolute;
transition: all 0.5s ease-in-out 0s;
}
/* +++++ Template im Artikel auswählen ++++++++++++++++++++++++ */
#right .mod_article.mod_article_bild {
padding:0;
background-color:rgba(255,255,255,.01);
}
.mod_article.hintergrund {
margin-bottom:2rem;
padding:2em;
background-color:#dbe6ab;
border:1px solid #fafbf2;
border-radius:3px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
border-bottom: none;
}
#right .mod_article.mod_article_bild img {
width:100%;
border:0px solid;
border-bottom:none;
backgroud-color: none;
}
#right .mod_article.first {
margin-top:70px;
}
#right .mod_article .ce_image {
margin:0;
padding:0;
}
#right .mod_article .ce_image figure {
margin:0;
padding:0;
}
/* +++++ Artikel Slogan ++++++++++++++++++++++++++++++++++++++++ */
.mod_article.slogan {
width:92%;
bottom:0;
position:absolute;
padding:0;
z-index: 11
}
.mod_article.slogan h1 {
margin-bottom:0;
text-align:center;
font-size:2rem;
color:#000;
}
#header .mod_article.art_headerbild {
width:100%;
position:relative;
margin-left:0;
padding:0;
border-bottom:none;
background: none;
box-shadow:none;
}
.mod_article#headerbild-breit {
width:100%;
max-height:500px;
padding:0;
}
/* ++++++ Schmale Artikel nebeneinander ++++++ */
.mod_article.artikelschmal {
float:left;
padding:0 1.8%;
}
/* ++++++ Schmale Artikel nebeneinander ++++++ */
.mod_article.artikelschmal.drei,
.mod_article.artikelschmal.sechs {
margin-right:0;
margin-left:0;
}
.artikelschmal .abstandnull {
margin-bottom:0;
}
.artikelschmal p {
margin-top:-3px;
margin-bottom:16px;
line-height:1.4rem;
margin-bottom: 1rem;
}
.ce_image.bildartikelschmal {
margin-left:0%;
margin-top:-2.5rem;
}
.bildartikelschmal figure {
max-width:100%;
position:relative;
overflow:hidden;
margin:0;
padding-top:85%;
}
.bildartikelschmal figure img {
max-width:100%;
bottom:0;
left:0;
right:0;
top:0;
position:absolute;
display:block;
margin:auto;
}
.artikelschmal img {
border-radius:0;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.artikelschmal .ce_gallery {
margin-top:-0.5rem;
}
.artikelschmal .ce_gallery>ul.cols_1 li {
width:100%;
margin-top:-2px;
}
.artikelschmal .ce_gallery ul.cols_2 li {
width:48%;
float:left;
margin-right:2%;
}
/* Inhaltselemente von Artikelschmal */
.mod_article.artikelschmal .ce_image {
height:220px;
margin:0 -8% 2%;
margin-bottom:1rem;
}
.mod_article.artikelschmal .ce_text {
height:10rem;
margin-bottom:0;
}
.mod_article.artikelschmal .ce_text p {
margin-top:-1rem;
}
.mod_article.artikelschmal .ce_hyperlink {
height:3rem;
margin-right:-8%;
margin-bottom:0;
margin-left:-8%;
padding-right:4%;
padding-left:4%;
background-color:#32679D;
margin-top:1rem;
}
.mod_article.artikelschmal .ce_hyperlink a {
top:.5rem;
position:relative;
font-size:1rem;
}
/* ++++++ teaserbox Inhaltselement ++++++ */
.teaserbox {
overflow:visible;
background-color:#c8d4e8;
}
.teaserbox figure.float_above {
height:14rem;
overflow:hidden;
}
.teaserbox h1,
.teaserbox h2,
.teaserbox h3,
.teaserbox h4,
.teaserbox h5,
.teaserbox h6,
.teaserbox p {
margin-bottom:.6rem;
padding-right:1.5rem;
padding-left:1.5rem;
}
.teaserbox p:nth-of-type(1) {
height:10rem;
overflow:hidden;
margin-bottom:1rem;
}
.teaserbox p:nth-of-type(2) {
height:3rem;
margin-bottom:0;
padding-top:.6rem;
background-color:#32679D;
}
.teaserbox a {
color:#fff;
}
/* ++++++ teaserbox klein Inhaltselement ++++++ */
.teaserbox-klein {
overflow:visible;
background-color:#32679D;
}
.teaserbox-klein figure.float_above {
height:9rem;
overflow:hidden;
}
.teaserbox-klein h1,
.teaserbox-klein h2,
.teaserbox-klein h3,
.teaserbox-klein h4,
.teaserbox-klein h5,
.teaserbox-klein h6,
.teaserbox-klein p {
margin-bottom:.6rem;
padding-right:1.5rem;
padding-left:1.5rem;
color:#fff;
}
.teaserbox-klein p:nth-of-type(1) {
height:14.5rem;
overflow:hidden;
margin-bottom:0;
}
.teaserbox-klein p:nth-of-type(2) {
height:3rem;
margin-bottom:0;
padding-top:.6rem;
background-color:#32679D;
}
.teaserbox-klein a {
color:#fff;
}
/* ++++++ Artikel Liste Modul ++++++ */
.mod_articlelist li a {
line-height:1.6rem;
color:#203f60;
}
/* ++++++ Artikel Liste Modul ++++++ */
.mod_articlelist.kasten_dunkel li a {
line-height:1.6rem;
color:#fff;
}
.mod_articlelist li a:hover,
.mod_articlelist li a:focus {
color:#dbe6ab;
}
.mod_articlelist.kasten_hell,
.mod_articlelist.kasten_dunkel {
padding-bottom:0;
}
.mod_articlelist ul {
margin-left:4.5%;
list-style-type:disc;
}
/* +++++ Nachrichten ++++++++++++++++++++++++*/
.layout_latest{
border-bottom: 1px solid rgba(0,0,0,0.3);
margin-top: 2.5rem;
padding-bottom: 2rem;
}
/* +++++ Bilder und figure ++++++++++++++++++++++++++++++++++++ */
.mod_article figure {
margin-bottom:1em;
}
#header .mod_article figure {
margin-bottom:0;
}
#header .mod_article img {
min-width:100%;
overflow:hidden;
margin-bottom:0;
padding:0;
}
figure.image_container.float_right {
width:45%;
margin-left:5%;
}
figure.image_container.float_left {
width:45%;
margin-right:5%;
}
div.ce_image.bild80 {
width:80%;
}
.text_bild_links p {
width:50%;
float:right;
clear:right;
}
div.ce_image {
margin-top:.7rem;
}
.ce_text {
margin-bottom:1rem;
}
.oben_buendig {
height:3px;
margin-top:-25px;
padding-top:0;
border-bottom:none;
box-shadow:none;
}
.mod_article .ce_image {
margin-left:4%;
}
#header .mod_article .ce_image {
margin:0;
padding:0;
}
/* +++++ Spaltenartikel Klasse in ce_text zuweisen ++++++++++++++++++++++++ */
.art_bild_oben figure img {
max-width:100%;
bottom:0;
left:0;
right:0;
top:0;
position:absolute;
display:block;
margin:auto;
border-radius:3px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.art_bild_oben figure {
max-width:100%;
position:relative;
overflow:hidden;
padding-top:56%;
border-radius:3px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.art_bild_oben h3,
.art_bild_oben h4 {
margin-bottom:.7rem;
padding-top:.38rem;
}
/* +++++ Spaltenartikel mit Icon – Klasse in ce_text zuweisen ++++++++++++++++++++++++ */
.icontext {
text-align:center;
}
/* ++++++ per insert-Tag eingefügtes Symbol z.B. ++++++ */
i.fa-icon {
display:block;
margin-top:1rem;
margin-bottom:1.8rem;
text-align:center;
font-size:3.5rem;
}
/* ++++++ pri1 = im Theme definierte Primärfarbe 1 die Klasse wird in der geschwungenen Klammer mit angegeben z.B. ++++++ */
i.fa-pri1 {
color:#32679D;
}
i.fa-pri2 {
color:#c8d4e8;
}
i.fa-pri3 {
color:#edf0f2;
}
i.fa-sec1 {
color:#c3d76d;
}
i.fa-sec2 {
color:#dbe6ab;
}
i.fa-sec3 {
color:#fafbf2;
}
/* +++++ Artikel Bild oben flach ++++++++++++ */
.art_bild_oben_flach {
padding:1rem;
background-color:#e7e7e7;
border-radius:3px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.art_bild_oben_flach figure img {
max-width:100%;
bottom:0;
left:0;
right:0;
top:0;
position:absolute;
display:block;
margin:auto;
border-radius:3px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.art_bild_oben_flach figure {
max-width:100%;
position:relative;
overflow:hidden;
padding-top:50%;
border-radius:3px;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
#fussadresse {
width:100%;
clear:both;
margin-right:auto;
margin-left:auto;
padding:1% 4% 0;
text-align:center;
background-color:#32679D;
}
#fussadresse:after {
clear:both;
display:block;
content:"";
font-size:0px;
text-indent:-30000px;
}
#zusatz {
height:50px;
background-color:#31c8d6;
}
/* +++++ Elemente ++++++++++++++++++++++++++++++++++++++++ */
Contao-Elemente {
}
.ce_download a,
.ce_downloads a,
.ce_toplink a {
float:left;
font-size:1.03rem;
line-height:1.8rem;
color:#203f60;
font-style: normal;
}
/* +++++ Links als Inhaltselement Hyperlink ++++++++++++++++++++++++++++++++++++++++ */
.ce_hyperlink a {
padding:.2em 1em;
background-color:var(--pri3);
border:1px solid var(--pri1);
line-height:2rem;
font-weight:bold;
text-decoration:none;
color:#203f60;
transition: all 0.5s ease-in-out 0s;
font-style:normal;
}
.ce_hyperlink {
margin-bottom:1rem;
}
.ce_hyperlink a:before {
display:inline-block;
margin-right:.5rem;
margin-left:.1rem;
font-family:FontAwesome;
content:"\f0a4";
}
.ce_hyperlink a:hover {
padding:.2em 1em;
background-color:var(--pri1);
border:1px solid var(--pri3);
text-decoration:none;
color:#fff;
}
/* ++++++ Toplink ++++++ */
.ce_toplink a {
float:right;
font-size:.8rem;
line-height:1.8rem;
color:#dbe6ab;
font-style:normal;
}
.ce_toplink a::before {
margin-right:.5rem;
font-family:FontAwesome;
content:"\f0aa";
}
.ce_text.ce_toplink a::before {
vertical-align:0.01rem;
}
.hyperlink_txt {
font-size:.8rem;
}
.ce_table {
overflow:scroll;
}
/* stretch up the tables */
table {
margin-bottom:50px;
padding-left:10px;
border:1px solid #e1dad6;
border-collapse:collapse;
font-size:.8rem;
line-height:1.2rem;
}
table caption {
margin-bottom:1em;
text-align:left;
font-weight:bold;
}
/* headline styling */
th {
padding:1%;
text-align:left;
background-color:#eee9e7;
border-bottom:1px solid #e1dad6;
border-right: 1px solid #e1dad6;
}
tr {
height:2rem;
}
/* simple body item styles */
td {
padding:0 .5rem;
background-color:#edf0f2;
border-bottom:1px solid #e1dad6;
border-right: 1px solid #e1dad6;
}
tr.row_0 td {
background-color:#32679D;
color:#fff;
}
/* bring up some zebra look */
tr:nth-child(2n) td {
background-color:rgba(c8d4e8,.8);
}
/* ++++++ Unsichtbare Tabelle ++++++ */
.ce_text.tabunsichtbar .ce_table {
overflow:hidden;
}
/* stretch up the tables */
.ce_text.tabunsichtbar table {
margin-bottom:1rem;
padding-left:10px;
border:0px;
font-size:.95rem;
line-height:1.5rem;
}
/* stretch up the tables */
.ce_text.tabunsichtbar tbody {
vertical-align:top;
}
.ce_text.tabunsichtbar table caption {
margin-bottom:1em;
text-align:left;
font-weight:bold;
}
/* headline styling */
.ce_text.tabunsichtbar th {
padding:1%;
text-align:left;
background-color:#fff;
border-right: none;
}
.ce_text.tabunsichtbar tr {
height:2rem;
}
/* simple body item styles */
.ce_text.tabunsichtbar td {
padding:0 2.5rem .5rem 0;
background-color:rgba(255,255,255,.01);
border-right: none;
border-bottom: none;
}
.ce_text.tabunsichtbar tr.row_0 td {
color:#203f60;
background-color: none;
}
/* bring up some zebra look */
.ce_text.tabunsichtbar tr:nth-child(2n-1) td {
background-color: none;
}
/* ++++++ zentrierte einzelne Tabellenspalten ++++++ */
.ce_table.col0zen td.col_0 {
text-align:center;
}
.ce_table.col1zen td.col_1 {
text-align:center;
}
.ce_table.col2zen td.col_2 {
text-align:center;
}
.ce_table.col3zen td.col_3 {
text-align:center;
}
.ce_table.col4zen td.col_4 {
text-align:center;
}
.ce_table.col5zen td.col_5 {
text-align:center;
}
.ce_table.col6zen td.col_6 {
text-align:center;
}
.ce_table.col7zen td.col_7 {
text-align:center;
}
.ce_table.col8zen td.col_8 {
text-align:center;
}
.ce_table.col9zen td.col_9 {
text-align:center;
}
.ce_table.col10zen td.col_10 {
text-align:center;
}
/* ++++++ Accordion Umschlag für jedes ce ++++++ */
.ce_accordion {
width:100%;
clear:both;
margin-top:-1px;
margin-right:auto;
margin-left:auto;
background-color:rgba(c8d4e8,.12);
border:1px solid #32679D;
}
/* Überschrift als trigger accordion */
.toggler {
position:relative;
padding:6px 10px;
background-color:rgba(c8d4e8,.05);
background:-moz-linear-gradient(top,#edf0f2,#d9e0e8);
background:-webkit-linear-gradient(top,#edf0f2,#d9e0e8);
background:-o-linear-gradient(top,#edf0f2,#d9e0e8);
background:-ms-linear-gradient(top,#edf0f2,#d9e0e8);
background:linear-gradient(to bottom,#edf0f2,#d9e0e8);
-pie-background:linear-gradient(top,#edf0f2,#d9e0e8);
border-top:1px solid #f4f2f0;
font-size:1.1rem;
color:#203f60;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f0', endColorstr='#e1dad6',GradientType=0 );
/* IE6-9 */
border-bottom: 1px solid #d4cbc5;
/* 16px */
font-weight: bold;
cursor: pointer;
}
.toggler:after {
width:20px;
height:20px;
right:10px;
position:absolute;
display:block;
font-family: FontAwesome;
content: "\f107";
top: 8px;
}
/* toggle active and hover status */
.toggler:hover,
.toggler.active {
color:#32679D;
}
.toggler:focus {
outline: none;
}
/* inside active */
.toggler.ui-state-active:after {
font-family: FontAwesome;
content: "\f106";
}
/* styling for inner > inner wrapper */
.accordion > div {
padding:20px 10px 6px;
}
/* Bilder im Accordion */
.ce_accordion figure.image_container.float_right,
.ce_accordion figure.image_container.float_left {
width:27%;
margin-top:3px;
}
.ce_accordion figure.image_container.float_right:after {
clear:both;
display:block;
content:"";
font-size:0px;
text-indent:-30000px;
}
/* +++++ Farben für Musterseite +++++++++++++++++++++++++++++++++++++++ */
.pri1 {
padding:.2em 1em;
background-color:#32679D;
text-decoration:none;
color:#fff;
font-style:normal;
}
.pri2 {
padding:.2em 1em;
background-color:#c8d4e8;
text-decoration:none;
color:#fff;
font-style:normal;
}
.pri3 {
padding:.2em 1em;
background-color:#edf0f2;
text-decoration:none;
color:#fff;
font-style:normal;
}
.sec1 {
padding:.2em 1em;
background-color:#c3d76d;
text-decoration:none;
color:#fff;
font-style:normal;
}
.sec2 {
padding:.2em 1em;
background-color:#dbe6ab;
text-decoration:none;
color:#fff;
font-style:normal;
}
.sec3 {
padding:.2em 1em;
background-color:#fafbf2;
text-decoration:none;
color:#fff;
font-style:normal;
}
.grau1 {
padding:.2em 1em;
background-color:#e5e5e5;
text-decoration:none;
color:#fff;
font-style:normal;
}
.grau2 {
padding:.2em 1em;
background-color:#c0c0c0;
text-decoration:none;
color:#fff;
font-style:normal;
}
.grau3 {
padding:.2em 1em;
background-color:#8c8c8c;
text-decoration:none;
color:#fff;
font-style:normal;
}
.typo {
padding:.2em 1em;
background-color:#203f60;
text-decoration:none;
color:#fff;
font-style:normal;
}
.link {
padding:.2em 1em;
background-color:#730c07;
text-decoration:none;
color:#fff;
font-style:normal;
}
.liho {
padding:.2em 1em;
background-color:#c3d76d;
text-decoration:none;
color:#fff;
font-style:normal;
}
.hg1 {
padding:.2em 1em;
background-color:#d9e0e8;
text-decoration:none;
color:#fff;
font-style:normal;
}
.hg2 {
padding:.2em 1em;
background-color:var(--pri1);
text-decoration:none;
color:#fff;
font-style:normal;
}
.hg3 {
padding:.2em 1em;
background-color:var(--typo);
text-decoration:none;
color:#fff;
font-style:normal;
}
.hg4 {
padding:.2em 1em;
background-color:#e7e7e7;
text-decoration:none;
color:#fff;
font-style:normal;
}
@media screen and (min-width: 1500px) {
#slider .ce_image h4 {
bottom:auto;
position:absolute;
margin-left:15rem;
padding:.2rem .5rem;
font-size:2rem;
font-weight:normal;
}
#slider figcaption {
bottom:auto;
position:absolute;
margin-left:18rem;
padding:.3rem .5rem;
font-size:1.4rem;
font-weight:normal;
}
}
@media screen and (min-width: 1200px) {
.ce_image.maxbreite.block {
max-width:1200px;
position:relative;
margin-left: 50% !important;
left: -600px !important;
}
.ce_image.maxbreite.block {
max-width:1200px;
left:-600px;
position:relative;
margin-left:50%;
}
#slider .ce_image h4 {
bottom:auto;
position:absolute;
margin-left:15rem;
padding:.2rem .5rem;
font-size:2rem;
font-weight:normal;
}
#slider figcaption {
bottom:auto;
position:absolute;
margin-left:18rem;
padding:.3rem .5rem;
font-size:1.4rem;
font-weight:normal;
}
}
@media screen and (max-width: 1050px) {
/* +++++ Artikel Slogan ++++++++++++++++++++++++++++++++++++++++ */
.mod_article.slogan {
width:50%;
bottom:-2.1rem;
position:absolute;
padding-left:2%;
border-bottom:none;
background:none;
box-shadow:none;
z-index: 11
}
.slogan p {
font:1.4rem/2.2rem 'Muli',sans-serif;
color:rgba(255,255,255,.85);
font-weight: 300;
}
.slogan p span.information {
font:.6rem/0rem 'Muli',sans-serif;
color:rgba(255,255,255,.85);
text-transform:uppercase;
text-indent:5rem;
letter-spacing:.05rem;
word-spacing:.4rem;
font-weight: 300;
vertical-align: 0.2rem;
}
}
@media screen and (max-width:920px) {
html {
font-size:75%;
}
#oben .mod_navigation a,
#oben .mod_navigation span {
display:block;
padding-right:3rem;
font-size:1.4rem;
line-height:2.4rem;
font-style: normal;
}
.text_bild_links p {
width:100%;
float:none;
clear:none;
}
#logo-links {
margin-bottom:1rem;
}
}
@media screen and (max-width:800px) {
#logo {
width:70%;
}
}
@media screen and (max-width:720px) {
/* +++++ Mobile Navigation mit mmenu +++++++++++++++++++++++++ */
.mobilnavi {
right:30px;
top:14px;
position:absolute;
display:block;
z-index:2000;
}
.icon-align-justify:before {
font:30px FontAwesome;
color:#32679D;
text-decoration:none;
content:"\f039";
}
.mod_navigation {
display:none;
}
#header {
margin-top:50px;
}
.mod_article {
padding-top:2.8rem;
padding-bottom:2.8rem;
}
#headerbild {
padding-bottom:0;
}
div.nachrichtendreispaltig .layout_latest {
width: 44% !important;
}
/* +++++ Artikel Slogan ++++++++++++++++++++++++++++++++++++++++ */
.mod_article.slogan {
width:60%;
bottom:-5rem;
position:absolute;
padding-left:2%;
border-bottom:none;
background:none;
box-shadow:none;
z-index: 11
}
.slogan p {
font:1.2rem/1.8rem 'Muli',sans-serif;
color:rgba(255,255,255,.85);
font-weight: 300;
}
.slogan p span.information {
font:.6rem/0rem 'Muli',sans-serif;
color:rgba(255,255,255,.85);
text-transform:uppercase;
text-indent:5rem;
letter-spacing:.05rem;
word-spacing:.4rem;
font-weight: 300;
vertical-align: 0.2rem;
}
}
@media screen and (max-width: 570px) {
/* +++++ Artikel Slogan ++++++++++++++++++++++++++++++++++++++++ */
.mod_article.slogan {
display:none;
}
.slogan p {
font:1rem/1.3rem 'Muli',sans-serif;
color:rgba(255,255,255,.85);
font-weight: 300;
}
.slogan p span.information {
font:.6rem/0rem 'Muli',sans-serif;
color:rgba(255,255,255,.85);
text-transform:uppercase;
text-indent:5rem;
letter-spacing:.05rem;
word-spacing:.4rem;
font-weight: 300;
vertical-align: 0.2rem;
}
div.nachrichtendreispaltig .layout_latest {
width: 92% !important;
}
div.nachrichtendreispaltig figure {
height:15rem;
overflow:hidden;
}
}
.mod_newsarchive .layout_latest .info,
.mod_newsreader .layout_full .info {
margin-top:-2rem;
margin-bottom:1rem;
color:rgba(32679D,.4);
}
figure.image_container_news.float_right {
width:30%;
margin-top:.5rem;
margin-left:2rem;
}
figure.image_container_news.float_left {
width:30%;
margin-top:.5rem;
margin-right:2rem;
}
div.nachrichtendreispaltig figure,
div.nachrichtendreispaltig h2,
div.nachrichtendreispaltig .info,
div.nachrichtendreispaltig .teaser {
padding-right:1rem;
padding-left:1rem;
}
div.nachrichtendreispaltig h2 {
font-size:1.8rem;
line-height:2rem;
}
div.nachrichtendreispaltig figure {
padding-top:1rem;
}
div.nachrichtendreispaltig .layout_latest {
width:28%;
height:31.3rem;
position:relative;
float:left;
display:inline-block;
margin-top:4%;
margin-left:4%;
background-color:#e5e5e5;
}
div.nachrichtendreispaltig p.more a {
width:100%;
height:2.6rem;
bottom:0;
position:absolute;
padding-top:.5rem;
padding-right:1rem;
padding-left:1rem;
background-color:#32679D;
color:#fff;
}
#slider {
width:100%;
margin-left:0;
padding:0;
border: none;
}
#slider .ce_image h4 {
bottom:2.2rem;
position:absolute;
padding:.2rem .5rem;
border-radius:3px;
font-size:2rem;
font-weight:normal;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
left:4%;
background-color:rgba(255,255,255,.8);
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
#slider .ce_image.slide2 h4 {
-webkit-animation-delay: 20s;
animation-delay: 20s;
}
#slider .ce_image.slide3 h4 {
-webkit-animation-delay: 40s;
animation-delay: 40s;
}
#slider .ce_image.slide4 h4 {
-webkit-animation-delay: 60s;
animation-delay: 60s;
}
#slider .ce_image.slide5 h4 {
-webkit-animation-delay: 80s;
animation-delay: 80s;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
#slider figcaption {
bottom:-10px;
position:absolute;
padding:.3rem .5rem;
border-radius:3px;
font-size:1.4rem;
font-weight:normal;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
left:8rem;
background-color:rgba(255,255,255,.8);
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
#slider .slide2 figcaption {
-webkit-animation-delay: 20s;
animation-delay: 20s;
}
#slider .slide3 figcaption {
-webkit-animation-delay: 40s;
animation-delay: 40s;
}
#slider .slide4 figcaption {
-webkit-animation-delay: 60s;
animation-delay: 60s;
}
#slider .slide5 figcaption {
-webkit-animation-delay: 80s;
animation-delay: 80s;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
nav.slider-control {
height:25px;
bottom:1%;
position:absolute;
left:45%;
}
.slider-control .slider-prev,
.slider-control .slider-next {
display:none;
}
#slider .slider-control .slider-menu {
font-size:23px;
color:#fff;
}
#slider .slider-control .slider-menu b {
color:rgba(255,255,255,.7);
}
#slider .slider-control .slider-menu b.active {
color:rgba(255,255,255,1);
}
.slider-browserbreite {
max-height:650px;
}
/* von mir angepasst --- sorgt dafuer, dass das Video-Element, der übergeordnete DIV-Container vom Flash-Video und das Flash-Video richtig skaliert werden */
.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
max-width:100%;
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
width: 100% !important;
}
.mejs-overlay-button {
display:none;
}
.mod_changelanguage {
left:4%;
top:120%;
position:absolute;
font-size:1rem;
z-index:1000;
}
.mod_changelanguage li {
width:24px;
height:15px;
display:inline-block;
margin-right:1px;
}
.mod_changelanguage a,
.mod_changelanguage span,
.mod_changelanguage a:visited {
display:block;
}
.mod_changelanguage .lang-de {
background-image:url("../../files/cf_layout/flagge_de_24x15.gif");
background-position:left top;
background-repeat:no-repeat;
text-indent:-999px;
}
.mod_changelanguage .lang-en {
background-image:url("../../files/cf_layout/flagge_en_24x15.gif");
background-position:left top;
background-repeat:no-repeat;
text-indent:-999px;
}
.ce_optin_fallback {
position: relative;
clear: both;
margin: 4%;
padding: 4%;
background-color: #dc8d04;
}
.ce_optin_fallback p {
color: white;
}
.ce_optin_fallback a {
color: white;
}