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%} 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} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff; opacity: 1; filter: alpha(opacity = 100);} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#fff;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#fff; padding:1px;} #cboxLoadingGraphic{background:url(../../files/assets/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#fff;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../files/assets/images/controls.png) no-repeat 0 0;} #cboxClose { border:0; padding:0; margin:0; overflow:visible; text-indent:0px; width:auto; height:20px; position:absolute; top:0px; background:transparent; padding-right:14px; font-weight:400; text-transform:uppercase; font-size:12px; } #cboxClose:after { content:'+'; position:absolute; font-size:1.7em; width:10px; height:10px; top:-3px; right:-10px; transform:rotate(45deg); } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right: calc(var(--llcag-breite-spalte) + 15px);} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /*! * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ /** * Make the wrapping container 960 pixel wide */ #header .inside, #footer .inside, .mod_article.wrap .inner, #headerbild .inner-headline, #desktopmenu .mm-panels, #headersearchmenu .mm-panels, .mod_article.headerbereich .ce_image{ width:1440px; margin:0 auto; } #desktopmenu .mm-panels{ width:1460px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; margin-left:15px; margin-right:15px; 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:15px; margin-right:15px; } /** * 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:0px !important; margin-right:0px !important; } */ /** * 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:90px; } .grid2 { width:210px; } .grid3 { width:330px; } .grid4 { width:450px; } .grid5 { width:570px; } .grid6 { width:690px; } .grid7 { width:810px; } .grid8 { width:930px; } .grid9 { width:1050px; } .grid10 { width:1170px; } .grid11 { width:1290px; } .grid12 { width:1410px; } .grid6_0 { margin: 0 !important; width: 720px; } .grid8_0 { margin: 0 !important; width: 960px; } .grid10_0 { margin: 0 !important; width: 1200px; } .grid12_0 { margin: 0 !important; width: 100%; } /** * Default offset widths + 1.5 Margin (45) */ .offset1 { margin-left:135px !important; } .offset2 { margin-left:255px !important; } .offset3 { margin-left:375px !important; } .offset4 { margin-left:495px !important; } .offset5 { margin-left:615px !important; } .offset6 { margin-left:735px !important; } .offset7 { margin-left:855px !important; } .offset8 { margin-left:975px !important; } .offset9 { margin-left:1095px !important; } .offset10 { margin-left:1215px !important; } .offset11 { margin-left:1335px !important; } .offset05{ margin-left:60px !important; } .ce_caroufredsel.case-studies .caroufredsel .ce_text{ width:1170px !important; margin-left:135px !important; margin-right:135px !important; } .ce_caroufredsel.case-studies .caroufredsel_prev{ left:145px !important; } .ce_caroufredsel.case-studies .caroufredsel_next{ right:145px !important; } @media (min-width:990px) and (max-width:1469px) { #header .inside, #footer .inside, .mod_article.wrap .inner, #headerbild .inner-headline, #desktopmenu .mm-panels, #headersearchmenu .mm-panel, .mod_article.headerbereich .ce_image { width:1116px; } #desktopmenu .mm-panels{ width:1136px; } /** * Grid column widths */ .grid1 { width:63px; } .grid2 { width:156px; } .grid3 { width:249px; } .grid4 { width:342px; } .grid5 { width:435px; } .grid6 { width:528px; } .grid7 { width:621px; } .grid8 { width:714px; } .grid9 { width:807px; } .grid10 { width:900px; } .grid11 { width:993px; } .grid12 { width:1086px; } .grid6_0 { margin: 0 !important; width: 558px; } .grid8_0 { margin: 0 !important; width: 744px; } .grid10_0 { width: 930px; } /** * Default offset widths + 1.5 Margin (45) */ .offset1 { margin-left:108px !important; } .offset2 { margin-left:201px !important; } .offset3 { margin-left:294px !important; } .offset4 { margin-left:387px !important; } .offset5 { margin-left:480px !important; } .offset6 { margin-left:573px !important; } .offset7 { margin-left:666px !important; } .offset8 { margin-left:759px !important; } .offset9 { margin-left:852px !important; } .offset10 { margin-left:945px !important; } .offset11 { margin-left:1038px !important; } .ce_caroufredsel.case-studies .caroufredsel .ce_text{ width:900px !important; margin-left:108px !important; margin-right:108px !important; } .ce_caroufredsel.case-studies .caroufredsel_prev{ left:118px !important; } .ce_caroufredsel.case-studies .caroufredsel_next{ right:118px !important; } } @media (min-width:978px) and (max-width:1139px) { #header .inside, #footer .inside, .mod_article.wrap .inner, #headerbild .inner-headline, #desktopmenu .mm-panels, #headersearchmenu .mm-panel, .mod_article.headerbereich .ce_image { width:960px; } #desktopmenu .mm-panels{ width:980px; } *[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; } /** * 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; } .grid6_0 { margin: 0 !important; width: 480px; } .grid8_0 { margin: 0 !important; width: 640px; } .grid10_0 { width: 800px; } /** * Default offset widths + 1.5 Margin (45) */ .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; } .ce_caroufredsel.case-studies .caroufredsel .ce_text{ width:780px !important; margin-left:90px !important; margin-right:90px !important; } .ce_caroufredsel.case-studies .caroufredsel_prev{ left:100px !important; } .ce_caroufredsel.case-studies .caroufredsel_next{ right:100px !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { /** * Remove the overall width */ #header .inside, #footer .inside, .mod_article.wrap .inner, #desktopmenu .mm-panels, #headersearchmenu .mm-panel, .mod_article.headerbereich .ce_image { width:auto; } *[class*="grid"] { float:left; margin-left:100px; margin-right:100px; display:inline; } .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:100px; margin-right:100px; } /** * Show all columns underneath each other */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; } .news-detail .mod_article.tab-port .mod_sibling_navigation_news *[class*="grid"] { float:left !important; display:inline !important; width:50% !important; margin-left:0px !important; margin-right:0px !important; } *[class*="offset"] { margin-left:100px !important; } .grid6_0, .grid8_0, .grid10_0{ margin-left:0px !important; margin-right:0px !important; } #references .ce_caroufredsel_gallery.mobile{ width:100% !important; } .services .ce_caroufredsel{ width:100% !important; } .ce_image.svg{ width:100% !important; } #what-life .ce_caroufredsel{ width:100% !important; } .ce_caroufredsel.case-studies{ width:100% !important; } .ce_caroufredsel.case-studies .caroufredsel .ce_text{ width:100% !important; padding-left:15px !important; padding-right:15px !important; } /* #header .inside, #footer .inside, .mod_article.wrap .inner, #headerbild .inner-headline, #desktopmenu .mm-panels, #headersearchmenu .mm-panel, .mod_article.headerbereich .ce_image { width:744px; } #desktopmenu .mm-panels{ width:764px; } *[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; } .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; } .grid6_0 { margin: 0 !important; width: 372px; } .grid8_0 { margin: 0 !important; width: 496px; } .grid10_0 { width: 620px; } .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; } .mod_article.tab-port *[class*="grid"] { float:none !important; display:block !important; width:100% !important; } .news-detail .mod_article.tab-port .mod_sibling_navigation_news *[class*="grid"] { float:left !important; display:inline !important; width:50% !important; margin-left:0px !important; margin-right:0px !important; } .mod_article.tab-port *[class*="offset"] { margin-left:10px !important; } .mod_article.tab-port .grid10_0.offset1 { width: 100% !important; margin-left:0px !important; margin-right:0px !important; } .services .mod_article.tab-port .ce_caroufredsel{ width:100% !important; } .ce_caroufredsel.case-studies .caroufredsel .ce_text{ width:600px !important; margin-left:72px !important; margin-right:72px !important; } .ce_caroufredsel.case-studies .caroufredsel_prev{ left:82px !important; } .ce_caroufredsel.case-studies .caroufredsel_next{ right:82px !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) { /** * Remove the overall width */ #header .inside, #footer .inside, .mod_article.wrap .inner, #desktopmenu .mm-panels, #headersearchmenu .mm-panel, .mod_article.headerbereich .ce_image { width:auto; } /** * Show all columns underneath each other */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; } .news-detail .mod_article.tab-port .mod_sibling_navigation_news *[class*="grid"] { float:left !important; display:inline !important; width:50% !important; margin-left:0px !important; margin-right:0px !important; } *[class*="offset"] { margin-left:15px !important; } .grid6_0, .grid8_0, .grid10_0{ margin-left:0px !important; margin-right:0px !important; } #references .ce_caroufredsel_gallery.mobile{ width:100% !important; } .services .ce_caroufredsel{ width:100% !important; } .ce_image.svg{ width:100% !important; } #what-life .ce_caroufredsel{ width:100% !important; } .ce_caroufredsel.case-studies{ width:100% !important; } .ce_caroufredsel.case-studies .caroufredsel .ce_text{ width:100% !important; padding-left:15px !important; padding-right:15px !important; } } /* Allgemeine Formate ------------------------------------------------------------ */ :root { --llcag-darker-grey: #05171A; --llcag-dark-grey: #002830; --llcag-grey: #233B43; --llcag-light-grey: #D7E1E6; --llcag-lighter-grey: #EDF1F4; --llcag-lightest-grey: #F6F8F9; --llcag-red: #FF230A; } body{ font-family: "Suisse Intl"; color: var(--llcag-dark-grey); font-size:16px; line-height:28px; font-weight:300; letter-spacing:.01em; } a{ color: var(--llcag-dark-grey); text-decoration:none; transition:all .4s; } a:hover,a:focus{ color: var(--llcag-red); } a.btn, .link-btn a{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:var(--llcag-dark-grey); border:1px solid var(--llcag-dark-grey); box-sizing:border-box; font-size:12px; font-weight:500; line-height:52px; margin-top:20px; padding: 0 20px 0 20px; transition:all .5s; letter-spacing:.2em; min-width:210px; max-width:80%; background:transparent; } a.btn:hover, .link-btn a:hover{ color:#fff; background:var(--llcag-dark-grey); } #kontakt a.btn, #kontakt .link-btn a{ min-width:330px; } a.btn.btn-ws, .link-btn.btn-ws a{ color:#fff; border:1px solid #fff; } a.btn.btn-ws:hover, .link-btn.btn-ws a:hover{ color:#fff; background:var(--llcag-dark-grey); border:1px solid var(--llcag-dark-grey); } a.btn.btn-sw, .link-btn.btn-sw a{ color:#fff; background:var(--llcag-dark-grey); border:1px solid var(--llcag-dark-grey); } a.btn.btn-sw:hover, .link-btn.btn-sw a:hover{ color:var(--llcag-dark-grey); background:#fff; border:1px solid #fff; } strong{ font-weight:500; } h1,h2,h3,h4,h5,p{ margin-bottom:24px; } h1{ font-size:64px; line-height:64px; font-weight:500; letter-spacing:.05em; margin-top:.6em; } h1.noMarginTop, h2.noMarginTop{ margin-top:30px; } h2, .h2-size{ font-size:48px; line-height:54px; font-weight:500; letter-spacing:.01em; margin-top:.6em; } h3{ font-size:36px; line-height:40px; font-weight:500; letter-spacing:.01em; margin-top:.6em; } h4{ font-size:20px; line-height:32px; font-weight:500; letter-spacing:.01em; margin-top:.6em; } h5{ font-size:14px; line-height:14px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--llcag-red); margin-top:0px; margin-bottom:0px; } .mod_article.rot h5{ color:#fff; } img{ vertical-align:middle; } .clear{ clear:both; } .left{float:left;} .right{float:right;} .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} .ce_text ul{ list-style-image: url('../../files/assets/images/list-style-icon.svg'); padding-left:20px; box-sizing:border-box; font-size:24px; line-height:36px; } .mod_article.light-blue .ce_text ul, .mod_article.rot .ce_text ul, .ce_text.red ul{ list-style-image: url('../../files/assets/images/list-style-icon-ws.svg'); } .ce_text ul li{ margin-bottom:12px; padding-left:30px; padding-right:10px; box-sizing:border-box; } .ce_text.listbox{ margin-top:80px; margin-bottom:80px; font-size:20px; } .ce_text.listbox ul{ float:left; width:50%; margin-bottom:0px; } /* Allgemeine Formate END--------------------------------------------------------- */ /* Allgemeine Formate Contao ----------------------------------------------------- */ #main{ } .padding{ padding: var(--llcag-padding-top) 0 var(--llcag-padding-bottom) 0; box-sizing:border-box; } .padding2{ padding: var(--llcag-padding-top) 0 calc(var(--llcag-padding-bottom) + 40px) 0; box-sizing:border-box; } .mod_article.rot{ background: var(--llcag-red); color:#fff; font-weight:400; } .mod_article.rot h1, .mod_article.rot h2{ color:var(--llcag-darker-grey); } .mod_article.grau{ background: var(--llcag-lighter-grey); } .mod_article.grau2{ background: var(--llcag-light-grey); } .mod_article.grau3{ background: var(--llcag-lightest-grey); } .mod_article.grauverlauf{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edf1f4+0,ffffff+100 */ background: linear-gradient(to bottom, rgba(237,241,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .mod_article.wrap.flex .inner{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mod_article.wrap.flex.alignitems .inner{ align-items:center; align-content:center; } .mod_article.fullheight .inner{ min-height:100vh; } .ce_text.grey{ background:var(--llcag-lighter-grey); } .ce_text.red{ background:var(--llcag-red); color:#fff; } .ce_text.topline{ border-top: 2px solid #d3d8d9; padding-top:110px; } .ce_text.margin-top{ margin-top: var(--llcag-margin-top-text); } .ce_text.readmore p{ transition: all .4s; overflow:hidden; } .ce_text.readmore p.hidden{ height:0px; margin-bottom:0px; } .ce_text.readmore a.btn{ font-size:20px; margin-top:20px !important; min-width:40px; line-height:40px; padding:0px; padding-left:3px; margin:0px; text-align:center; box-sizing:border-box; cursor:pointer; } /* Allgemeine Formate Contao END-------------------------------------------------- */ /* Header ------------------------------------------------------------------------ */ #header{ position:fixed; left:0px; top:0px; width:100%; z-index:9999; padding: 26px 0 2px 0; transition: all .1s; background:transparent; box-sizing:border-box; opacity:1; } #header.sticky, .legal #header{ background: #fff; padding: 15px 0 2px 0; } #header.trans{ opacity:0; } #header #logo *, #header #safe-logo *{ margin:0; } #header #logo svg{ width:250px; max-width:100%; height:auto; transition: all .4s; cursor:pointer; } #header.sticky #logo svg, .legal #header #logo svg.sticky #logo svg{ margin-bottom:0px; width:170px; height:auto; } #header #logo svg #Pfad_2325{ fill:var(#fff); transition: all .4s; } #header.sticky #logo svg #Pfad_2325, .legal #header #logo svg #Pfad_2325{ fill:var(--llcag-dark-grey); } /* Hauptnavigation */ #header #hauptnavigation{ overflow:visible; font-size:16px; line-height:21px; font-weight:450; letter-spacing:.1em; color: #fff; margin-top:-2px; } #header.sticky #hauptnavigation, .legal #header #hauptnavigation{ color: var(--llcag-dark-grey); } #header .sf-menu a{ color: #fff; text-decoration:none; } #header.sticky .sf-menu a, .legal #header .sf-menu a{ color: var(--llcag-dark-grey); text-decoration:none; } #header .sf-menu a:hover, #header.sticky .sf-menu a:hover, #header .sf-menu a.trail, #header.sticky .sf-menu a.trail, .legal #header .sf-menu a:hover, .legal #header .sf-menu a.trail{ text-decoration:underline; } .sf-menu strong{ font-weight:450; text-decoration:underline; } #header .sf-menu a.submenu:after, #header .sf-menu strong.submenu:after { background:url(../../files/assets/images/menu-drop-down-arrow-ws.svg) no-repeat center transparent; transition:all .5s; } #header.sticky .sf-menu .submenu:after, .legal #header .sf-menu .submenu:after { background:url(../../files/assets/images/menu-drop-down-arrow.svg) no-repeat center transparent; } /* Sprachwechsler */ #header #sprache{ font-size:16px; line-height:21px; font-weight:450; letter-spacing:.1em; color: #fff; margin-top:-2px; transition:all .5s; text-align:right; } #header #sprache li{ display:inline-block; } #header #sprache a{ color: #fff; } #header.sticky #sprache a, .legal #header #sprache a{ color: var(--llcag-dark-grey); } #header #sprache a:hover, #header.sticky #sprache a:hover, .legal #header #sprache a:hover{ text-decoration:underline; } #header.sticky #sprache, .legal #header #sprache{ color: var(--llcag-dark-grey); } #header #sprache strong{ font-weight:450; text-decoration:underline; } /* Burger Menu */ #header .navigation{ position:absolute; top:6px; 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; } #header.sticky .navigation .menu-button #hamburger span{ background: var(--llcag-dark-grey); } #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; } /* Mobile Navigation */ .mod_mmenu{ font-size:16px; font-weight:400; } .mod_mmenu #mm-1 .mm-navbar__title{ background:url(../../files/assets/images/llcag-logo.svg) no-repeat left 20px bottom transparent; background-size: auto 45px; padding-top:30px; padding-bottom:20px; margin-bottom:40px; } .mod_mmenu #mm-1 .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:var(--llcag-dark-grey); } .mod_mmenu .lang-de, .mod_mmenu .lang-en{ margin-top:20px; } .mod_mmenu .level_2 .lang-en, .mod_mmenu .level_2 .lang-de{ display:none; } .mm-listitem:after{ display:none; } .mm-listitem--selected>.mm-listitem__text{ background:transparent; } .mm-listitem__btn:not(.mm-listitem__text){ border-left-width:0px; } .mm-navbar{ border:0; } /* Header END--------------------------------------------------------------------- */ /* Footer ------------------------------------------------------------------------ */ #footer{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002830+0,05171a+100 */ background: linear-gradient(to bottom, rgba(0,40,48,1) 70%,rgba(5,23,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ color:#fff; font-weight:400; padding: 100px 0 40px 0; font-size:14px; line-height:32px; letter-spacing: .01em; } #footer h4{ font-size:14px; line-height:24px; letter-spacing: .05em; text-transform:uppercase; } #footer a{ color:#fff; } #footer a:hover{ color:var(--llcag-red); } #footer hr{ border:0; color: var(--llcag-red); background: var(--llcag-red); height: 1px; margin-bottom:80px; margin-left:15px; margin-right:15px; } #footer .inside{ background:url(../../files/assets/images/llc_map.svg) no-repeat center top 110px transparent; background-size: 100% auto; } #footer .mod_customnav li{ color: var(--llcag-red); } #footer .ce_text svg{ margin-top:30px; } #footer .ce_text.copy{ margin-top:520px; font-size:10px; letter-spacing:.2em; } /* Footer END -------------------------------------------------------------------- */ /* Module ------------------------------------------------------------------------ */ /* Top-Button */ #topBtn { position: fixed; width:40px; height:40px; bottom: 20px; right: 20px; z-index: 999; border: none; outline: none; background:url(../../files/assets/images/pfeil-links.svg) no-repeat center var(--llcag-darker-grey);; background-size:20% auto; color: white; cursor: pointer; padding: 0px; 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 var(--llcag-red); background-size:20% auto; } /* Accordion */ .ce_accordion { clear:both; border-top: 2px solid #d3d8d9; } .ce_accordion.first{ margin-top:40px; } .ce_accordion.last{ margin-bottom:100px; } .ce_accordion .toggler{ position:relative; font-size:28px; line-height:34px; padding: 10px 0 24px 0; cursor:pointer; font-weight:500; } .ce_accordion .toggler:after{ content:"+"; position:absolute; top:4px; right:0px; } .ce_accordion .toggler.active:after{ content:"-"; } /* Headerbilder */ .headerbereich .inner{ position:relative; } .headerbereich .inner .image_container{ position:relative; z-index:5; } .headerbereich .inner .image_container:before{ content:""; position:absolute; top:0px; left:0px; width:100%; height:200px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#05171a+0,000000+100&0.65+0,0+100 */ background: linear-gradient(to bottom, rgba(5,23,26,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .headerbereich .inner .ce_image{ position:absolute; z-index:10; left:50%; bottom:20%; transform:translateX(-50%); } .headerbereich .inner .ce_image h1{ color:#fff; text-shadow: var(--llcag-text-shadow); padding-left: calc(var(--llcag-breite-spalte) + 30px); } .headerbereich .inner .ce_image h1 span{ color:var(--llcag-red); } /* FullWidth Bilder Content */ .bild-full-width .ce_image{ margin-left:0 !important; margin-right:0 !important; } /* Layout ------------------------------------------------------------------------ */ /* Allgemein */ .ce_text.teaser strong{ font-size:24px; line-height:32px; font-weight: 500; margin-bottom:40px; display:inline-block; } /* Home */ #home .ce_text.zitat{ overflow:visible; } #home .ce_text.zitat h2{ position:relative; color:var(--llcag-darker-grey); overflow:visible; } #home .ce_text.zitat h2:before{ content:"“"; font-family: "Suisse Intl"; position:absolute; top:42px; left:-90px; font-size:160px; } #home .ce_text.zitat p{ text-transform:uppercase; font-size:14px; } #home .ce_text.zitat .image_container img{ width: calc(50% - 30px); float:right; transform:translateY(-30%); } #home .ce_text.teaser{ margin-top:160px; } #ueber-uns .ce_slick-slider{ margin-top:50px; } #ueber-uns .ce_slick-slider .caption{ font-size:10px; text-transform:uppercase; letter-spacing:.2em; padding-top:3px; } #philosophie .inner{ position:relative; } #philosophie .teaser{ position:relative; z-index:10; display:flex; flex-flow:column; justify-content:center; margin-bottom:205px; } #philosophie .teaser strong{ padding-top:30px; } #philosophie .ce_image{ position:absolute; z-index:5; left:0px; bottom:0px; } #leistungen .ce_text.teaserbox{ position:relative; margin-top:60px; } #leistungen .ce_text.teaserbox h3{ position:absolute; width:100%; color:#fff; text-align:center; font-size:24px; line-height:28px; left:0px; bottom:150px; text-shadow: var(--llcag-text-shadow); padding: 0 10px 0 10px; box-sizing:border-box; } #leistungen .ce_text.teaserbox p{ background:var(--llcag-red); padding: 28px 0 48px 0; margin-bottom:0px; } .leistungen #leistungen .ce_text.teaserbox p{ background:var(--llcag-grey); } #partner hr{ opacity:0; } #wer-wir-sind, #partner{ padding-bottom:360px; } #wer-wir-sind .inner, #partner .inner{ position:relative; } #wer-wir-sind .inner *, #partner .inner *{ position:relative; z-index:100; } #wer-wir-sind .ce_text.teaser{ margin-bottom:95px; } #wer-wir-sind .ce_text.person, #partner .ce_text.person{ margin-bottom:30px; background:#fff; padding: 0 30px 0 30px; box-sizing:border-box; } #wer-wir-sind .ce_text.person h3, #partner .ce_text.person h3{ font-size:24px; line-height:28px; } #wer-wir-sind .ce_text.person h5, #partner .ce_text.person h5{ margin-top:24px;; } #wer-wir-sind .ce_text.person .image_container, #partner .ce_text.person .image_container{ width: calc(50% - 30px); float:left; margin-right:30px; } #wer-wir-sind .ce_text.person a, #partner .ce_text.person a{ margin-top:0px; min-width:26px; line-height:24px; padding:0px; padding-left:2px; margin:0px; text-align:center; box-sizing:border-box; } #wer-wir-sind .inner:before{ content:""; position:absolute; top:630px; left:270px; width:345px; height:680px; background:var(--llcag-red); z-index:1; } #wer-wir-sind .inner:after{ content:""; position:absolute; top:1310px; left:615px; width:345px; height:345px; background:var(--llcag-red); z-index:2; } #aktuelles .mod_slick_newslist{ padding-top:50px; } #aktuelles .slick-track{ display:flex; flex-wrap:wrap; } .slick-slide { height: inherit !important; } .mod_newslist{ display:flex; flex-wrap:wrap; } .layout_latest{ background: var(--llcag-lightest-grey); margin-bottom:30px; } #aktuelles .layout_latest{ background:#fff; } .layout_latest .info{ font-size:10px; line-height:12px; text-transform:uppercase; padding: 20px 20px 0px 20px; letter-spacing:.2em; } .layout_latest h2, .layout_latest h3{ font-size:24px; line-height:28px; padding: 10px 20px 0px 20px; letter-spacing:.025em; } .layout_latest h5{ padding: 0px 20px 0px 20px; } .layout_latest .more{ padding: 0px 20px 0px 20px; } .layout_latest .more a{ text-decoration:underline; } .layout_latest .more a:hover{ text-decoration:none; } #aktuelles .ce_text.allnews{ font-size:16px; line-height:24px; transform:translateY(-100%); } #aktuelles .mod_slick_newslist .layout_latest{ margin-left:15px; margin-right:15px; } /* Aktuelles */ .mod_newsreader{ } .aktuelles .mod_newslist{ padding-top:30px; } .mod_newsreader .oben{ background:var(--llcag-grey); margin-left:0px !important; margin-right:0px !important; min-height:90vh; margin-bottom:200px; overflow:visible; } .mod_newsreader .oben .inner{ display:flex; min-height:90vh; align-items:flex-end; } .mod_newsreader .oben .inner .ce_image{ transform:translateY(60px); } .mod_newsreader .content .ce_text strong{ font-size:24px; line-height:32px; font-weight: 500; } .mod_newsreader .sharbtns{ margin-bottom:120px; padding-left:15px; padding-top:20px; box-sizing:border-box; } .mod_newsreader .backbtn a{ line-height:32px; min-width:160px; } .mod_newsreader .content div:first-child{ border-top: 2px solid #d3d8d9; padding-top:110px; margin-top: var(--llcag-margin-top-text); } .mod_newsreader p.back{ display:none; } .mod_newsreader h2{ font-size:24px; line-height:32px; } .mod_newsreader h3{ font-size:20px; line-height:28px; } .mod_newsreader .sharbtns h5, .mod_newsreader .backbtn h5{ font-size:14px; line-height:14px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--llcag-dark-grey); margin-top:40px; margin-bottom:12px !important; } .mod_newsreader .ce_hyperlink a{ display:inline-block; min-width:100px; text-align:center; text-transform:uppercase; color:var(--llcag-dark-grey); border:1px solid var(--llcag-dark-grey); box-sizing:border-box; font-size:12px; font-weight:500; line-height:52px; margin-top:20px; margin-bottom:40px; padding: 0 20px 0 20px; transition:all .5s; letter-spacing:.2em; min-width:210px; max-width:80%; background:transparent; } .mod_newsreader .ce_hyperlink a:hover{ color:#fff; background:var(--llcag-dark-grey); } /* Leistungen */ #leistungsportfolio .ce_text{ margin-bottom:30px; box-sizing:border-box; position:relative; } #analyse .inner{ position:relative; } #analyse .teaser{ position:relative; z-index:10; display:flex; flex-flow:column; justify-content:center; margin-bottom:205px; } #analyse .ce_image{ position:absolute; z-index:5; left:0px; bottom:0px; } #analyse-2{ padding-bottom:var(--llcag-padding-bottom); } /* Unternehmen */ #partner .ce_text.teaser{ margin-bottom:20px; } #partner .ce_text.partner-land h5{ margin-top:45px; margin-bottom:45px; color: var(--llcag-dark-grey); } #partner .ce_text.partner-land.weiss h5{ color:#fff; } .deutsch #partner .inner:before{ content:""; position:absolute; top:405px; left:0px; width:460px; height:630px; background:var(--llcag-red); z-index:1; } .deutsch #partner .inner:after{ content:""; position:absolute; top:1036px; left:460px; width:460px; height:460px; background:var(--llcag-red); z-index:2; } .englisch #partner .inner:before{ content:""; position:absolute; top:380px; left:0px; width:460px; height:630px; background:var(--llcag-red); z-index:1; } .englisch #partner .inner:after{ content:""; position:absolute; top:1011px; left:460px; width:460px; height:460px; background:var(--llcag-red); z-index:2; } /* Kontakt */ #kontakt{ font-size:20px; font-weight:500; } #standorte .ce_text{ margin-bottom:100px; } #standorte .ce_text hr{ border:0; color: #d3d8d9; background: #d3d8d9; height: 2px; margin-top:0px; margin-bottom:66px; } #standorte .ce_text .image_container{ width:50%; box-sizing:border-box; } #standorte .ce_text:nth-child(odd) .image_container{ float:left; padding-right: var(--llcag-breite-spalte); margin-right: var(--llcag-breite-spalte); } #standorte .ce_text:nth-child(even) .image_container{ float:right; padding-left: var(--llcag-breite-spalte); margin-left: var(--llcag-breite-spalte); } #standorte a[href^="mailto:"]{ text-decoration:underline; } #anfahrt{ position:relative; } #anfahrt .inner{ padding: var(--llcag-padding-top) 0 var(--llcag-padding-bottom) 0; display:block; } #anfahrt:after{ content:""; position:absolute; top:0px; left:50%; width:50%; height:100%; background:url(../../files/assets/images/llcag-kontakt-anfahrt-karte.svg) no-repeat center transparent; background-size:cover; } #anfrage .ce_form{ padding-top:var(--llcag-margin-top-text); } /* Impressum & Datenschutz */ body.legal{ padding-top: var(--llcag-padding-top); } /*! * 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; } ::placeholder { color: var(--llcag-dark-grey); } .widget.explanation.legal{ font-size:16px; line-height:20px; font-weight:300; margin-bottom:0px; } /** * 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:15px 12px; background:#fff; border:1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left:0px !important; margin-right:0px !important; font-weight:400; color: var(--llcag-dark-grey); border-radius: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 { background:#fff; 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:#fff; background:var(--llcag-dark-grey); border:1px solid var(--llcag-dark-grey); box-sizing:border-box; font-size:12px; font-weight:500; line-height:52px; margin-right:8px; padding: 0 20px 0 20px; transition:all .5s; letter-spacing:.2em; min-width:210px; margin-left:0px !important; margin-right:0px !important; transition:all .2s; width:auto !important; cursor:pointer; } form button:hover,input[type="submit"]:hover,.button:hover { color:var(--llcag-dark-grey); background:#fff; border:1px solid var(--llcag-dark-grey); } form button:active,input[type="submit"]:active,.button:active { color:var(--llcag-dark-grey); background:#fff; border:1px solid var(--llcag-dark-grey); } /** * 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:20px; } .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%; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-Light-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-Light-WebS.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-LightItalic-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-LightItalic-WebS.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-Regular-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-Regular-WebS.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-RegularItalic-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-RegularItalic-WebS.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-Book-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-Book-WebS.woff") format("woff"); font-weight: 450; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-BookItalic-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-Book-WebSItalic.woff") format("woff"); font-weight: 450; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-Medium-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-Medium-WebS.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-MediumItalic-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-MediumItalic-WebS.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-SemiBold-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-SemiBold-WebS.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-SemiBoldItalic-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-SemiBoldItalic-WebS.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-Bold-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-Bold-WebS.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Suisse Intl"; src: url("../../files/assets/fonts/SuisseIntl-BoldItalic-WebS.woff2") format("woff2"), url("../../files/assets/fonts/SuisseIntl-BoldItalic-WebS.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; } /*** 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; font-size:12px; line-height:16px; font-weight:400; letter-spacing:.1em; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a, .sf-menu strong { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /*** DEMO SKIN ***/ .sf-menu { float: left; } .sf-menu ul { min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ padding-top:6px; padding-left:4px; } .sf-menu a, .sf-menu strong { padding: 0 1.1em .1em 1.1em; zoom: 1; /* IE7 */ outline:0; } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu ul li { } .sf-menu ul ul li { } .sf-menu li:hover, .sf-menu li.sfHover { } /*** arrows (for all except IE7) **/ #header .sf-menu a.submenu, #header .sf-menu strong.submenu { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ #header .sf-menu a.submenu:after, #header .sf-menu strong.submenu:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -4px; height: 8px; width: 13px; background:url(../../files/assets/images/menu-drop-down-arrow-ws.svg) no-repeat center transparent; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { } /* 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; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('../../files/assets/images/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; font-display: swap; src: url('../../files/assets/fonts/slick.eot'); src: url('../../files/assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../files/assets/fonts/slick.woff') format('woff'), url('../../files/assets/fonts/slick.ttf') format('truetype'), url('../../files/assets/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 5px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: right; transform:translateX(5px); } .mod_slick_newslist .slick-dots { bottom:0px; transform:translateX(-10px); } .slick-dots li { position: relative; display: inline-block; width: 11px; height: 11px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 11px; height: 11px; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: none; background: var(--llcag-light-grey); } .mod_slick_newslist .slick-dots li button{ background: #fff; } .slick-dots li.slick-active button { background: var(--llcag-red); } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 6px; position: absolute; top: 0; left: 0; width: 11px; height: 11px; content: '•'; text-align: center; opacity: .25; color: var(--llcag-light-grey); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mod_slick_newslist .slick-dots li button:before{ color: #fff; } .slick-dots li.slick-active button:before { opacity: 1; color: var(--llcag-red); } /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ .sf-navbar { position: relative; } /* provide background colour for submenu strip */ /* you should just set the menu's container bg colour rather than use pseudo-elements */ /* .sf-navbar:before { content: ''; position: absolute; left: 0; z-index: -1; background-color: #BDD2FF; height: 200%; width: 100%; } */ .sf-navbar ul { box-shadow: none; } .sf-navbar li { position: relative; } .sf-navbar > li > a, .sf-navbar > li > ul > li > a { border: none; } .sf-navbar > li > ul { min-width: 11em; /* set this to whatever suits your design */ } #header.sticky .sf-navbar > li > ul { background:#fff; padding: 10px 10px 10px 0; } #header .sf-navbar > li > ul > li { padding: 5px 0 5px 1px; } .sf-navbar ul li { position: relative; } .sf-navbar ul ul { left: 0; top: 100%; } .sf-navbar ul ul li { width: 100%; } .sf-navbar > li > ul > li { float: left; } .sf-navbar li.current { } .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar ul li.current { } .sf-navbar ul li:hover, .sf-navbar ul li.sfHover, .sf-navbar ul ul li { } .sf-navbar ul ul li:hover, .sf-navbar ul ul li.sfHover, .sf-navbar ul ul li.current { } .sf-navbar ul li.current > a { } /*** point all arrows down ***/ .sf-arrows.sf-navbar ul .sf-with-ul:after { margin-top: -3px; margin-right: 0; } .sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after, .sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after, .sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after { } :root { --llcag-padding-top: 100px; --llcag-padding-bottom: 120px; --llcag-margin-top-text: 50px; --llcag-breite-spalte:90px; --llcag-text-shadow: 1px 1px 6px rgba(0, 0, 0, .4); } .ce_text.partner-land.mobile{ display:none; } #hauptnavigation{ display:block; } #sprache{ display:block; } .navigation{ display:none; } .mod_mmenu{ display:none; } .link-btn.desktop a{ display:inline-block !important; } .link-btn.mobile a{ display:none !important; margin-top:40px !important; margin-bottom:40px !important; } #leistungsportfolio .ce_text, .ce_text.grid6.square{ min-height:690px; padding: 75px 120px 20px 120px; box-sizing:border-box; } .ce_text.red.grid6.square{ padding: 45px 90px 20px 90px; } @media (min-width:990px) and (max-width:1469px) { #leistungsportfolio .ce_text, .ce_text.grid6.square{ min-height:528px; padding: 25px 50px 20px 50px; } #wer-wir-sind .inner:before{ top:630px !important; left:170px !important; width:345px !important; height:680px !important; } #wer-wir-sind .inner:after{ top:1310px !important; left:515px !important; width:345px !important; height:345px !important; } } @media (min-width:978px) and (max-width:1139px) { :root { --llcag-breite-spalte:40px; --mm-max-size:340px; } h2, .h2-size{ font-size:40px !important; line-height:46px !important; } h5{ font-size:10px !important; line-height:10px !important; } .ce_text.teaser strong{ font-size:20px !important; line-height:28px !important; } .sf-menu a, .sf-menu strong { padding: 0 .9em .1em .9em; } #footer .inside{ background:url(../../files/assets/images/llc_map.svg) no-repeat center top 160px transparent !important; background-size: 100% auto !important; } #footer .ce_text.copy{ margin-top:320px !important; } #wer-wir-sind .inner:before{ top:630px !important; left:100px !important; width:345px !important; height:680px !important; } #wer-wir-sind .inner:after{ top:1310px !important; left:445px !important; width:345px !important; height:345px !important; } #philosophie .ce_text.teaser strong{ margin-bottom:0px !important; } .ce_text ul{ font-size:20px !important; line-height:32px !important; } #wer-wir-sind .ce_text.person h3, #partner .ce_text.person h3{ font-size:20px !important; line-height:24px !important; } #wer-wir-sind, #partner{ padding-bottom:240px; } .ce_text.red.grid6.square{ padding: 45px 60px 20px 60px; } .headerbereich .inner .ce_image{ bottom:12% !important; } #partner .inner:before{ top:525px !important; left:0px !important; width:400px !important; height:490px !important; } #partner .inner:after{ top:1016px !important; left:400px !important; width:460px !important; height:460px !important; } .layout_latest h2, .layout_latest h3{ font-size:24px !important; line-height:28px !important; } #standorte{ padding-top:0px !important; } } @media (min-width:768px) and (max-width:979px) { :root { --llcag-padding-top: 50px; --llcag-padding-bottom: 70px; --llcag-margin-top-text: 30px; --llcag-breite-spalte:0px; --llcag-text-shadow: 1px 1px 6px rgba(0, 0, 0, .4); --mm-max-size:340px; } body .mod_article:not(.headerbereich){ hyphens:auto; } .link-btn.desktop a{ display:none !important; } .link-btn.mobile a{ display:inline-block !important; } h2, .h2-size{ font-size:40px !important; line-height:46px !important; } h3{ font-size:36px !important; line-height:40px !important; } h5{ font-size:10px !important; line-height:10px !important; } #hauptnavigation{ display:none !important; } #sprache{ display:none !important; } .navigation{ display:block !important; } .mod_mmenu{ display:block !important; } #header #logo svg{ width:160px !important; } #header .ce_text#logo{ margin-left:40px !important; } #footer{ text-align:center; padding: 40px 0 40px 0 !important; } #footer hr{ margin-bottom:40px !important; } #footer .inside{ background:url(../../files/assets/images/llc_map.svg) no-repeat center bottom 160px transparent !important; background-size: 90% auto !important; } #footer .ce_text.copy{ margin-top:220px !important; } #kontakt a.btn, #kontakt .link-btn a{ min-width:0px !important; width:210px !important; max-width:80% !important; } #kontakt{ font-size:18px !important; } .headerbereich .inner .ce_image{ bottom:20% !important; left:0% !important; transform:translateX(0%) !important; } .headerbereich .inner .ce_image h1{ padding-left: 100px !important; } .padding2{ padding: var(--llcag-padding-top) 0 var(--llcag-padding-bottom) 0 !important; } #home .ce_text.teaser{ margin-top:20px !important; } .ce_text ul{ font-size:20px !important; line-height:32px !important; } .ce_text.red.grid6.square{ padding: 45px 60px 20px 60px; } #home .ce_text.zitat h2, #home .ce_text.zitat p{ padding-right:45%; } #home .ce_text.zitat h2:before{ font-size:120px !important; left:-60px !important; top:20px !important; } #home .ce_text.zitat .image_container img{ width:30% !important; transform:translateY(-100%) !important; margin-bottom:-90px !important; } #philosophie, #beratungsschwerpunkte{ padding-bottom: 100px !important; } #philosophie .teaser{ padding-top:30px; margin-bottom:0px !important; margin-top:40px; } #philosophie .ce_text.teaser strong{ margin-bottom:0px !important; } #philosophie .ce_image{ position:relative !important; } #wer-wir-sind .ce_text.person h3, #partner .ce_text.person h3{ font-size:20px !important; line-height:24px !important; } .ce_text.topline{ border-top:0 !important; padding-top:20px !important; } #leistungen .ce_text.teaserbox{ margin-top:30px !important; } #wer-wir-sind .inner:before{ display:none !important; } #wer-wir-sind .inner:after{ display:none !important; } #wer-wir-sind .ce_text.teaser{ margin-bottom:0px !important; } #wer-wir-sind .ce_text.person{ width:100% !important; } #partner .ce_text.person{ width:auto !important; } #wer-wir-sind, #partner{ padding-bottom: var(--llcag-padding-bottom) !important; } .ce_text.teaser strong{ margin-bottom:30px !important; } #analyse .teaser{ padding-top:30px; margin-bottom:0px !important; margin-top:40px; } #leistungsportfolio .ce_text, .ce_text.grid6.square{ min-height:0px; padding: 15px 30px 15px 30px; } #leistungsportfolio .ce_text:nth-child(odd){ background:var(--llcag-lighter-grey) !important; color:var(--llcag-dark-grey) !important; } #leistungsportfolio .ce_text:nth-child(even){ background:var(--llcag-red) !important; color:#fff !important; } #home .ce_text.teaser{ clear:both; } #analyse .teaser{ padding-top:60px; padding-bottom:30px; margin-bottom:0px !important; } #analyse .ce_image{ position:relative !important; } #partner .inner:before{ display:none !important; } #partner .inner:after{ display:none !important; } #partner .ce_text.partner-land.weiss h5{ color:var(--llcag-dark-grey) !important; } #partner .inner{ display:block !important; } .ce_text.partner-land.desktop{ display:none !important; } .ce_text.partner-land.mobile{ display:block; } #partner .ce_text.partner-land h5{ margin-top:20px !important; margin-bottom:20px !important; } .mod_newsreader .oben .inner{ min-height:70vh !important; } .mod_newsreader .oben{ min-height:70vh !important; margin-bottom:100px !important; } .mod_newsreader .mod_article:not(.oben) *{ margin-left:0px !important; margin-right:0px !important; } .mod_newsreader .content div:first-child{ padding-top:60px !important; } .mod_newsreader .content .ce_text strong{ margin-bottom:30px !important; } .mod_newsreader .sharbtns{ padding-left:0px !important; margin-bottom:0px; } .mod_newsreader .sharebuttons li{ padding-right:10px !important; } .mod_newsreader .backbtn{ text-align:left !important; margin-bottom:40px; } #standorte .ce_text .image_container{ width:100% !important; float:none !important; padding:0 !important; margin:0 !important; } #standorte .ce_text hr{ color:#fff; background:#fff; margin-bottom:30px !important; } #standorte .ce_text{ margin-bottom:40px !important; } .kontakt #article-4{ padding-bottom:0 !important; } 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% !important; max-width:100%; } #anfahrt:after{ content:""; display:block; position:relative !important; top:0px; left:0% !important; width:100% !important; padding-bottom:100%; height:100%; background:url(../../files/assets/images/llcag-kontakt-anfahrt-karte.svg) no-repeat center transparent; background-size:cover; } #anfahrt .ce_accordion.last{ margin-bottom:0px !important; } #aktuelles .ce_text.allnews{ margin-left:15px !important; } #footer .ce_text svg{ margin-top:10px !important; } #footer .niederlassungen, #footer .leistungen{ display:none !important; } #footer .unternehmen{ margin-top:60px; } #footer .unternehmen h4, #footer .unternehmen li.ueber-uns, #footer .unternehmen li.kontakt, #footer .unternehmen li.aktuelles{ display:none !important; } .layout_latest h2, .layout_latest h3{ font-size:24px !important; line-height:28px !important; } textarea.grid6{ width:100% !important; } .ce_accordion .toggler{ font-size:24px !important; line-height:28px !important; } } @media (max-width:767px) { :root { --llcag-padding-top: 50px; --llcag-padding-bottom: 70px; --llcag-margin-top-text: 30px; --llcag-breite-spalte:0px; --llcag-text-shadow: 1px 1px 6px rgba(0, 0, 0, .4); --mm-max-size:340px; } body{ font-size: 15px !important; line-height: 24px !important; } body .mod_article:not(.headerbereich) p{ hyphens:auto; } .link-btn.desktop a{ display:none !important; } .link-btn.mobile a{ display:inline-block !important; } h2, .h2-size{ font-size:30px !important; line-height:36px !important; } h3{ font-size:24px !important; line-height:30px !important; } h5{ font-size:10px !important; line-height:10px !important; } #cboxClose{ top:-30px !important; } #hauptnavigation{ display:none !important; } #sprache{ display:none !important; } .navigation{ display:block !important; } .mod_mmenu{ display:block !important; } #header #logo svg{ width:160px !important; } #header .ce_text#logo{ margin-left:15px !important; } #header .navigation{ right:15px !important; } #footer{ text-align:center; padding: 40px 0 40px 0 !important; } #footer hr{ margin-bottom:40px !important; } #footer .inside{ background:url(../../files/assets/images/llc_map.svg) no-repeat center bottom 160px transparent !important; background-size: 90% auto !important; } #footer .ce_text.copy{ margin-top:220px !important; } #kontakt a.btn, #kontakt .link-btn a{ min-width:0px !important; width:210px !important; max-width:80% !important; } #kontakt{ font-size:18px !important; } .headerbereich .inner .ce_image{ bottom:10% !important; left:0% !important; transform:translateX(0%) !important; } .headerbereich .inner .ce_image h1{ font-size:40px !important; line-height:46px !important; padding-left: 15px !important; } .padding2{ padding: var(--llcag-padding-top) 0 var(--llcag-padding-bottom) 0 !important; } #home .ce_text.teaser{ margin-top:20px !important; } .ce_text ul{ font-size:18px !important; line-height:28px !important; } .ce_text.red.grid6.square{ padding: 45px 30px 20px 30px; } #home .ce_text.zitat h2{ padding-right:100px !important; padding-left:30px !important; } #home .ce_text.zitat p{ padding-right:0; padding-left:30px !important; font-size:10px !important; letter-spacing:.1em; } #home .ce_text.zitat h2:before{ font-size:60px !important; left:0px !important; top:0px !important; } #home .ce_text.zitat .image_container img{ width:30% !important; transform:translateY(-80%) !important; margin-bottom:-50px !important; } #philosophie{ padding-bottom: 100px !important; } #beratungsschwerpunkte{ padding-bottom: 35px !important; } #philosophie .teaser{ padding-top:30px; margin-bottom:0px !important; margin-top:40px; } #philosophie .ce_text.teaser strong{ margin-bottom:0px !important; } #philosophie .ce_image{ position:relative !important; } #wer-wir-sind .ce_text.person, #partner .ce_text.person{ padding:0 15px 0 15px !important; } #wer-wir-sind .ce_text.person h3, #partner .ce_text.person h3{ font-size:20px !important; line-height:24px !important; } #wer-wir-sind .link-btn a{ margin-top:0px !important; } .ce_text.topline{ border-top:0 !important; padding-top:20px !important; } #leistungen .ce_text.teaserbox{ margin-top:30px !important; } #leistungen .ce_text.teaserbox h3{ font-size:24px !important; line-height:28px !important; } #wer-wir-sind .inner:before{ display:none !important; } #wer-wir-sind .inner:after{ display:none !important; } #wer-wir-sind .ce_text.teaser{ margin-bottom:30px !important; } #wer-wir-sind .ce_text.person{ width:100% !important; } #partner .ce_text.person{ width:auto !important; } #wer-wir-sind, #partner{ padding-bottom: var(--llcag-padding-bottom) !important; } #beratung{ padding-bottom:40px !important; } .ce_text.teaser strong, .mod_newsreader .content .ce_text strong{ margin-bottom:0px !important; font-size:20px !important; line-height:28px !important; } .mod_newsreader{ padding-bottom:60px; } #aktuelles, #kernkompetenz{ padding-bottom:20px !important; } #analyse .teaser{ padding-top:30px; margin-bottom:0px !important; margin-top:40px; } #leistungsportfolio .ce_text, .ce_text.grid6.square{ min-height:0px; padding: 15px 30px 15px 30px; } #leistungsportfolio .ce_text:nth-child(odd){ background:var(--llcag-lighter-grey) !important; color:var(--llcag-dark-grey) !important; } #leistungsportfolio .ce_text:nth-child(even){ background:var(--llcag-red) !important; color:#fff !important; } #home .ce_text.teaser{ clear:both; } #analyse .teaser{ padding-top:60px; padding-bottom:30px; margin-bottom:0px !important; } #analyse .ce_image{ position:relative !important; } #partner .inner:before{ display:none !important; } #partner .inner:after{ display:none !important; } #partner .ce_text.partner-land.weiss h5{ color:var(--llcag-dark-grey) !important; } #partner .inner{ display:block !important; } .ce_text.partner-land.desktop{ display:none !important; } .ce_text.partner-land.mobile{ display:block; } #partner .ce_text.partner-land h5{ margin-top:20px !important; margin-bottom:20px !important; } .mod_newsreader .oben .inner{ min-height:70vh !important; } .mod_newsreader .oben{ min-height:70vh !important; margin-bottom:100px !important; } .mod_newsreader .mod_article:not(.oben) *{ margin-left:0px !important; margin-right:0px !important; } .mod_newsreader .content div:first-child{ padding-top:60px !important; } .mod_newsreader .content .ce_text strong{ margin-bottom:30px !important; } .mod_newsreader .sharbtns{ padding-left:0px !important; margin-bottom:0px; } .mod_newsreader .sharebuttons li{ padding-right:10px !important; } .mod_newsreader .backbtn{ text-align:left !important; margin-bottom:40px; } #standorte .ce_text .image_container{ width:100% !important; float:none !important; padding:0 !important; margin:0 !important; } #standorte .ce_text hr{ color:#fff; background:#fff; margin-bottom:30px !important; } #standorte .ce_text{ margin-bottom:40px !important; } .kontakt #article-4{ padding-bottom:0 !important; } 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% !important; max-width:100%; } #anfahrt:after{ content:""; display:block; position:relative !important; top:0px; left:0% !important; width:100% !important; padding-bottom:100%; height:100%; background:url(../../files/assets/images/llcag-kontakt-anfahrt-karte.svg) no-repeat center transparent; background-size:140% auto; } #anfahrt .ce_accordion.last{ margin-bottom:0px !important; } #aktuelles .ce_text.allnews{ margin-left:15px !important; } #footer .ce_text svg{ margin-top:10px !important; } #footer .niederlassungen, #footer .leistungen{ display:none !important; } #footer .unternehmen{ margin-top:60px; } #footer .unternehmen h4, #footer .unternehmen li.ueber-uns, #footer .unternehmen li.kontakt, #footer .unternehmen li.aktuelles{ display:none !important; } .layout_latest h2, .layout_latest h3{ font-size:24px !important; line-height:28px !important; } textarea.grid6{ width:100% !important; } .ce_accordion .toggler{ font-size:20px !important; line-height:24px !important; } .unternehmen #partner .teaser.link-btn a{ margin-bottom:35px; } .kontakt #standorte{ padding-bottom:30px !important; } }