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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} @charset "UTF-8";/*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none} .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; } .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} /** * Contao Open Source CMS * * Copyright (c) 2005-2016 Leo Feyer * * @license LGPL-3.0+ */ /** * Make the wrapping container 960 pixel wide */ #footer .inside, #teaser .inside, .mod_article.wrap .inner, .mod_article.wrap-inna .inna, .mod_article#headerbild .inna{ width:1332px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; margin-left:20px; margin-right:20px; display:inline; } /** * 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:20px; margin-right:20px; } /** * Handle news and event reader modules which are added via content element and * contain content elements themselves (see #5331) */ .mod_article .mod_newsreader,.mod_article .mod_eventreader { margin-left:0; margin-right:0; } /* .mod_article *[class*="layout_"] > *, .mod_article *[class*="event_"] > * { 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 { margin-left:0; margin-right:0; } /** * Automatically clear the floats in the main column, so you do not have to add * a clearing div to each article */ #main .inside { overflow:hidden; } /** * Grid column widths */ .grid1 { width:71px; } .grid2 { width:182px; } .grid3 { width:293px; } .grid4 { width:404px; } .grid5 { width:515px; } .grid6 { width:626px; } .grid7 { width:737px; } .grid8 { width:848px; } .grid9 { width:959px; } .grid10 { width:1070px; } .grid11 { width:1181px; } .grid12 { width:1292px; } .offset1 { margin-left:131px !important; } .offset2 { margin-left:242px !important; } .offset3 { margin-left:353px !important; } .offset4 { margin-left:464px !important; } .offset5 { margin-left:575px !important; } .offset6 { margin-left:686px !important; } .offset7 { margin-left:797px !important; } .offset8 { margin-left:908px !important; } .offset9 { margin-left:1019px !important; } .offset10 { margin-left:1130px !important; } .offset11 { margin-left:1241px !important; } .grid12_0 { margin: 0 !important; width: 100%; } @media (min-width:990px) and (max-width:1352px) { *[class*="grid"] { float:left; margin-left:10px; margin-right:10px; display:inline; } .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } /** * Reduce the overall width */ #footer .inside, #teaser .inside, .mod_article.wrap .inner, .mod_article.wrap-inna .inna, .mod_article#headerbild .inna{ width:960px; } /** * Grid column widths */ .grid1 { width:60px; } .grid2 { width:140px; } .grid3 { width:220px; } .grid4 { width:300px; } .grid5 { width:380px; } .grid6 { width:460px; } .grid7 { width:540px; } .grid8 { width:620px; } .grid9 { width:700px; } .grid10 { width:780px; } .grid11 { width:860px; } .grid12 { width:940px; } .grid10_0 { width:800px; margin:0 !important; border:0 !important; box-shadow:none !important; margin-bottom:15px !important; padding-top:0px !important; } .offset1 { margin-left:90px !important; } .offset2 { margin-left:170px !important; } .offset3 { margin-left:250px !important; } .offset4 { margin-left:330px !important; } .offset5 { margin-left:410px !important; } .offset6 { margin-left:490px !important; } .offset7 { margin-left:570px !important; } .offset8 { margin-left:650px !important; } .offset9 { margin-left:730px !important; } .offset10 { margin-left:810px !important; } .offset11 { margin-left:890px !important; } .offset12 { margin-left:970px !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:989px) { *[class*="grid"] { float:left; margin-left:10px; margin-right:10px; display:inline; } .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } /** * Reduce the overall width */ #footer .inside, #teaser .inside, .mod_article.wrap .inner, .mod_article.wrap-inna .inna, .mod_article#headerbild .inna{ width:744px; } /** * Reduce the grid column widths */ .grid1 { width:42px; } .grid2 { width:104px; } .grid3 { width:166px; } .grid4 { width:228px; } .grid5 { width:290px; } .grid6 { width:352px; } .grid7 { width:414px; } .grid8 { width:476px; } .grid9 { width:538px; } .grid10 { width:600px; } .grid11 { width:662px; } .grid12 { width:724px; } .grid10_0 { width:620px; margin:0 !important; border:0 !important; box-shadow:none !important; margin-bottom:15px !important; padding-top:0px !important; } .offset1 { margin-left:72px !important; } .offset2 { margin-left:134px !important; } .offset3 { margin-left:196px !important; } .offset4 { margin-left:258px !important; } .offset5 { margin-left:320px !important; } .offset6 { margin-left:382px !important; } .offset7 { margin-left:444px !important; } .offset8 { margin-left:506px !important; } .offset9 { margin-left:568px !important; } .offset10 { margin-left:630px !important; } .offset11 { margin-left:692px !important; } .offset12 { margin-left:754px !important; } } /** * 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) { *[class*="grid"] { float:left; margin-left:10px; margin-right:10px; display:inline; } .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } /** * Remove the overall width */ #footer .inside, #teaser .inside, .mod_article.wrap .inner, .mod_article.wrap-inna .inna, .mod_article#headerbild .inna{ width:auto; } /** * Show all columns underneath each other */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; margin-left:20px; margin-right:20px; } .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:20px; margin-right:20px; } *[class*="offset"] { margin-left:20px !important; } .mod_article *[class*="layout_"] > *,.mod_article *[class*="event_"] > * { margin-left:20px; margin-right:20px; } } /* 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%; } .sf-menu { float: right; /* margin-bottom: 1em; */ } .mod_customnav.aktuelles .sf-menu{ float:right; } .sf-menu ul { min-width: 10em; /* allow long menu items to determine submenu width */ *width: 10em; /* no auto sub width for IE7, see white-space comment below */ background:#121413; padding:6px 0px 6px 10px; margin-left:-10px; } .sf-menu a { display:block; padding: 8px 0px 8px 0px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu span.active, .sf-menu span.submenu, .sf-menu span.trail, .sf-menu span.current, .sf-menu strong.active, .sf-menu strong.submenu, .sf-menu strong.trail, .sf-menu strong.current { display:block; padding: 8px 0px 8px 0px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a.last, .sf-menu span.last, .sf-menu strong.last{ padding: 8px 0px 8px 0px; } .sf-menu a { } .sf-menu li { display:inline-block; 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 { float:none; display:block; text-align:left; } .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; } /* Custom */ #hauptnavigation{ overflow:visible; } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../../files/assets/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../../files/assets/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../../files/assets/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../../files/assets/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../../files/assets/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../../files/assets/fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('../../files/assets/fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* rokkitt-300 - latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 300; src: url('../../files/assets/fonts/rokkitt-v29-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/rokkitt-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/rokkitt-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/rokkitt-v29-latin-300.svg#Rokkitt') format('svg'); /* Legacy iOS */ } /* rokkitt-regular - latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 400; src: url('../../files/assets/fonts/rokkitt-v29-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/rokkitt-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/rokkitt-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/rokkitt-v29-latin-regular.svg#Rokkitt') format('svg'); /* Legacy iOS */ } /* rokkitt-600 - latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 600; src: url('../../files/assets/fonts/rokkitt-v29-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/rokkitt-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/rokkitt-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/rokkitt-v29-latin-600.svg#Rokkitt') format('svg'); /* Legacy iOS */ } /* rokkitt-500 - latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 500; src: url('../../files/assets/fonts/rokkitt-v29-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/rokkitt-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/rokkitt-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/rokkitt-v29-latin-500.svg#Rokkitt') format('svg'); /* Legacy iOS */ } /* rokkitt-700 - latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 700; src: url('../../files/assets/fonts/rokkitt-v29-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/rokkitt-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/rokkitt-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/rokkitt-v29-latin-700.svg#Rokkitt') format('svg'); /* Legacy iOS */ } /* rokkitt-800 - latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 800; src: url('../../files/assets/fonts/rokkitt-v29-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/rokkitt-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/rokkitt-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/rokkitt-v29-latin-800.svg#Rokkitt') format('svg'); /* Legacy iOS */ } /* rokkitt-900 - latin */ @font-face { font-family: 'Rokkitt'; font-style: normal; font-weight: 900; src: url('../../files/assets/fonts/rokkitt-v29-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/rokkitt-v29-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/rokkitt-v29-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/rokkitt-v29-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/rokkitt-v29-latin-900.svg#Rokkitt') format('svg'); /* Legacy iOS */ } /* Farben: Dunkelgrau: #40394B Hellgrau: #EAEAEA Grün: #93D300 Dunkelbraun(Footer): #121413 Hellgrau Artikel BG: #F7F7F7 */ html, body{ height:100%; font-family: 'Montserrat'; color:#40394B; font-size:13px; line-height:20px; font-weight:400; background:#fff; } /* Html Elemente */ h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a{ } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ } h1{ } h2{ position:relative; display:inline-block; font-family: 'Rokkitt'; font-size:36px; line-height:38px; font-weight:600; padding-left:10px; margin-bottom:24px; } h2:before{ display:inline-block; position:absolute; left:0px; top:6px; content:""; width:4px; height:22px; background:#93D300; } h3{ font-weight:600; font-size:15px; line-height:19px; text-transform:uppercase; letter-spacing: .025em; margin-top:20px; } h4{ } img{ vertical-align:middle; } strong{ font-weight:600; } .contao-cookiebar .cc-close{ display:none !important; } a:link, a:visited, a:hover, a:active, a:focus, div{ } a{ color:#40394B; text-decoration:none; transition: all .4s; } a:hover, a:focus{ color:#93D300; } :focus-visible { outline: 2px dotted #93D300; outline-offset: 2px; } a.btn{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:#40394B; border:1px solid #40394B; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:10px; margin-right:8px; padding: 0 20px 0 20px; transition:all .5s; } a.btn:hover{ color:#93D300; border:1px solid #93D300; } hr{ border:0; color: #40394B; background: #40394B; height: 1px; margin: 20px 0px 30px 0px; } #main .mod_article .ce_text ul{ padding-left:20px; list-style-type:disc; } .mod_article.wrap .inner{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mod_article.padding{ padding: 60px 0 80px 0; } /* Allgemeine Formate */ .left{float:left;} .right{float:right;} .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} /* Top-Button */ #topBtn { position: fixed; width:40px; height:40px; bottom: 20px; right: 20px; z-index: 99; border: none; outline: none; background:url(../../files/assets/images/pfeil-links.svg) no-repeat center #93D300; background-size:20% auto; color: white; cursor: pointer; padding: 0px; border-radius: 20px; font-size: 18px; text-indent:-10000px; opacity:0; transition: all .5s; transform:rotate(90deg); } #topBtn:hover { background:url(../../files/assets/images/pfeil-links.svg) no-repeat center #40394B; background-size:20% auto; } #header{ position:fixed; top:0px; left:0px; width:100%; height:60px; z-index:999; background:transparent; padding-top:15px; font-weight: 500; color:#fff; box-sizing:border-box; } #header.sticky, .logo-dark #header{ background:#fff; color:#40394B; } #header a{ color:#fff; } #header.sticky a, .logo-dark #header a{ color:#40394B; } #teaser{ background:url(../../files/assets/images/bg-F7F7F7.png) no-repeat left top #EAEAEA; background-size: 45% 100%; } #teaser .ce_gallery{ background:#F7F7F7; padding: 80px 0 120px 0; } #teaser .ce_gallery img{ width:68px; height:auto; margin-right:30px; } #teaser .ce_text{ padding: 80px 0 80px 40px; box-sizing:border-box; } #teaser h4{ font-weight:600; font-size:15px; line-height:19px; text-transform:uppercase; margin-bottom:40px; } #main{ } #footer{ background:#121413; color:#fff; text-transform:uppercase; padding: 20px 0 8px 0; font-size:10px; } #footer a{ color:#fff; } #footer a:hover{ color:#93D300; } .mod_article.fader{ transition: opacity 1s 0s ease-out; opacity:1; } .mod_article.fader-hidden{ opacity:0; } /* Module */ .sharebuttons{ margin: 20px 0 20px 0; } .ce_text.teasertext{ font-size:15px; } .ce_text.teasertext h2{ margin-bottom:24px; } .ce_text.tinytext{ font-size:11px; } .ce_text.marginbot20{ margin-bottom:20px; } #header #logo{ padding-top:5px; margin-left:40px !important; margin-left:40px !important; } #header #logo img{ max-width:176px; height:auto; } #header #hauptnavigation{ font-size:11px; line-height:13px; text-transform:uppercase; float:right !important; margin-right:40px !important; margin-left:0px !important; width:auto !important; } #header #hauptnavigation strong{ font-weight: 500; } #header #hauptnavigation li.home{ display:none; } #header .mod_customnav{ float:right !important; margin-right:40px !important; font-size:11px; line-height:13px; text-transform:uppercase; } .ce_dlh_googlemaps{ text-align:center; } .ce_dlh_googlemaps button{ } .ce_dlh_googlemaps button{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:#40394B; border:1px solid #40394B; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:10px; margin-right:8px; padding: 0 20px 0 20px; transition:all .5s; cursor:pointer; } .ce_dlh_googlemaps button:hover{ color:#93D300; border:1px solid #93D300; } #footer .mod_customnav li{ display:inline-block; margin-left:10px; line-height:24px; } #footer .ce_text.social a{ display:inline-block; background:url(../../files/assets/images/linkedIn.svg) no-repeat left top transparent; background-size: auto 100%; line-height:24px; padding-left:32px; } #hauptnavigation li, .mod_customnav.aktuelles li{ position:relative; } .sf-menu li > a:before, .sf-menu li > strong:before{ content: ""; position: absolute; width: 100%; height: 2px; top: 0; left: 0; background: #93D300; visibility: hidden; border-radius: 5px; transform: scaleX(0); transition: .25s ease-in-out; } .sf-menu li > ul > li > a{ color:#fff !important; } .sf-menu li > ul > li > a:hover, .sf-menu li > ul > li > strong{ color:#93D300 !important; } .sf-menu li > ul > li > a:before, .sf-menu li > ul > li > strong:before{ visibility: hidden !important; } .sf-menu li > a:hover:before, .sf-menu li > a:focus:before, .sf-menu li > a.active:before, .sf-menu li > a.trail:before, .sf-menu li > strong.active:before{ visibility: visible; transform: scaleX(1); } #hauptnavigation > ul > li{ margin-right:25px; } #hauptnavigation > ul > li.lang-de, #hauptnavigation > ul > li.lang-en{ margin-right:0px; } #hauptnavigation ul.level_2 li.lang-de, #hauptnavigation ul.level_2 li.lang-en{ display:none; } #headerbild-home{ margin-bottom:20px; } #headerbild-home#headerbild-home .ce_sliderStart *[class*="ce_"], #headerbild-home#headerbild-home .ce_swiperStart *[class*="ce_"]{ margin-left:0px !important; margin-right:0px !important; } #headerbild-home .slider-control .slider-menu, #headerbild-home .swiper-pagination{ top:-40px; } #headerbild-home .slider-control .slider-menu b, #headerbild-home .swiper-pagination .swiper-pagination-bullet{ color:#fff; background:#fff; font-size:40px; margin: 0 5px 0 5px; opacity:1; } #headerbild-home .slider-control .slider-menu b.active, #headerbild-home .swiper-pagination .swiper-pagination-bullet-active{ color:#93D300; background:#93D300; } #headerbild-home .slider-control .slider-prev, #headerbild-home .slider-control .slider-next{ display:none; } #headerbild-home .slider-wrapper, #headerbild-home .swiper-wrapper, #headerbild-home .swiper-container{ position:relative; } #headerbild-home .swiper-pagination{ position:relative; } #headerbild-home .ce_sliderStart, #headerbild-home .ce_swiperStart { margin-left:40px !important; margin-right:40px !important; } #headerbild .ce_text, #headerbild-home .slider-wrapper .ce_text, #headerbild-home .swiper-wrapper .ce_text{ position:relative; color:#fff; } #headerbild .ce_text.dunkel, #headerbild-home .slider-wrapper .ce_text.dunkel, #headerbild-home .swiper-wrapper .ce_text.dunkel{ color:#40394B; } #headerbild .ce_text.dunkel h2, #headerbild-home .slider-wrapper .ce_text.dunkel h2, #headerbild .ce_text.dunkel h3, #headerbild-home .slider-wrapper .ce_text.dunkel h3, #headerbild-home .swiper-wrapper .ce_text.dunkel h2, #headerbild-home .swiperer-wrapper .ce_text.dunkel h3{ text-shadow: 1px 1px 6px rgba(255, 255, 255, .4); } #headerbild .ce_text h3, #headerbild-home .slider-wrapper .ce_text h3, #headerbild-home .swiper-wrapper .ce_text h3{ font-family: 'Montserrat'; font-size:14px; line-height:18px; font-weight:500; padding-left:10px; margin-bottom:10px; text-shadow: 1px 1px 4px rgba(0, 0, 0, .4); } #headerbild .ce_text h2, #headerbild-home .slider-wrapper .ce_text h2, #headerbild-home .swiper-wrapper .ce_text h2{ font-weight:500; margin-top:10px; text-shadow: 1px 1px 6px rgba(0, 0, 0, .4); } #headerbild .ce_text p, #headerbild-home .slider-wrapper .ce_text p, #headerbild-home .swiper-wrapper .ce_text p{ padding-left:10px; } #headerbild .ce_text a.btn, #headerbild-home .slider-wrapper .ce_text a.btn, #headerbild-home .swiper-wrapper .ce_text a.btn{ display:inline-block; min-width:150px; text-align:center; text-transform:uppercase; color:#fff; border:1px solid #fff; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:20px; padding: 0 20px 0 20px; } #headerbild .ce_text.dunkel a.btn, #headerbild-home .slider-wrapper .ce_text.dunkel a.btn, #headerbild-home .swiper-wrapper .ce_text.dunkel a.btn{ color:#40394B; border:1px solid #40394B; } #headerbild .ce_text a.btn:hover, #headerbild-home .slider-wrapper .ce_text a.btn:hover, #headerbild-home .swiper-wrapper .ce_text a.btn:hover, #headerbild .ce_text.dunkel a.btn:hover, #headerbild-home .slider-wrapper .ce_text.dunkel a.btn:hover, #headerbild-home .swiper-wrapper .ce_text.dunkel a.btn:hover{ color:#93D300; border:1px solid #93D300; } #headerbild .ce_text .image_container, #headerbild-home .slider-wrapper .ce_text .image_container, #headerbild-home .swiper-wrapper .ce_text .image_container{ position:relative; z-index:10; } #headerbild .ce_text .inn, #headerbild-home .slider-wrapper .ce_text .inn, #headerbild-home .swiper-wrapper .ce_text .inn{ position:absolute; left:0px; bottom:20%; z-index:20; } .fachbereich #headerbild .ce_text .inn{ position:absolute; left:50%; transform:translateX(-50%); top:50%; bottom:auto; z-index:20; margin:0 !important; width:auto !important; } .fachbereich #headerbild .ce_text .inn h2{ font-size:45px; line-height:51px; } .fachbereich #headerbild .ce_text .inn h2:before{ height:28px; top:10px; } .internationale-unternehmen #headerbild .ce_text .inn, .start-ups #headerbild .ce_text .inn, .kontakt #headerbild .ce_text .inn{ top:auto; bottom:50%; } .mittelstand #headerbild .ce_text .inn, .windenergie #headerbild .ce_text .inn, .vereine #headerbild .ce_text .inn, .freiberufler #headerbild .ce_text .inn{ top:auto; bottom:50%; } .news #headerbild .ce_text .inn{ position:absolute; top:auto; bottom:53%; z-index:20; margin:0 !important; width:100% !important; text-align:center; box-sizing:border-box; padding: 0 40px 0 40px; } .news #headerbild .ce_text .inn h2{ font-size:45px; line-height:51px; display:inline; } .news #headerbild .ce_text .inn h2:before{ height:28px; top:10px; } #headerbild *[class*="ce_"]{ margin-left:0px !important; margin-right:0px !important; } #headerbild .image_container{ position:relative; } #headerbild .image_container:before{ content:" "; position:absolute; width:100%; height:50%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .dark{ background:#40394B; color:#fff; } .dark a{ color:#fff; text-decoration:underline; } .dark a:hover{ text-decoration:none; } .lightgrey{ background:#F7F7F7; } .green{ background:#93D300; } #header .navigation{ position:absolute; top:4px; right:40px; } #header .navigation .menu-button #hamburger{ display:inline-block; width: 35px; height: 35px; cursor: pointer; margin-right:0px; } #header .navigation .menu-button #hamburger span { display:block; background:#fff; border-radius:0px; box-sizing: border-box; border-radius:0px; opacity:1; transition: opacity .5s; } .logo-dark #header .navigation .menu-button #hamburger span, #header.sticky .navigation .menu-button #hamburger span{ background:#40394B; } #header .navigation .menu-button:hover #hamburger span { opacity:1; } #header .navigation .menu-button #hamburger span { width: 35px; height: 2px; position: relative; top: 0px; left: 0px; margin: 5px 0; } .mod_mmenu{ text-transform:uppercase; } .mod_mmenu #mm-0 .mm-navbar__title{ background:url(../../files/assets/images/logo_header_pos.svg) no-repeat center transparent; background-size: auto 17px; padding-top:20px; padding-bottom:20px; } .mod_mmenu #mm-0 .mm-navbar__title span{ opacity:0; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{ color:#40394B; } /* Layout */ /* Home */ .home #main{ margin-top:60px; } #karriere{ background:url(../../files/assets/images/bg-d7d7d5.png) no-repeat left top #40394B; background-size: 45% 100%; margin-bottom:40px; color:#fff; } #karriere .ce_text{ margin-top:20px; } #karriere a.btn{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:#fff; border:1px solid #fff; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:10px; margin-right:8px; padding: 0 20px 0 20px; transition:all .5s; } #karriere a.btn:hover{ color:#93D300; border:1px solid #93D300; } .ce_text.teaser-green-01{ border-left:1px solid #93D300; margin-top:20px; margin-bottom:20px; box-sizing:border-box; padding: 20px 30px 20px 30px; } .ce_text.teaser-green-01 img{ width:50px; height:auto; } .ce_text.teaser-green-01 h3{ font-weight:600; font-size:15px; line-height:19px; text-transform:uppercase; margin-top:20px !important; } .ce_text.teaser-green-01 a{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:#40394B; border:1px solid #40394B; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:10px; padding: 0 20px 0 20px; } .ce_text.teaser-green-01 a:hover{ color:#93D300; border:1px solid #93D300; } .ce_text.teaser-green-02{ background:#40394B; color:#fff; box-sizing:border-box; padding: 40px 40px 20px 40px; } .ce_text.teaser-green-02 img{ width:50px; height:auto; } .ce_text.teaser-green-02 h3{ font-weight:600; font-size:15px; line-height:19px; text-transform:uppercase; } .home .mod_newslist .layout_latest{ margin-bottom:40px; } .home .mod_newslist .layout_latest .categories{ display:none; } .home .mod_newslist .layout_latest:nth-child(1) .categories:nth-child(1){ display:block; } .home .mod_newslist .layout_latest:nth-child(2) .categories:nth-child(2){ display:block; } .home .mod_newslist .layout_latest:nth-child(3) .categories:nth-child(3){ display:block; } .home .mod_newslist .layout_latest:nth-child(4) .categories:nth-child(4){ display:block; } .home .mod_newslist .layout_latest:nth-child(5) .categories:nth-child(5){ display:block; } .home .mod_newslist .layout_latest .inn{ border-left:1px solid #93D300; box-sizing:border-box; padding: 10px 30px 5px 30px; margin-top:20px; } .home .mod_newslist .layout_latest h3{ margin-top:5px; } .home .mod_newslist .layout_latest .more a{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:#40394B; border:1px solid #40394B; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:10px; padding: 0 20px 0 20px; transition:all .5s; } .home .mod_newslist .layout_latest .more a:hover{ color:#93D300; border:1px solid #93D300; } #wir-sind-fuer-sie-da a{ color:#fff; text-decoration:underline; } #wir-sind-fuer-sie-da a:hover{ text-decoration:none; } #wie-koennen-wir-helfen .ce_text.teasertext, #aktuelles .ce_text.teasertext{ margin-bottom:20px; } .mod_article.wrap-inna{ margin-bottom:40px; } .wrap-inna .ce_text.headline{ background:#40394B; color:#fff; margin-left:0px !important; margin-right:0px !important; padding:20px 0 10px 0; } .wrap-inna .ce_text.headline img{ width:40px; height:auto; } .wrap-inna .ce_text.headline h2{ font-weight:600; font-size:15px; line-height:19px; text-transform:uppercase; font-family: 'Montserrat'; padding-left:0px; margin-bottom:12px; } .wrap-inna .ce_text.headline h2:before{ display:none; } .wrap-inna .inna{ display:flex; flex-wrap:wrap; padding-bottom:40px; } .ce_text.teaser-kompetenz{ border-left:1px solid #40394B; margin-top:40px; margin-bottom:40px; box-sizing:border-box; padding: 20px 30px 20px 30px; } .ce_text.teaser-kompetenz li{ margin-bottom:4px; } #wir-sind-fuer-sie-da{ padding: 80px 0 90px 0; } /* Über uns */ .ueber-uns #wer-wir-sind{ margin-top:40px; } .ueber-uns #wer-wir-sind .inner, .home #wer-wir-sind .inner{ align-items:center; } .ueber-uns #experten-an-ihrer-seite .ce_text{ margin-bottom:40px; } .ueber-uns #experten-an-ihrer-seite .ce_text h3{ position: relative; display: inline-block; padding-left:10px; } .ueber-uns #experten-an-ihrer-seite .ce_text p{ padding-left:10px; } .ueber-uns #experten-an-ihrer-seite .ce_text h3:before{ display: inline-block; position: absolute; left: 0px; top: 0px; content: ""; width: 4px; height: 19px; background: #93D300; } .ueber-uns #wir-nehmen-die-herausforderung-an .ce_image{ margin-bottom:40px; } /* Karriere */ .karriere #duerfen-wir-uns-bei-dir-vorstellen{ margin-top:40px; } .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_text.first, .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_image.first{ margin-bottom:80px; } .karriere #unsere-benefits .ce_text{ position:relative; margin-left:0px; margin-right:0px; } .karriere #unsere-benefits .ce_text .image_container{ position:relative; } .karriere #unsere-benefits .ce_text .image_container img{ width:100%; height:auto; } .karriere #unsere-benefits .ce_text h3{ position:absolute; top:50%; left:0px; color:#fff; width:100%; text-align:center; font-size:20px; line-height:25px; transform: translateY(-50%); margin:0 !important; box-sizing:border-box; padding: 0 40px 0 40px; } .karriere #unsere-benefits .caroufredsel_skin{ position:relative; padding-bottom:40px; } .karriere #unsere-benefits .caroufredsel_controls{ position:absolute; bottom:0px; left:0px; width:100%; text-align:center; } .karriere #unsere-benefits .swiper-container{ position:relative; padding-bottom:20px; } .karriere #unsere-benefits .swiper-pagination-bullet{ opacity:1; width:6px; height:6px; } .karriere #unsere-benefits .swiper-pagination-bullet-active{ background:#93D300; } .karriere #unsere-benefits .swiper-container .swiper-pagination{ position:relative; bottom:-20px; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_prev, .karriere #unsere-benefits .swiper-button-prev{ position:absolute; left:10px; top:50%; transform:translateY(-8px); width:14px; height:20px; background:url(../../files/assets/images/pfeil-links.svg) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_next, .karriere #unsere-benefits .swiper-button-next{ position:absolute; right:10px; top:50%; transform:translateY(-8px); width:14px; height:20px; background:url(../../files/assets/images/pfeil-rechts.svg) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_pagi a{ display:inline-block; width:6px; height:6px; border-radius:50%; text-indent:-10000px; background: #40394B; margin: 0 5px 0 5px; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_pagi a.selected{ background: #93D300; } .karriere #zitate-mitarbeiter{ padding: 100px 0 80px 0; } .karriere #zitate-mitarbeiter p.name{ margin-top:20px; } .ce_swiperStart.zitate *[class*="ce_"]{ margin-left: 0px; margin-right: 0px; } .ce_swiperStart.zitate .ce_text{ padding:0 0px 40px 0px; } .ce_swiperStart.zitate .ce_text p{ padding:0 100px 0 100px; } .ce_swiperStart.zitate .ce_text strong{ color:#fff; font-size:18px; line-height:22px; font-weight:500; } .ce_swiperStart.zitate .swiper-pagination-bullet{ background:#fff; opacity:1; } .ce_swiperStart.zitate .swiper-pagination-bullet-active{ background:#40394B; } .swiper-button-next, .swiper-button-prev{ width:14px; height:20px; } .swiper-button-next:after, .swiper-button-prev:after{ display:none; } .swiper-button-next{ background:url(../../files/assets/images/pfeil-rechts.svg) no-repeat center transparent; background-size: 100% auto; } .swiper-button-prev{ background:url(../../files/assets/images/pfeil-links.svg) no-repeat center transparent; background-size: 100% auto; } .karriere #zitate-mitarbeiter .caroufredsel_wrapper{ overflow:visible !important; } .karriere #zitate-mitarbeiter .ce_caroufredsel .ce_text p{ padding:0 100px 0 100px; } .karriere #zitate-mitarbeiter .ce_caroufredsel .ce_text strong{ color:#fff; font-size:18px; line-height:22px; font-weight:500; } .karriere #zitate-mitarbeiter .caroufredsel_skin{ position:relative; padding-bottom:40px; } .karriere #zitate-mitarbeiter .caroufredsel_controls{ position:absolute; bottom:0px; left:0px; width:100%; text-align:center; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_prev{ position:absolute; left:30px; top:-110px; width:14px; height:20px; background:url(../../files/assets/images/pfeil-links.svg) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_next{ position:absolute; right:30px; top:-110px; width:14px; height:20px; background:url(../../files/assets/images/pfeil-rechts.svg) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_pagi a{ display:inline-block; width:6px; height:6px; border-radius:50%; text-indent:-10000px; background: #fff; margin: 0 5px 0 5px; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_pagi a.selected{ background: #40394B; } .karriere #ein-starkes-team .ce_image{ margin-bottom:40px; } .karriere #ein-starkes-team .ce_image .image_container{ position:relative; } .karriere #ein-starkes-team .ce_image img{ position:relative; z-index:5; width:100%; height:auto; transition: all 1s ease-out; } .karriere #ein-starkes-team .ce_image img:hover{ transform:scale(1.1); } .karriere #ein-starkes-team .ce_image .caption{ position:relative; z-index:6; font-size:15px; text-transform:uppercase; font-weight:600; padding-top:10px; background:#F7F7F7; } #unsere-aktuellen-stellenangebote{ padding: 60px 0 140px 0; } .ce_accordion{ margin-bottom:10px; } .ce_accordion .toggler{ position:relative; font-size:15px; line-height:19px; text-transform:uppercase; background:#F7F7F7; font-weight:600; cursor:pointer; padding-top:15px; padding-bottom:15px; padding-right:40px; padding-left:20px; } .ce_accordion .toggler.active{ background:#93D300; color:#fff; } .ce_accordion .toggler::after{ position:absolute; top:15px; right:10px; content:"+"; font-size:30px; color:#93D300; font-weight:600; width:20px; height:20px; display:inline-block; text-align:center; } .ce_accordion .toggler.active::after{ content:" "; } .ui-accordion-content{ padding: 30px 0px 30px 0px; } .karriere #bewerbung{ padding: 96px 0 140px 0; } .karriere #bewerbung h2{ display:inline; } .karriere #bewerbung h2:before{ top:8px; } .kontakt #was-koennen-wir-fuer-sie-tun{ padding: 60px 0 140px 0; } /* Fachbereiche */ #kontakt .ce_image, #kontakt .ce_text{ margin-bottom:60px; } #kontakt .ce_text.team-long h3{ position:relative; display:inline-block; padding-left:10px; } #kontakt .ce_text.team-long h3:before{ display:inline-block; position:absolute; left:0px; top:0px; content:""; width:4px; height:19px; background:#93D300; } #kontakt .ce_text.team-long strong{ padding-left:10px; font-size:11px; font-weight:500; } #mandatenmeinungen{ border-bottom:40px solid #fff; } #mandatenmeinungen strong{ color:#fff; font-size:18px; line-height:24px; font-weight:500; } #mandatenmeinungen p.name{ margin-top:20px; } #unser-team{ padding: 60px 0 110px 0; } /* News */ .news #headerbild{ margin-bottom:40px; } .mod_newsmenu{ font-weight:600; margin-top:40px; } .mod_newsmenu .active{ color:#93D300; } .mod_newsmenu ul.level_2{ margin-left:10px; } .mod_newscategories{ font-weight:600; margin-top:40px; } .mod_newscategories .active{ color:#93D300; } .news .layout_latest{ margin-bottom:80px; } .news .layout_latest p.info{ padding-left:10px; margin-bottom:24px; } .news .layout_latest .ce_text{ margin-left:0px; margin-right:0px; } .news .layout_latest .ansprechpartner img{ margin-top:4px; } .news .layout_latest .ansprechpartner .image_container, .layout_full .ansprechpartner .image_container{ margin-right:40px; } .news .links{ margin-top:44px; padding-bottom:80px; } .news .links h3{ font-weight:500; } .news.detail #main{ margin-top:80px; } .news .links *[class*="ce_"]{ margin-left:0px; margin-right:0px; } .news .mod_newsreader{ padding-bottom:80px; } .news .mod_newsreader h1{ position:relative; display:inline-block; font-family: 'Rokkitt'; font-size:36px; line-height:41px; font-weight:600; padding-left:10px; } .news .mod_newsreader h1:before{ display:inline-block; position:absolute; left:0px; top:8px; content:""; width:4px; height:22px; background:#93D300; } .news .mod_newsreader p.info{ padding-left:10px; margin-bottom:24px; } .news .mod_newsreader .layout_full .ce_text{ margin-left:0px !important; margin-right:0px !important; } .news .mod_newsreader p.back{ } .news .mod_newsreader p.back a{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:#40394B; border:1px solid #40394B; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:10px; margin-right:8px; padding: 0 20px 0 20px; transition:all .5s; } .news .mod_newsreader p.back a:hover{ color:#93D300; border:1px solid #93D300; } .mod_newsarchive > h2{ display:none; } .news .pagination{ margin-bottom:40px; } .news .pagination p{ display:none; } .news .pagination li{ display:inline-block; margin-right:10px; } .news .mod_search{ margin-top:90px; } .news .mod_search .highlight{ background:#93D300; padding-left:2px; padding-right:2px; } /* Kontakt */ .kontakt #adresse .ce_text h3{ position:relative; display:inline-block; padding-left:10px; } .kontakt #adresse .ce_text h3:before{ display:inline-block; position:absolute; left:0px; top:0px; content:""; width:4px; height:19px; background:#93D300; } .kontakt #adresse .ce_text strong{ display:inline-block; padding-left:10px; font-weight:500; font-size:11px; margin-bottom:24px; } /* Impressum & Co */ .impressum #main, .datenschutz #main{ margin-top:80px; padding-bottom:80px; } #newssuche { } #header #hauptnavigation, #header .mod_customnav.aktuelles{ display:block; } #header .navigation{ display:none; } .mod_mmenu{ display:none; } .karriere .ce_caroufredsel.desktop{ display:block !important; } .karriere .ce_caroufredsel.mobile{ display:none !important; } .news .links.desktop{ display:block !important; } .news .links.mobile{ display:none !important; } @media (min-width:990px) and (max-width:1352px) { h1, h2, h3{ margin-top:.4em !important; } #header #hauptnavigation, #header .mod_customnav.aktuelles{ display:none; } #header .navigation{ display:block; } .mod_mmenu{ display:block; } #hauptnavigation > ul > li{ margin-right:7px !important; } #hauptnavigation > ul > li.last{ margin-right:0px !important; } .internationale-unternehmen #headerbild .ce_text .inn, .start-ups #headerbild .ce_text .inn, .kontakt #headerbild .ce_text .inn, .mittelstand #headerbild .ce_text .inn, .windenergie #headerbild .ce_text .inn, .vereine #headerbild .ce_text .inn, .freiberufler #headerbild .ce_text .inn{ width:100% !important; text-align:center; } a.btn, .ce_text.teaser-green-01 a, .home .mod_newslist .layout_latest .more a{ line-height:34px !important; } #header #logo, #header #logo .image_container{ overflow:visible; } #header #logo img{ width:176px !important; } #headerbild-home .slider-wrapper .ce_text .inn{ bottom:5% !important; } #headerbild .ce_text .inn{ bottom:15% !important; } .karriere #headerbild .ce_text .inn{ bottom:5% !important; } #headerbild .ce_text a.btn, #headerbild-home .slider-wrapper .ce_text a.btn{ margin-top:0px !important; } #headerbild .ce_text.dunkel, #headerbild-home .slider-wrapper .ce_text.dunkel{ color:#fff !important; } #headerbild .ce_text.dunkel h2, #headerbild-home .slider-wrapper .ce_text.dunkel h2, #headerbild .ce_text.dunkel h3, #headerbild-home .slider-wrapper .ce_text.dunkel h3{ text-shadow: 1px 1px 6px rgba(0, 0, 0, .4) !important; } #headerbild .ce_text.dunkel a.btn, #headerbild-home .slider-wrapper .ce_text.dunkel a.btn{ color:#fff !important; border:1px solid #fff !important; } #karriere .ce_text{ margin-top:12px !important; } #karriere .ce_text h2{ margin-bottom:8px !important; font-size:30px !important; line-height:32px !important; } #karriere .ce_text h2:before{ height:18px !important; top:5px !important; } .ce_text.teaser-green-02 h3{ margin-top:20px !important; } .ueber-uns #experten-an-ihrer-seite .ce_text h3{ margin-top:20px !important; } #unsere-kompetenz{ padding-bottom:20px !important; } .mittelstand #unsere-kompetenz, .start-ups #unsere-kompetenz{ padding-bottom:40px !important; } .news .links{ margin-top:20px !important; } .ueber-uns #wir-nehmen-die-herausforderung-an .ce_image{ margin-bottom:20px !important; } .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_text.first, .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_image.first{ margin-bottom:40px !important; } .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_image{ margin-top:20px; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_prev{ top:-100px !important; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_next{ top:-100px !important; } .karriere #unsere-benefits .ce_text h3{ font-size:18px !important; line-height:22px !important; } #ein-starkes-team .ce_text.teasertext{ margin-bottom:20px; } .dlh_googlemap{ padding-bottom:68% !important; } #teaser .ce_gallery .image_container{ margin-right:20px !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:989px) { h1, h2, h3{ margin-top:.4em !important; } h2{ line-height:36px !important; } h2:before{ top:5px !important; } .news #headerbild .ce_text .inn h2:before{ top:10px !important; } a.btn, .ce_text.teaser-green-01 a, .home .mod_newslist .layout_latest .more a{ line-height:30px !important; } #header #hauptnavigation, #header .mod_customnav.aktuelles{ display:none; } #header .navigation{ display:block; } .mod_mmenu{ display:block; } .internationale-unternehmen #headerbild .ce_text .inn, .start-ups #headerbild .ce_text .inn, .kontakt #headerbild .ce_text .inn, .mittelstand #headerbild .ce_text .inn, .windenergie #headerbild .ce_text .inn, .vereine #headerbild .ce_text .inn, .freiberufler #headerbild .ce_text .inn{ width:100% !important; text-align:center; } #header #logo, #header #logo .image_container{ overflow:visible; } #header #logo img{ width:176px !important; } #headerbild .ce_text .inn, #headerbild-home .slider-wrapper .ce_text .inn{ bottom:10% !important; width:80% !important; } #headerbild-home .slider-wrapper .ce_text .inn{ bottom:10% !important; } #headerbild .ce_text .inn{ bottom:15% !important; } .karriere #headerbild .ce_text .inn{ bottom:10% !important; } #headerbild .ce_text a.btn, #headerbild-home .slider-wrapper .ce_text a.btn{ margin-top:0px !important; } #headerbild .ce_text.dunkel, #headerbild-home .slider-wrapper .ce_text.dunkel{ color:#fff !important; } #headerbild .ce_text.dunkel h2, #headerbild-home .slider-wrapper .ce_text.dunkel h2, #headerbild .ce_text.dunkel h3, #headerbild-home .slider-wrapper .ce_text.dunkel h3{ text-shadow: 1px 1px 6px rgba(0, 0, 0, .4) !important; } #headerbild .ce_text.dunkel a.btn, #headerbild-home .slider-wrapper .ce_text.dunkel a.btn{ color:#fff !important; border:1px solid #fff !important; } .fachbereich #headerbild .ce_text .inn h2:before{ top:3px !important; } #karriere .ce_text{ margin-top:12px !important; } #karriere .ce_text h2{ margin-bottom:8px !important; font-size:30px !important; line-height:32px !important; } #karriere .ce_text h2:before{ height:18px !important; top:5px !important; } #karriere{ background-color:#40394B; background-image: url(../../files/content/10_home/heinrich-und-partner_home_karriere.jpg), url(../../files/assets/images/bg-d7d7d5.png); background-position: left -50% top; background-repeat: no-repeat, no-repeat; background-size: auto 100%; padding-bottom:20px; } #karriere .inner{ display:block !important; } #karriere .ce_image .image_container img{ opacity:0; } #wir-sind-fuer-sie-da h2{ padding-right:40px; } .dlh_googlemap{ padding-bottom:100% !important; } .ce_text.teaser-green-02{ padding: 20px 20px 20px 20px !important; } .ce_text.teaser-green-02 h3{ margin-top:20px !important; } .ueber-uns #experten-an-ihrer-seite .ce_text h3{ margin-top:20px !important; } .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_text.first, .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_image.first{ margin-bottom:20px !important; } .karriere .ce_image{ margin-top:20px; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_prev{ top:-90px !important; left:20px !important; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_next{ top:-90px !important; right:20px !important; } .karriere #unsere-benefits .ce_text h3{ font-size:18px !important; line-height:22px !important; } .karriere #zitate-mitarbeiter .ce_caroufredsel .ce_text p{ padding: 0 30px 0 30px !important; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_prev{ left:10px !important; top:-170px !important; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_next{ right:10px !important; top:-170px !important; } .karriere .ce_form .widget-submit, .karriere .ce_form .widget-submit button{ width:auto !important; } .karriere #bewerbung h2:before{ top:7px !important; } .ueber-uns #wir-nehmen-die-herausforderung-an .ce_image{ margin-bottom:40px !important; } #unsere-kompetenz{ padding-bottom:0px !important; } .mittelstand #unsere-kompetenz, .start-ups #unsere-kompetenz{ padding-bottom:40px !important; } .news .links{ margin-top:20px !important; } } /** * 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) { .mod_article.wrap .inner{ display:block !important; } h1, h2, h3{ margin-top:.4em !important; } h2{ margin-top:.8em !important; } h2{ font-size:28px !important; line-height:28px !important; padding-left:0px !important; } h2:before{ top:1px !important; position:relative !important; margin-right:3px; height:18px !important; } #footer{ text-align:center; padding: 40px 0 28px 0 !important; } #footer .mod_customnav{ text-align:center !important; margin-top:20px; margin-bottom:20px; } #footer .mod_customnav li{ margin-left:5px !important; margin-right:5px !important; } a.btn, .ce_text.teaser-green-01 a, .home .mod_newslist .layout_latest .more a{ line-height:26px !important; } .mod_article.padding{ padding: 20px 0 0px 0 !important; } .internationale-unternehmen #headerbild .ce_text .inn, .start-ups #headerbild .ce_text .inn, .kontakt #headerbild .ce_text .inn, .mittelstand #headerbild .ce_text .inn, .windenergie #headerbild .ce_text .inn, .vereine #headerbild .ce_text .inn, .freiberufler #headerbild .ce_text .inn{ width:100% !important; text-align:center; } #header #hauptnavigation, #header .mod_customnav.aktuelles{ display:none !important; } #header .navigation{ display:block; } .mod_mmenu{ display:block; } #header #logo{ margin-left:20px !important; } #header .navigation{ right:20px !important; } /* #headerbild .ce_text .inn, #headerbild-home .slider-wrapper .ce_text .inn */ #headerbild .ce_text .inn{ bottom:15% !important; } .karriere #headerbild .ce_text .inn, #headerbild-home .slider-wrapper .ce_text .inn, #headerbild-home .swiper-wrapper .ce_text .inn{ position:relative !important; background:#40394B !important; bottom:12% !important; width:90% !important; margin-top:-5px !important; margin-left:0px !important; margin-right:0px !important; width:100% !important; padding: 20px 0px 40px 0px !important; min-height:260px !important; } .karriere #headerbild .ce_text .inn h3, .karriere #headerbild .ce_text .inn h2, .karriere #headerbild .ce_text .inn p, #headerbild-home .slider-wrapper .ce_text .inn h3, #headerbild-home .slider-wrapper .ce_text .inn h2, #headerbild-home .slider-wrapper .ce_text .inn p, #headerbild-home .swiper-wrapper .ce_text .inn h3, #headerbild-home .swiper-wrapper .ce_text .inn h2, #headerbild-home .swiper-wrapper .ce_text .inn p{ margin-left:20px !important; margin-right:20px !important; } #headerbild-home .ce_sliderStart, #headerbild-home .ce_swiperStart{ margin-left:20px !important; margin-right:20px !important; } #headerbild .ce_text h3, #headerbild-home .slider-wrapper .ce_text h3, #headerbild-home .swiper-wrapper .ce_text h3{ padding-left:0px !important; font-size:12px !important; line-height:16px !important; } #headerbild .ce_text p, #headerbild-home .slider-wrapper .ce_text p, #headerbild .ce_text p, #headerbild-home .swiper-wrapper .ce_text p{ padding-left:0px !important; } #headerbild .ce_text a.btn, #headerbild-home .slider-wrapper .ce_text a.btn, #headerbild .ce_text a.btn, #headerbild-home .swiper-wrapper .ce_text a.btn{ margin-top:0px !important; } #headerbild .ce_text h2, #headerbild-home .slider-wrapper .ce_text h2, #headerbild-home .swiper-wrapper .ce_text h2{ font-size:28px !important; line-height:28px !important; } #headerbild .ce_text h2:before, #headerbild-home .slider-wrapper .ce_text h2:before, #headerbild-home .swiper-wrapper .ce_text h2:before{ top:1px !important; height:18px !important; } #headerbild .ce_text.dunkel, #headerbild-home .slider-wrapper .ce_text.dunkel, #headerbild .ce_text.dunkel, #headerbild-home .swiper-wrapper .ce_text.dunkel{ color:#fff !important; } #headerbild .ce_text.dunkel a.btn, #headerbild-home .slider-wrapper .ce_text.dunkel a.btn, #headerbild .ce_text.dunkel a.btn, #headerbild-home .swiper-wrapper .ce_text.dunkel a.btn{ color:#fff !important; border:1px solid #fff !important; } #headerbild .ce_text.dunkel h2, #headerbild-home .slider-wrapper .ce_text.dunkel h2, #headerbild-home .swiper-wrapper .ce_text.dunkel h2, #headerbild .ce_text.dunkel h3, #headerbild-home .slider-wrapper .ce_text.dunkel h3, #headerbild-home .swiper-wrapper .ce_text.dunkel h3{ text-shadow: 1px 1px 6px rgba(0, 0, 0, .4) !important; } .ce_text.teaser-green-02 h3{ margin-top:20px !important; } .home #wer-wir-sind .ce_image{ margin-top:40px; margin-bottom:40px; } .home #wer-wir-sind .ce_text{ text-align:center; } .ce_text.teaser-green-01{ padding: 20px 20px 20px 20px !important; } .ce_text.teaser-green-02{ margin-bottom:20px; } .home .mod_newslist .layout_latest .inn{ padding: 10px 20px 5px 20px !important; } #wir-sind-fuer-sie-da{ padding-bottom:40px !important; } #wer-wir-sind .ce_image{ text-align:center; } #wer-wir-sind .ce_image img{ max-width:60% !important; height:auto; margin-bottom:20px; } .dlh_googlemap{ margin-top:20px !important; margin-bottom:20px !important; padding-bottom:100% !important; } #teaser{ background:#EAEAEA !important; text-align:center !important; } #teaser .ce_gallery{ margin-left:0px !important; margin-right:0px !important; padding: 20px 0 20px 0px !important; } #teaser .ce_gallery li{ float:none !important; display:inline-block !important; margin-left:20px !important; margin-right:20px !important; margin-bottom:20px !important; } #teaser .ce_gallery li .image_container{ margin:0 !important; } #teaser .ce_text{ padding: 20px 0 20px 0px !important; } #karriere{ background:#40394B !important; padding-bottom:20px; } #karriere .ce_image{ margin-left:0px !important; margin-right:0px !important; } #karriere .ce_text h2 br{ display:none !important; } .home .mod_newslist .layout_latest .categories, .home .mod_newslist .layout_latest .inn{ margin-left:0px !important; margin-right:0px !important; } #wer-wir-sind .ce_image{ margin-top:40px; margin-bottom:40px; } .ueber-uns #experten-an-ihrer-seite .ce_text{ margin-bottom:20px !important; } .ueber-uns #experten-an-ihrer-seite .ce_text.grid12{ margin-bottom:0px !important; } .ueber-uns #wir-nehmen-die-herausforderung-an .ce_image{ margin-bottom:20px !important; } .ueber-uns #wir-nehmen-die-herausforderung-an{ padding-bottom:20px !important; } .ueber-uns #wer-wir-sind .ce_text{ text-align:center; } .ueber-uns #experten-an-ihrer-seite .ce_text h3{ margin-top:20px !important; } #duerfen-wir-uns-bei-dir-vorstellen .ce_text{ text-align:center; } .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_text, .karriere #duerfen-wir-uns-bei-dir-vorstellen .ce_image{ margin-bottom:20px !important; } .karriere .ce_caroufredsel.desktop{ display:none !important; } .karriere .ce_caroufredsel.mobile{ display:block !important; } .karriere #unsere-benefits{ padding-bottom:20px !important; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_prev{ top:-115px !important; left:30px !important; } .karriere #unsere-benefits .caroufredsel_controls .caroufredsel_next{ top:-115px !important; right:30px !important; } .karriere #unsere-benefits .ce_text h3{ font-size:18px !important; line-height:22px !important; } .karriere #zitate-mitarbeiter{ padding: 40px 0 40px 0 !important; } .karriere #zitate-mitarbeiter .ce_caroufredsel .ce_text{ margin-left:0px !important; margin-right:0px !important; } .karriere #zitate-mitarbeiter .ce_caroufredsel .ce_text strong{ font-size:12px !important; } .karriere #zitate-mitarbeiter .ce_caroufredsel .ce_text p{ padding: 0 0px 0 0px !important; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_prev{ left:0px !important; top:-40px !important; display:none !important; } .karriere #zitate-mitarbeiter .caroufredsel_controls .caroufredsel_next{ right:0px !important; top:-40px !important; display:none !important; } .karriere #ein-starkes-team .ce_image{ margin-bottom:20px !important; } .karriere #unsere-benefits{ margin-bottom:20px; } .karriere #ein-starkes-team{ padding: 40px 0 40px 0 !important; } #bewerbung, #was-koennen-wir-fuer-sie-tun{ padding-bottom:20px !important; } #bewerbung .ce_form, #was-koennen-wir-fuer-sie-tun .ce_form{ margin-left:0px !important; margin-right:0px !important; } #bewerbung input[type="text"], #bewerbung input[type="email"], #was-koennen-wir-fuer-sie-tun input[type="text"], #was-koennen-wir-fuer-sie-tun input[type="email"], #was-koennen-wir-fuer-sie-tun textarea{ width:100% !important; } .karriere #unsere-aktuellen-stellenangebote{ padding: 40px 0 40px 0 !important; } .karriere #bewerbung{ padding: 60px 0 60px 0 !important; } .kontakt #was-koennen-wir-fuer-sie-tun{ padding: 20px 0 60px 0 !important; } .kontakt #adresse{ padding-top:60px !important; padding-bottom:40px !important; } .kontakt #adresse .ce_text{ margin-bottom:20px !important; } .kontakt #adresse .ce_text.first{ margin-bottom:40px !important; } #kontakt .ce_image{ margin-bottom:10px !important; } #kontakt .ce_text{ margin-bottom:40px !important; } .ce_text.teaser-kompetenz{ margin-top:20px !important; margin-bottom:20px !important; } .wrap-inna .ce_text.headline{ padding: 20px 0 10px 0 !important; margin-bottom:20px; } .wrap-inna .ce_text.headline h2{ font-size:15px !important; line-height:19px !important; } #unser-team{ padding-top:0px !important; padding-bottom:80px !important; } #unser-team .ce_image{ margin-top:20px !important; } #unsere-kompetenz, #mandatenmeinungen{ padding-bottom:20px !important; } #mandatenmeinungen{ padding: 60px 0 50px 0 !important; } #mandatenmeinungen strong{ font-size:15px !important; } .fachbereich #kontakt{ padding: 20px 0 40px 0 !important; } .fachbereich #unser-team{ } .fachbereich #unser-team .ce_text{ text-align:center; } .news .links.desktop{ display:none !important; } .news .links.mobile{ display:block !important; } .news .mod_newslist h2{ font-size:24px !important; line-height:28px !important; } .news .mod_newslist h2:before{ height:16px !important; } .news .mod_newslist h2, .news .mod_newslist hr{ margin-left:0px !important; margin-right:0px !important; } .news .layout_latest p.info{ padding-left:0px !important; margin-left:0px !important; margin-right:0px !important; } .news .mod_newslist .ansprechpartner .image_container{ margin-right:20px !important; margin-bottom:40px !important; } .news .links{ margin-top:0px !important; padding-bottom:40px !important; } .news .mod_newsmenu, .news .mod_newscategories{ margin:0 !important; margin-top:20px !important; } .news .mod_newsreader{ margin-bottom:50px !important; border-bottom:1px solid #40394B; padding-bottom: 40px !important; } .news .mod_newsreader h1, .news .mod_newsreader p.info{ margin-left:0px !important; margin-right:0px !important; } .news .mod_newsreader hr{ margin-left:0px !important; margin-right:0px !important; } .news .mod_newsreader .sharebuttons{ margin-left:0px !important; margin-right:0px !important; } .news .mod_newsreader .ansprechpartner .image_container{ margin-right:20px !important; margin-bottom:40px !important; } } /*! * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ /** * Since fieldset borders are removed in the reset style sheet, adjust the * legends accordingly */ legend { width:100%; display:block; font-weight:bold; border:0; } .ce_form label{ text-transform:uppercase; font-weight:500 !important; margin: 0 0 4px 0 !important; } .ce_form .datenschutz label{ text-transform:none; } .widget-checkbox.datenschutz{ margin-top:10px; } .widget-checkbox a{ text-decoration:underline; } /** * Text fields and textareas */ input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),textarea { width:100%; display:inline-block; padding:6px 6px; background:#fff; border:1px solid #40394B; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 !important; } input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus, input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus { outline:0; background:#F7F7F7; } .lightgrey input, .lightgrey textarea{ border:1px solid #fff; } /** * Fix some width and height settings */ input[type="file"] { cursor:pointer; } select,input[type="file"] { display:block; } form button,input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] { width:auto; } textarea,select[multiple],select[size] { height:auto; } /** * Checkboxes and radio buttons */ input[type="radio"],input[type="checkbox"] { margin:0 3px 0 0; } input[type="radio"],input[type="checkbox"],label { vertical-align:middle; } /** * Handle disabled and read-only */ input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] { cursor:not-allowed; background:#eee; } input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] { background:transparent; } /** * Buttons */ form button,input[type="submit"],.button { display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:#40394B; border:1px solid #40394B; box-sizing:border-box; font-size:12px; font-weight:500; line-height:40px; margin-top:10px; margin-right:8px; padding: 0 20px 0 20px; transition:all .5s; cursor:pointer; background:transparent; margin: 30px 0 0 0 !important; } form button:hover,input[type="submit"]:hover,.button:hover { color:#93D300; border:1px solid #93D300; } form button:active,input[type="submit"]:active,.button:active { } /** * Blue buttons */ form button.blue,input[type="submit"].blue,.button.blue { background-color:#2f96b4; background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4); background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4); background-image:-o-linear-gradient(top, #5bc0de, #2f96b4); background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); border-color:#2f96b4; color:#fff; } form button.blue:active,input[type="submit"].blue:active,.button.blue:active { background-color:#2e95b3; } /** * Green buttons */ form button.green,input[type="submit"].green,.button.green { background-color:#51a351; background-image:-moz-linear-gradient(top, #62c462, #51a351); background-image:-webkit-linear-gradient(top, #62c462, #51a351); background-image:-ms-linear-gradient(top, #62c462, #51a351); background-image:-o-linear-gradient(top, #62c462, #51a351); background-image:linear-gradient(to bottom, #62c462, #51a351); border-color:#51a351; color:#fff; } form button.green:active,input[type="submit"].green:active,.button.green:active { background-color:#4f9f4f; } /** * Orange buttons */ form button.orange,input[type="submit"].orange,.button.orange { background-color:#f89406; background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-ms-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); border-color:#f89406; color:#fff; } form button.orange:active,input[type="submit"].orange:active,.button.orange:active { background-color:#f28f04; } /** * Red buttons */ form button.red,input[type="submit"].red,.button.red { background-color:#bd362f; background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f); background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f); background-image:-o-linear-gradient(top, #ee5f5b, #bd362f); background-image:linear-gradient(to bottom, #ee5f5b, #bd362f); border-color:#bd362f; color:#fff; } form button.red:active,input[type="submit"].red:active,.button.red:active { background-color:#be322b; } /** * Basic form layout */ .widget { margin-bottom:12px; } .widget > label { display:block; margin-bottom:6px; font-weight:bold; } /** * Inline form layout */ .inline-form .widget { display:inline-block; margin-bottom:0; vertical-align:middle; } /** * Horizontal form layout */ .horizontal-form .widget:after { content:""; display:table; clear:both; } .horizontal-form .widget > label { width:20%; float:left; padding:3px 2% 0 0; text-align:right; } .horizontal-form .widget > input,.horizontal-form .widget > textarea { width:78%; float:left; } .horizontal-form .widget > fieldset { margin-left:20%; margin:0 !important; } fieldset { margin-left:20%; margin:0 !important; } #newssuche .formbody{ position:relative; max-width:80%; } #newssuche .widget-submit{ position:absolute; top:0px; right:0px; } #newssuche .widget-submit button{ display:inline-block; width:30px; min-width:0px; height:28px; background:url(../../files/assets/images/search.svg) no-repeat center transparent; background-size: 60% auto; border:0; text-indent:-10000px; margin:0 !important; padding:0; }