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} .download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} @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} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .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)} /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { float: none; display:inline-block; /* margin-bottom: 1em; */ } .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 */ background:#fff; } .sf-menu a { display:block; padding: 6px 12px 6px 12px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a.last { padding: 6px 0px 6px 12px; } .sf-menu span.active, .sf-menu span.submenu, .sf-menu span.trail, .sf-menu span.current, .sf-menu strong.active, .sf-menu strong.submenu, .sf-menu strong.trail, .sf-menu strong.current { display:block; padding: 6px 12px 6px 12px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu strong.active, .sf-menu strong.submenu, .sf-menu strong.trail, .sf-menu strong.current { padding: 6px 12px 6px 12px; } .sf-menu a { } .sf-menu li { display:inline-block; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu li.active span.active { display: block; } .sf-menu ul li { font-size:.8em; float:none; display:block; text-align:left; } .sf-menu ul ul li { } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em !important; *padding-right: 1em !important; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /* Custom */ #hauptnavigation{ overflow:visible; } /** * Contao Open Source CMS * * Copyright (c) 2005-2016 Leo Feyer * * @license LGPL-3.0+ */ /** * Make the wrapping container 960 pixel wide */ #header .inside, #footer .inside, #top-footer .inside, #main .inside, .mod_article.wrap .inner, .mod_article#slider .subnav .inna{ width:1332px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; margin-left:10px; margin-right:10px; 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:10px; margin-right:10px; margin-bottom:20px; } /** * Handle news and event reader modules which are added via content element and * contain content elements themselves (see #5331) */ .mod_article .mod_newsreader,.mod_article .mod_eventreader { margin-left:0; margin-right:0; } /* .mod_article *[class*="layout_"] > *,.mod_article *[class*="event_"] > * { margin-left:10px; margin-right:10px; } */ /** * Remove the margin from floated articles, because the margin is already * applied to its content elements (see above) */ .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6, .mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 { margin-left:0; margin-right:0; } /** * Automatically clear the floats in the main column, so you do not have to add * a clearing div to each article */ #main .inside { overflow:hidden; } /** * Grid column widths */ .grid1 { width:91px; } .grid2 { width:202px; } .grid3 { width:313px; } .grid4 { width:424px; } .grid5 { width:535px; } .grid6 { width:646px; } .grid7 { width:757px; } .grid8 { width:868px; } .grid9 { width:979px; } .grid10 { width:1090px; } .grid11 { width:1201px; } .grid12 { width:1312px; } .grid10_0 { width:1110px; margin:0 !important; border:0 !important; box-shadow:none !important; margin-bottom:15px !important; padding-top:0px !important; } .offset1 { margin-left:121px !important; } .offset2 { margin-left:232px !important; } .offset3 { margin-left:343px !important; } .offset4 { margin-left:454px !important; } .offset5 { margin-left:565px !important; } .offset6 { margin-left:676px !important; } .offset7 { margin-left:787px !important; } .offset8 { margin-left:898px !important; } .offset9 { margin-left:1009px !important; } .offset10 { margin-left:1120px !important; } .offset11 { margin-left:1231px !important; } .grid12_0 { margin: 0 !important; width: 100%; } @media (min-width:990px) and (max-width:1352px) { /** * Reduce the overall width */ #header .inside, #footer .inside, #top-footer .inside, #main .inside, .mod_article.wrap .inner, .mod_article#slider .subnav .inna{ width:960px; } /** * Grid column widths */ .grid1 { width:60px; } .grid2 { width:140px; } .grid3 { width:220px; } .grid4 { width:300px; } .grid5 { width:380px; } .grid6 { width:460px; } .grid7 { width:540px; } .grid8 { width:620px; } .grid9 { width:700px; } .grid10 { width:780px; } .grid11 { width:860px; } .grid12 { width:940px; } .grid10_0 { width:800px; margin:0 !important; border:0 !important; box-shadow:none !important; margin-bottom:15px !important; padding-top:0px !important; } .offset1 { margin-left:90px !important; } .offset2 { margin-left:170px !important; } .offset3 { margin-left:250px !important; } .offset4 { margin-left:330px !important; } .offset5 { margin-left:410px !important; } .offset6 { margin-left:490px !important; } .offset7 { margin-left:570px !important; } .offset8 { margin-left:650px !important; } .offset9 { margin-left:730px !important; } .offset10 { margin-left:810px !important; } .offset11 { margin-left:890px !important; } .offset12 { margin-left:970px !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:989px) { /** * Reduce the overall width */ #header .inside, #footer .inside, #top-footer .inside, #main .inside, .mod_article.wrap .inner, .mod_article#slider .subnav .inna{ width:744px; } /** * Reduce the grid column widths */ .grid1 { width:42px; } .grid2 { width:104px; } .grid3 { width:166px; } .grid4 { width:228px; } .grid5 { width:290px; } .grid6 { width:352px; } .grid7 { width:414px; } .grid8 { width:476px; } .grid9 { width:538px; } .grid10 { width:600px; } .grid11 { width:662px; } .grid12 { width:724px; } .grid10_0 { width:620px; margin:0 !important; border:0 !important; box-shadow:none !important; margin-bottom:15px !important; padding-top:0px !important; } .offset1 { margin-left:72px !important; } .offset2 { margin-left:134px !important; } .offset3 { margin-left:196px !important; } .offset4 { margin-left:258px !important; } .offset5 { margin-left:320px !important; } .offset6 { margin-left:382px !important; } .offset7 { margin-left:444px !important; } .offset8 { margin-left:506px !important; } .offset9 { margin-left:568px !important; } .offset10 { margin-left:630px !important; } .offset11 { margin-left:692px !important; } .offset12 { margin-left:754px !important; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { /** * Remove the overall width */ #header .inside, #footer .inside, #top-footer .inside, #main .inside, .mod_article.wrap .inner, .mod_article#slider .subnav .inna{ width:auto; } /** * Show all columns underneath each other */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; margin-left:10px; margin-right:10px; } .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } *[class*="offset"] { margin-left:10px !important; } .mod_article *[class*="layout_"] > *,.mod_article *[class*="event_"] > * { margin-left:10px; margin-right:10px; } } /* Hoppetosse Rot: #d71f27 (215,31,39) Orange: #de7f25 (222,127,37) */ :root{ --header-height:165px; --footer-height:58px; } @media (max-width:1352px) { } @media (max-width:989px) { } @media (max-width:767px) { } html, body{ height:100%; font-family: 'roboto'; color:#212a26; font-size:16px; line-height:24px; font-weight:400; background:#fff; } /* Html Elemente */ h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a{ font-family: 'Roboto'; font-weight:500; margin-bottom:24px; color:#d71f27; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ color:#ffcc01; } h1{ font-size:36px; line-height:normal; } h2{ font-size:28px; line-height:30px; } h3{ font-size:22px; line-height:normal; } h4{ font-size:16px; line-height:normal; } img{ vertical-align:middle; } strong{ font-weight:600; } .verein :is(h1, h2, h3, h4, h5, h6){ color:#8c1516; } .tagesablauf :is(h1, h2, h3, h4, h5, h6){ color:#c0080f; } .raeume :is(h1, h2, h3, h4, h5, h6){ color:#de7f25; } .paedagogik :is(h1, h2, h3, h4, h5, h6){ color:#4297cf; } .essen :is(h1, h2, h3, h4, h5, h6){ color:#f8b206; } .team :is(h1, h2, h3, h4, h5, h6){ color:#7b2a7c; } .kontakt :is(h1, h2, h3, h4, h5, h6){ color:#3da32c; } a:link, a:visited, a:hover, a:active, a:focus, div{ outline: 0px; } a{ text-decoration:none; color:#212a26; transition: color .5s; } a:hover, a:focus{ color:#d71f27; } a.btn{ } .ce_text a{ text-decoration:underline; } hr{ border:0; color: #8ac48a; background: #8ac48a; height: 1px; margin: 30px 0px 30px 0px; } .hyphens{ hyphens:auto; } #main .inside{ background:#fff; padding: 60px 10px 20px 10px; } #main .ce_text{ margin-bottom:20px; } #main .ce_text .float_left{ margin-right:40px; margin-bottom:20px; margin-top:35px; } #main .ce_text .float_right{ margin-left:40px; margin-bottom:20px; margin-top:35px; } #main .ce_text .float_left.image_container, #main .ce_text .float_right.image_container{ max-width:50%; height:auto; } #main .mod_article .ce_text ul{ padding-left:30px; list-style-type:disc; } .mod_article.flex{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .teaser-orange, .teaser-rot, .teaser-gruen, .teaser-blau{ font-family: 'Roboto'; font-size:1.2em; box-sizing:border-box; padding: 40px 40px 28px 40px; } .teaser-orange{ background:#ffcc01; color:#fff; } .teaser-rot{ background:#fe0000; color:#fff; } .teaser-gruen{ background:#de7f25; color:#fff; } .teaser-blau{ background:#0170c1; color:#fff; } .teaser-orange a, .teaser-rot a, .teaser-gruen a, .teaser-blau a, .teaser-orange h2, .teaser-rot h2, .teaser-gruen h2, .teaser-blau h2, .teaser-orange h3, .teaser-rot h3, .teaser-gruen h3, .teaser-blau h3{ color:#fff; margin-top:0px; } .teaser-orange a:hover{ color:#de7f25; } .teaser-rot a:hover, .teaser-gruen a:hover, .teaser-blau a:hover{ color:#ffcc01; } .teaser-gruen .float_left{ margin-top:0px !important; margin-bottom:12px !important; } /* Borderbox für Startseite */ .borderbox-orange, .borderbox-rot, .borderbox-gruen, .borderbox-blau{ box-sizing:border-box; color:#fff; transition:all .4s; display: flex; flex-direction: column; justify-content: space-between; } /* .borderbox-orange:hover, .borderbox-rot:hover, .borderbox-gruen:hover, .borderbox-blau:hover{ background:#fff; } */ .borderbox-orange:hover a, .borderbox-rot:hover a, .borderbox-gruen:hover a, .borderbox-blau:hover a{ color:#fff; } .borderbox-orange .image_container, .borderbox-rot .image_container, .borderbox-gruen .image_container, .borderbox-blau .image_container{ overflow:hidden; } .borderbox-orange img, .borderbox-rot img, .borderbox-gruen img, .borderbox-blau img{ transition:all 1s; } .borderbox-orange:hover img, .borderbox-rot:hover img, .borderbox-gruen:hover img, .borderbox-blau:hover img{ transform: scale(1.05); } .borderbox-orange{ background:#ffcc01; border:10px solid #ffcc01; } .borderbox-rot{ background:#fe0000; border:10px solid #fe0000; } .borderbox-gruen{ background:#de7f25; border:10px solid #de7f25; } .borderbox-blau{ background:#0170c1; border:10px solid #0170c1; } .borderbox-orange > *, .borderbox-orange a, .borderbox-rot > *, .borderbox-rot a, .borderbox-gruen > *, .borderbox-gruen a, .borderbox-blau > *, .borderbox-blau a{ color:#fff; margin-bottom:12px; text-decoration:none; } .subnavbox{ font-size:1.2em; box-sizing:border-box; background:#de7f25; color:#fff; transition:all .4s; } .subnavbox .container-subnav{ height:100%; } .subnavbox .content{ padding: 20px 20px 8px 20px; height:100%; display: flex; box-sizing:border-box; flex-direction: column; justify-content: space-between; } .subnavbox a, .subnavbox h1, .subnavbox h2, .subnavbox h3, .subnavbox h4{ color:#fff; margin-top:0px; text-decoration:none; } .subnavbox:hover{ background:#ffcc01; } .subnavbox a{ display:block; height:100%; } /* Allgemeine Formate */ .left{float:left;} .right{float:right;} .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} /* Module */ .content-slider .ce_image{ margin-left:0px !important; margin-right:0px !important; } .ce_sliderStart .slider-control{ display:none; } /* Content-Slider */ /* .ce_sliderStart { position: relative; } .ce_sliderStart .slider-content { z-index:800; } .ce_sliderStart .slider-control { height: 50px; position: static; z-index:900; } .ce_sliderStart .slider-control a { top: 50%; color: transparent !important; line-height: 50px; margin-top: -51px; } .slider-control a.slider-prev:before { content: "<"; font-family: FontAwesome; color: #fff; left: 0px; position: relative; font-size: 50px; text-shadow: 0px 0px 1px rgb(102 102 102); opacity: 0; -webkit-transition: All 0.9s ease; transition: All 0.9s ease; } /* .slider-wrapper > :not([style*="translate(0px, 0px)"]), .slider-wrapper > :not([style*="translateX(0px)"]) { --transform-time: 1s; opacity: 0; transform: translateX(-10px) !important; transition: transform 1s cubic-bezier(.46,.03,.52,.96), opacity 1.8s ease-in-out !important; } .slider-wrapper > [style*="translate(0px, 0px)"], .slider-wrapper > *[style*="translateX(0px)"] { opacity: 1; transition: transform 1s cubic-bezier(.46,.03,.52,.96), opacity 4s ease-in-out !important; } */ /* Downloads */ .ce_downloads{ margin-bottom:20px; } .ce_download .size, .ce_downloads .size{ display:none; } .ce_download p.download-element, .ce_downloads li.download-element{ line-height:26px; background-size: auto 32px; background-position:left top; padding-left:40px; font-weight:600; margin-bottom:6px; } /* Markierter Text */ ::-moz-selection { background: #d71f27; color: #fff; } ::selection { background: #d71f27; color: #fff; } /* Scrollbar */ body::-webkit-scrollbar { width: 12px; /* width of the entire scrollbar */ } body::-webkit-scrollbar-track { background: #f6f6f6; /* color of the tracking area */ } body::-webkit-scrollbar-thumb { background-color: #de7f25; /* color of the scroll thumb */ border-radius: 0px; /* roundness of the scroll thumb */ border: 1px solid #de7f25; /* creates padding around scroll thumb */ } ::-webkit-scrollbar-thumb:hover { background: #de7f25; } /* Cookie Consent Tool */ .ce_dlh_googlemaps .cc-module{ text-align:center; } /* Galerie */ .ce_gallery h1, .ce_gallery h2, .ce_gallery h3, .ce_gallery h4{ padding-left:10px; padding-right:10px; } .ce_gallery li{ margin-bottom:20px; } /* Buchnavigation */ .mod_booknav li{ display:inline-block; float:left; width:50%; } .mod_booknav li.up{ display:none; } .mod_booknav li.next{ text-align:right; } /* Header */ #header{ position:fixed; top:0px; left:0px; width:100%; height:var(--header-height); background: rgba(255,255,255,.8); z-index:1000; transition:all .4s; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); } #header.sticky{ height:90px; background: rgba(255,255,255,1); } #header #logo{ text-transform:uppercase; line-height:32px; font-weight:500; padding: 20px 0px 0px 0px; color:#004800; transition:all .4s; display:flex; align-items:center; justify-content:flex-start; } #header.sticky #logo{ padding: 10px 0px; } #header #logo h2{ padding:0px; margin: 10px 0 0 0; font-size: 28px; line-height: 28px; transition:all .4s; } #header.sticky #logo h2{ margin: 6px 0 0 0; font-size: 18px; line-height: 18px; } #header #logo img{ height:140px; width:auto; transition:all .4s; margin-right:10px; } #header.sticky #logo img{ height:75px; width:auto; } #header #logo a{ color:#004800; text-decoration:none; } #header #logo p{ display:inline-block; margin-top:28px; padding-left:6px; font-size:32px; transition:all .4s; } #header.sticky #logo p{ margin-top:14px; font-size:24px; } #header #hauptnavigation{ font-family: 'Roboto'; font-size:18px; line-height:18px; font-weight:500; transition:all .4s; text-align:right; margin-top:110px; } #header #hauptnavigation a:hover, #header #hauptnavigation a:focus{ color:#de7f25; } #header.sticky #hauptnavigation{ margin-top:30px; } #header #hauptnavigation a.logout{ color:#d71f27; } #header #hauptnavigation li strong, #header #hauptnavigation li.trail a.trail{ color:#de7f25; font-weight:500; } .verein #header #hauptnavigation li strong{ color:#8c1516; } .tagesablauf #header #hauptnavigation li strong{ color:#c0080f; } .raeume #header #hauptnavigation li strong{ color:#de7f25; } .paedagogik #header #hauptnavigation li strong{ color:#4297cf; } .essen #header #hauptnavigation li strong{ color:#f8b206; } .team #header #hauptnavigation li strong{ color:#7b2a7c; } .kontakt #header #hauptnavigation li strong{ color:#3da32c; } #header #hauptnavigation li.language{ opacity:.5; } #main{ margin-top:165px; background:#f6f6f6; } .home #main, .kontakt #main{ padding-bottom:0px; } /* Footer */ #top-footer{ background: #fff; border-top: 1px solid #de7f25; padding-top:20px; padding-bottom:20px; font-size:.9em; } #top-footer a{ color:#212a26; } #top-footer h4{ color:#de7f25; } #top-footer a:hover{ color:#ffcc01; } #footer{ background: rgba(255,255,255,.8); padding-top:10px; padding-bottom:4px; text-align:right; height:var(--footer-height); box-sizing:border-box; font-weight:500; } /* #footer a{ color:#fff; } #footer a:hover{ color:#ffcc01; } */ #footer h4{ color:#8ac48a; } #footer .ce_text.logos img{ height:80px; width:auto; margin-right:10px; margin-bottom:10px; } #footer .mod_customnav strong{ font-weight:500; color:#d71f27; } @media (max-width:1352px) { } @media (max-width:989px) { #footer{ text-align:center; } } @media (max-width:767px) { } /* Hyperlink-Element */ .ce_hyperlink{ font-weight:500; } /* Subnavigation Login-Bereich */ .mod_customnav.login-nav{ font-weight:500; color:#de7f25; text-align:right; } .mod_customnav.login-nav strong{ font-weight:500; } .mod_customnav.login-nav li{ display:inline-block; } .mod_customnav.login-nav li a, .mod_customnav.login-nav li strong{ padding:6px 12px 6px 12px; } .mod_customnav.login-nav li a.logout{ color:#d71f27; } .mod_customnav.login-nav li a.first, .mod_customnav.login-nav li strong.first{ padding:6px 12px 6px 0px; } .mod_customnav.login-nav li a.last, .mod_customnav.login-nav li strong.last{ padding:6px 0px 6px 12px; } /* News */ .mod_newslist{ display:flex; flex-wrap:wrap; } .mod_newslist .layout_latest *[class*="ce_"]{ margin-left:0px !important; margin-right:0px !important; } .mod_newslist .layout_latest{ background: rgba(255,255,255,.9); padding:20px; box-sizing:border-box; position:relative; } .mod_newslist .layout_latest.featured::before{ content:"!"; display:inline-block; width:30px; height:30px; border-radius:50%; position:absolute; top:25px; right:25px; background:#ffcc01; text-align:center; font-size:22px; font-weight:600; color:#212a26; box-sizing:border-box; padding-top:4px; } .mod_newslist .layout_latest h2, .mod_newslist .layout_latest h3, .mod_newslist .layout_latest a{ } .mod_newslist .layout_latest a:hover{ color:#ffcc01; } .mod_newslist .layout_latest p.info{ font-size:.8em; margin-bottom:0px; margin-left:0px !important; margin-right:0px !important; } .mod_newslist .layout_latest{ margin-bottom:20px; } .mod_newslist .layout_latest .image_container.float_left{ margin-right:40px; } .mod_newslist .layout_latest .image_container.float_right{ margin-left:40px; } .mod_newslist .pagination, .mod_eventlist .pagination{ margin-left:10px; } .mod_newslist .pagination li, .mod_eventlist .pagination li{ display:inline-block; margin-right:10px; } .mod_newslist p.empty{ padding-left:10px; padding-right:10px; } .mod_newsreader p.back, .mod_newsreader p.info, .mod_newsreader h1{ padding-left:10px; padding-right:10px; } .mod_newsreader .ce_gallery{ margin-left:0px !important; margin-right:0px !important; } .mod_eventlist .empty{ margin-left:10px; margin-right:10px; } .aktuelles .mod_newslist .layout_latest{ border: 1px solid #e6e6e6; box-sizing:border-box; } /* Events */ .mod_eventlist{ display:flex; flex-wrap:wrap; } .mod_eventlist .layout_teaser *[class*="ce_"]{ margin-left:0px !important; margin-right:0px !important; } .mod_eventlist .layout_teaser{ background: rgba(255,255,255,.9); padding:20px; box-sizing:border-box; position:relative; } .mod_eventlist .layout_teaser.featured::before{ content:"!"; display:inline-block; width:30px; height:30px; border-radius:50%; position:absolute; top:25px; right:25px; background:#ffcc01; text-align:center; font-size:22px; font-weight:600; color:#212a26; box-sizing:border-box; padding-top:4px; } .mod_eventlist .layout_teaser h2, .mod_eventlist .layout_teaser h3, .mod_eventlist .layout_teaser a{ } .mod_eventlist .layout_teaser a:hover{ color:#ffcc01; } .mod_eventlist .layout_teaser p.time{ font-size:.8em; margin-bottom:0px; margin-left:0px !important; margin-right:0px !important; } .mod_eventlist .layout_teaser{ margin-bottom:20px; } .mod_eventreader p.back, .mod_eventreader p.info, .mod_eventreader p.location, .mod_eventreader h1{ padding-left:10px; padding-right:10px; } .mod_eventreader .ce_gallery{ margin-left:0px !important; margin-right:0px !important; } .termine .mod_eventlist .layout_teaser{ border: 1px solid #e6e6e6; box-sizing:border-box; } /* Top-Button */ #topBtn { position: fixed; width:40px; height:40px; bottom: 40px; right: 40px; z-index: 99; border: 1px solid #fff; outline: none; background:url(../../files/assets/images/pfeil-hoch-weiss.png) no-repeat center #d71f27; background-size:50% auto; color: white; cursor: pointer; padding: 0px; border-radius: 20px; font-size: 18px; text-indent:-10000px; opacity:0; transition: all .5s; } .verein #topBtn{ background-color:#8c1516; } .tagesablauf #topBtn{ background-color:#c0080f; } .raeume #topBtn{ background-color:#de7f25; } .paedagogik #topBtn{ background-color:#4297cf; } .essen #topBtn{ background-color:#f8b206; } .team #topBtn{ background-color:#7b2a7c; } .kontakt #topBtn{ background-color:#3da32c; } /* Mobile Navigation */ #header .navigation{ position:absolute; top:24px; right:20px; transition:all .4s; } #header .navigation .menu-button #hamburger{ display:inline-block; width: 40px; height: 25px; cursor: pointer; margin-right:0px; } #header .navigation .menu-button #hamburger span { display:block; background:#d71f27; border-radius:0px; box-sizing: border-box; } #header .navigation .menu-button:hover #hamburger span { } #header .navigation .menu-button #hamburger span { width: 40px; height: 4px; position: relative; top: 0px; left: 0px; margin: 3px 0 6px 0; } .mm-blocker{ position:fixed !important; } /* Accordion */ .ce_accordion .toggler{ position:relative; font-size:30px; line-height:30px; color:#de7f25; cursor:pointer; border:5px solid #de7f25; padding-left:40px; padding-top:10px; padding-bottom:10px; margin-top:20px; } .ce_accordion .toggler:hover{ border:5px solid #ffcc01; color:#ffcc01; } .ce_accordion .toggler::before{ position:absolute; top:10px; left:0px; width:44px; height:44px; content:"+"; font-size:40px; text-align:center; } .ce_accordion .toggler.active{ border:5px solid #ffcc01; color:#ffcc01; } .ce_accordion .toggler.active::before{ content:"-"; } .ui-accordion-content .ce_gallery{ margin-left:0px !important; margin-right:0px !important; } /* Buchnavigation */ .mod_booknav{ font-size: 16px; line-height: normal; font-weight:600; margin: 80px 10px 0px 10px; } .mod_booknav a{ color:#de7f25; } .mod_booknav a:hover{ color:#ffcc01; } .die-menschen .mod_booknav .previous{ opacity:0; } /* Slider */ #slider{ position:relative; /* max-height:80vH; */ padding: 0px 0 0px 0; border:0; } #slider .ce_image, #slider .ce_text{ margin-left:0px !important; margin-right:0px !important; } #slider .ce_caroufredsel{ position:relative; z-index:800; margin-left:0px !important; margin-right:0px !important; } #slider .ce_caroufredsel .ce_image{ margin-left:0px !important; margin-right:0px !important; } #slider .ce_image img{ width:100%; height:auto; } .caroufredsel_controls{ position:absolute; width:100%; top:0px; left:0px; height:100%; overflow:visible; z-index:9999; } .ce_caroufredsel_start .caroufredsel_controls .caroufredsel_pagi{ display:inline-block; position:absolute; bottom:0px; left:0px; width:100%; text-align:center; } .ce_caroufredsel_start .caroufredsel_controls .caroufredsel_pagi a{ display:inline-block; width:10px; height:10px; border-radius:6px; text-indent:-10000px; background:transparent; border: 2px solid #fff; margin-left:5px; margin-right:5px; transition: all .5s; } .ce_caroufredsel_start .caroufredsel_controls .caroufredsel_pagi a:hover, .ce_caroufredsel_start .caroufredsel_controls .caroufredsel_pagi a.selected{ background:#8ac48a; } #slider .caroufredsel_navi{ position:absolute; top:50%; left:0px; width:100%; } #slider .caroufredsel_navi .caroufredsel_prev, #slider .caroufredsel_navi .caroufredsel_next{ opacity:.5; transition:all .2s; } #slider .caroufredsel_navi .caroufredsel_prev:hover, #slider .caroufredsel_navi .caroufredsel_next:hover{ opacity:1; } #slider .caroufredsel_navi .caroufredsel_prev{ position:absolute; left:10px; width:30px; height:55px; margin-top:-27px; background:url(../../files/assets/images/pfeil-links-weiss.png) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; } #slider .caroufredsel_navi .caroufredsel_next{ position:absolute; right:10px; width:30px; height:55px; margin-top:-27px; background:url(../../files/assets/images/pfeil-rechts-weiss.png) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; } /* Sharebuttons */ .sharebuttons{ width:100%; text-align:right; margin-top:10px; padding: 0 10px 0 10px; } .mod_newsreader .sharebuttons{ width:auto; padding: 0; } .sharebuttons > ul.theme > li{ float:none; display:inline-block; } /* Google Maps */ .ce_dlh_googlemaps{ margin-left:0px !important; margin-right:0px !important; margin-top:40px; } /* Layout */ /* Home */ body.home{ background:url(../../files/content/10_home/kinderladen-hoppetosse-hamburg-startseite.webp) no-repeat left bottom transparent; background-size:cover; background-attachment: fixed; } .home #main{ background:transparent; min-height: calc( 100vh - ( var(--header-height) + var(--footer-height) ) ); } .home #main .inside{ background: rgba(255,255,255,.8); } .ce_text.teaser{ background:#212a26; color:#fff; margin-top:20px; margin-bottom:20px; } .ce_text.teaser a{ color:#fff; display:block; } .ce_text.teaser:hover a, .ce_text.teaser a:hover{ color:#8ac48a; } .ce_text.teaser .inn{ padding: 0 20px; } .home .ce_text.teaser .image_container{ max-width:60%; } .home #kindersprueche{ padding-top:43px; font-family: 'Delicious Handrawn'; } .home #kindersprueche h3{ font-family: 'Delicious Handrawn'; } .home #kindersprueche .ce_text{ display:none; margin-left:0px; margin-right:0px; font-weight:400; font-size:1.4em; line-height:1.4em; } .home #kindersprueche .ce_text.active{ display:block; } /* Verein */ .verein #verein{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); background:url(../../files/content/20_verein/kinderladen-hoppetosse-hamburg-verein.webp) no-repeat right bottom transparent; background-size: 460px auto; padding-bottom:300px; box-sizing:border-box; } .verein #verein .ce_text{ box-sizing:border-box; padding-right:40%; } @media (min-width:990px) and (max-width:1352px) { } @media (max-width:989px) { .verein #verein{ background:url(../../files/content/20_verein/kinderladen-hoppetosse-hamburg-verein.webp) no-repeat right bottom transparent; background-size: 60% auto; padding-bottom:480px; } .verein #verein .ce_text{ padding-right:0%; } } @media (max-width:767px) { .verein #verein{ padding-bottom:60%; } .verein #verein{ background:url(../../files/content/20_verein/kinderladen-hoppetosse-hamburg-verein.webp) no-repeat right bottom transparent; background-size: 70% auto; padding-bottom:500px; } } /* Tagesablauf */ .tagesablauf #tagesablauf{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); background:url(../../files/content/30_tagesablauf/kinderladen-hoppetosse-hamburg-tagesablauf-pippi.webp) no-repeat right 20px top 0px transparent; background-size: 240px auto; padding-bottom:60px; box-sizing:border-box; } .tagesablauf #tagesablauf .ce_text{ box-sizing:border-box; padding-right:25%; } @media (max-width:1352px) { } @media (max-width:989px) { .tagesablauf #tagesablauf{ background:url(../../files/content/30_tagesablauf/kinderladen-hoppetosse-hamburg-tagesablauf-pippi.webp) no-repeat right bottom transparent; background-size: 240px auto; padding-bottom:500px; } .tagesablauf #tagesablauf .ce_text{ box-sizing:border-box; padding-right:0%; } } @media (max-width:767px) { .tagesablauf #tagesablauf{ background:url(../../files/content/30_tagesablauf/kinderladen-hoppetosse-hamburg-tagesablauf-pippi.webp) no-repeat right bottom transparent; background-size: 240px auto; padding-bottom:580px; } } /* Räume */ .raeume #raeume{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); background:url(../../files/content/40_raeume/kinderladen-hoppetosse-hamburg-raeume-haus.webp) no-repeat right 10px top 80px transparent; background-size: 400px auto; padding-bottom:60px; box-sizing:border-box; } .raeume #raeume .ce_text{ box-sizing:border-box; padding-right:35%; } @media (max-width:1352px) { } @media (max-width:989px) { .raeume #raeume{ background:url(../../files/content/40_raeume/kinderladen-hoppetosse-hamburg-raeume-haus.webp) no-repeat right 10px bottom transparent; background-size: 400px auto; padding-bottom:300px; } .raeume #raeume .ce_text{ box-sizing:border-box; padding-right:0%; } } @media (max-width:767px) { .raeume #raeume{ padding-bottom:400px; } } /* Pädagogik */ .paedagogik #paedagogik{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); background:url(../../files/content/50_paedagogik/kinderladen-hoppetosse-hamburg-paedagogik-pippi.webp) no-repeat right top 40px transparent; background-size: 320px auto; padding-bottom:60px; box-sizing:border-box; } .paedagogik #paedagogik .ce_text{ box-sizing:border-box; padding-right:30%; } @media (max-width:1352px) { .paedagogik #paedagogik .ce_text{ padding-right:30%; } } @media (max-width:989px) { .paedagogik #paedagogik{ background:url(../../files/content/50_paedagogik/kinderladen-hoppetosse-hamburg-paedagogik-pippi.webp) no-repeat right bottom transparent; background-size: 320px auto; padding-bottom:480px; } .paedagogik #paedagogik .ce_text{ box-sizing:border-box; padding-right:0%; } } @media (max-width:767px) { .paedagogik #paedagogik{ padding-bottom:500px; } } /* Essen */ .essen #essen{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); background:url(../../files/content/60_essen/kinderladen-hoppetosse-hamburg-essen-pippi.webp) no-repeat right 20px top 20px transparent; background-size: 400px auto; box-sizing:border-box; padding-bottom:60px; } .essen #essen .ce_text{ box-sizing:border-box; padding-right:40%; } @media (max-width:1352px) { .essen #essen .ce_text{ box-sizing:border-box; padding-right:35%; } } @media (max-width:989px) { .essen #essen{ min-height:1px; background:url(../../files/content/60_essen/kinderladen-hoppetosse-hamburg-essen-pippi.webp) no-repeat right bottom transparent; background-size: 400px auto; padding-bottom:300px; } .essen #essen .ce_text{ box-sizing:border-box; padding-right:0%; } } @media (max-width:767px) { .essen #essen{ padding-bottom:300px; } } /* Team */ .team #team{ padding-bottom:60px; } .team #team .ce_text{ box-sizing:border-box; padding-right:25%; } @media (max-width:1352px) { } @media (max-width:989px) { .team #team{ } .team #team .ce_text{ box-sizing:border-box; padding-right:0%; } } @media (max-width:767px) { .team #team{ padding-bottom:640px; } } /* Kontakt */ .kontakt #kontakt{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); background:url(../../files/content/80_kontakt/kinderladen-hoppetosse-hamburg-kontakt-pippi.webp) no-repeat right 20px top 40px transparent; background-size: 380px auto; padding-bottom:60px; box-sizing:border-box; } .kontakt #kontakt .ce_text{ box-sizing:border-box; padding-right:30%; } @media (max-width:1352px) { } @media (max-width:989px) { .kontakt #kontakt{ background:url(../../files/content/80_kontakt/kinderladen-hoppetosse-hamburg-kontakt-pippi.webp) no-repeat right bottom transparent; background-size: 380px auto; padding-bottom:580px; } .kontakt #kontakt .ce_text{ box-sizing:border-box; padding-right:0%; } } @media (max-width:767px) { .kontakt #kontakt{ } } .mod_c4g_maps .c4g_map{ height:800px !important; } /* Aktuelles */ .aktuelles #aktuelles, .aktuell #aktuell{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); } /* Termine */ .termine #termine, .termin #termin{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); } /* Jobs */ .jobs #jobs, .job #jobs{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); } .mod_plenta_jobs_basic_offer_reader .ce_text{ margin-left:0px; margin-right:0px; } .mod_plenta_jobs_basic_offer_reader .back{ margin-top:30px; font-weight:500; } /* Rechtliche Seiten und Login-Bereich */ .impressum #impressum, .datenschutz #datenschutz, .login #login{ min-height: calc( 100vh - ( var(--header-height) + var(--footer-height)) - 80px ); } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../files/assets/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../../files/assets/fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../files/assets/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../../files/assets/fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../files/assets/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../../files/assets/fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../../files/assets/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../../files/assets/fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../../files/assets/fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../../files/assets/fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/assets/fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/assets/fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../../files/assets/fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/assets/fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* delicious-handrawn-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Delicious Handrawn'; font-style: normal; font-weight: 400; src: url('../../files/assets/fonts/delicious-handrawn-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /*! * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ /** * Since fieldset borders are removed in the reset style sheet, adjust the * legends accordingly */ legend { width:100%; display:block; font-weight:bold; border:0; } .ce_form{ margin-top:20px; } .required{ font-size:.8em; font-style:italic; } /** * 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:3px 6px; background:#fff; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 1px #eee; -webkit-box-shadow:inset 0 1px 1px #eee; box-shadow:inset 0 1px 1px #eee; -moz-transition:all .15s linear; -webkit-transition:all .15s linear; -o-transition:all .15s linear; transition:all .15s linear; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus, input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus { outline:0; background:#fcfcfc; border-color:#bbb; } /** * 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; padding:8px 15px 8px 14px; margin-bottom:0; text-align:center; vertical-align:middle; color:#fff; cursor:pointer; border:0px solid #ccc; background-color:#3da32c; -moz-transition:background .15s linear; -webkit-transition:background .15s linear; -o-transition:background .15s linear; transition:background .15s linear; } form button:hover,input[type="submit"]:hover,.button:hover { background-color:#de7f25; } form button:active,input[type="submit"]:active,.button:active { background-color:#de7f25; } /** * Blue buttons */ form button.blue,input[type="submit"].blue,.button.blue { background-color:#2f96b4; background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4); background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4); background-image:-o-linear-gradient(top, #5bc0de, #2f96b4); background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); border-color:#2f96b4; color:#fff; } form button.blue:active,input[type="submit"].blue:active,.button.blue:active { background-color:#2e95b3; } /** * Green buttons */ form button.green,input[type="submit"].green,.button.green { background-color:#51a351; background-image:-moz-linear-gradient(top, #62c462, #51a351); background-image:-webkit-linear-gradient(top, #62c462, #51a351); background-image:-ms-linear-gradient(top, #62c462, #51a351); background-image:-o-linear-gradient(top, #62c462, #51a351); background-image:linear-gradient(to bottom, #62c462, #51a351); border-color:#51a351; color:#fff; } form button.green:active,input[type="submit"].green:active,.button.green:active { background-color:#4f9f4f; } /** * Orange buttons */ form button.orange,input[type="submit"].orange,.button.orange { background-color:#f89406; background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-ms-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); border-color:#f89406; color:#fff; } form button.orange:active,input[type="submit"].orange:active,.button.orange:active { background-color:#f28f04; } /** * Red buttons */ form button.red,input[type="submit"].red,.button.red { background-color:#bd362f; background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f); background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f); background-image:-o-linear-gradient(top, #ee5f5b, #bd362f); background-image:linear-gradient(to bottom, #ee5f5b, #bd362f); border-color:#bd362f; color:#fff; } form button.red:active,input[type="submit"].red:active,.button.red:active { background-color:#be322b; } /** * Basic form layout */ .widget { margin-bottom:12px; } .widget > label { display:block; margin-bottom:6px; font-weight:bold; } /** * Inline form layout */ .inline-form .widget { display:inline-block; margin-bottom:0; vertical-align:middle; } /** * Horizontal form layout */ .horizontal-form .widget:after { content:""; display:table; clear:both; } .horizontal-form .widget > label { width:20%; float:left; padding:3px 2% 0 0; text-align:right; } .horizontal-form .widget > input,.horizontal-form .widget > textarea { width:78%; float:left; } .horizontal-form .widget > fieldset { margin-left:20%; } #header #hauptnavigation{ display:block; } #header .navigation{ display:none; } .mod_mmenu{ display:none; } @media (min-width:990px) and (max-width:1352px) { #header #hauptnavigation{ font-size:16px !important; line-height:16px !important; } .sf-menu a, .sf-menu span.active, .sf-menu span.submenu, .sf-menu span.trail, .sf-menu span.current, .sf-menu strong.active, .sf-menu strong.submenu, .sf-menu strong.trail, .sf-menu strong.current { padding: 6px 7px 6px 7px !important; } .sf-menu a.last, .sf-menu span.last, .sf-menu strong.last{ padding: 6px 0px 6px 7px !important; } #header.sticky #hauptnavigation{ margin-top:-10px !important; } .teaser-orange, .teaser-rot, .teaser-gruen, .teaser-blau{ padding: 20px 20px 8px 20px !important; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:989px) { #header #hauptnavigation{ display:none !important; } #header .navigation{ display:block !important; } .mod_mmenu{ display:flex; } .home .ce_text.teaser .image_container{ max-width:100% !important; margin: 0 0 20px 0 !important; } .dlh_googlemap { padding-bottom:50% !important; } #topBtn { bottom: 20px !important; right: 20px !important; } #footer{ padding-bottom:80px !important; } .teaser-orange, .teaser-rot, .teaser-gruen, .teaser-blau{ padding: 20px 20px 8px 20px !important; } .subnavbox .content{ padding: 10px 10px 0px 10px !important; } .subnavbox .content h2{ font-size:24px !important; line-height:26px !important; } .schulleitung .teaser-gruen .image_container{ max-width:100% !important; margin-right:0px !important; } #main .ce_text .float_left{ margin-right:20px !important; } #main .ce_text .float_right{ margin-left:20px !important; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { h1{ font-size:30px !important; line-height:normal; } h2{ font-size:22px !important; line-height:normal; } h3{ font-size:18px !important; line-height:normal; } .ce_divider{ width:100% !important; } .mod_booknav{ width:auto !important; margin-top:40px !important; } #header #hauptnavigation{ display:none !important; } #header .navigation{ display:block !important; } .mod_mmenu{ display:flex; } .home .ce_text.teaser .image_container{ max-width:100% !important; margin: 0 0 20px 0 !important; } .dlh_googlemap { padding-bottom:100% !important; } #topBtn { bottom: 10px !important; right: 10px !important; } #footer{ padding-bottom:80px !important; } .mod_newslist .layout_latest .image_container{ max-width:100% !important; margin: 0 20px 20px 20px !important; } #main{ margin-top:90px !important; } #main .ce_text .float_left.image_container, #main .ce_text .float_right.image_container{ max-width:100% !important; height:auto !important; margin:0 !important; float:none !important; } #header{ height:90px !important; } #header #logo, #header.sticky #logo{ padding: 10px 0px 10px 0px !important; } #header #logo img{ height:80px !important; margin-right:0px !important; } #header #logo h2, #header.sticky #logo h2{ font-size:18px !important; line-height:18px !important; margin: 10px 0 0 0 !important; text-align:left !important; } #header .navigation{ top:54px !important; right:10px !important; } #header .navigation .menu-button #hamburger{ display:inline-block; width: 30px !important; height: 25px; cursor: pointer; margin-right:0px; } #header .navigation .menu-button #hamburger span { width: 30px !important; height: 4px; position: relative; top: 0px; left: 0px; margin: 3px 0 3px 0 !important; } .teaser-orange, .teaser-rot, .teaser-gruen, .teaser-blau{ padding: 20px 20px 8px 20px !important; } .mod_newslist .layout_latest h2, .mod_newslist .layout_latest h3{ margin-left:0px !important; margin-right:0px !important; } .mod_eventlist .layout_teaser > *{ margin-left:0px !important; margin-right:0px !important; } #top-footer, #footer{ text-align:center !important; } #footer .mod_customnav li{ float:none !important; } #main .inside{ padding-bottom:40px !important; } .subnavbox{ width:100% !important; } .subnavbox .content{ padding: 10px 10px 0px 10px !important; } }