.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)} 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%} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline} /*! basics.css */ /* ... Classes ... -----------------------------------------------*/ .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block { overflow: hidden; } .float_left { float: left; } .float_right { float: right; } .image_container a, .image_container img { display: block; } /* ... Classes ... END -----------------------------------------------*/ /* ... Reset ... -----------------------------------------------*/ :focus { outline: none; } header, footer, nav, section, aside, article, figure, figcaption { display: block; font-size:1em; line-height:1em; margin-top:1em; } img { max-width: 100%; height: auto; } pre, code, kbd, samp, var, tt { font-family: Consolas, monospace; } ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; } ul { list-style-type: disc; } ul ul { list-style-type: circle; margin-bottom: 0; } ul ul ul { list-style-type: square; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-latin; margin-bottom: 0; } li { margin-left: .8em; line-height: 1.5em; margin-bottom: .67em; list-style: none; } dt { font-weight: bold; } dd { margin: 0 0 1em .8em; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } table { border-collapse: collapse; } th, td { padding: .5em; text-align: left; vertical-align: top; } p { margin: 0 1em 1em; font-size: 0.75rem; line-height: 1.4; } /* ... Reset ... END -----------------------------------------------*/ /*! layout.scss */ /*! ... Framework ... -----------------------------------------------*/ html { overflow-y: scroll; background-color: #999; } body { font-family: 'Open Sans', sans-serif; font-size: .875rem; line-height: 1.4; } #wrapper { max-width: 100%; margin: 0 auto; padding-bottom: 1.25rem; overflow-y: hidden; min-height: 100vh; } #container { display: flex; } #main { flex-grow: 1; background-color: #999; } #left { order: -1; min-width: 38.2%; flex-basis: 38.2%; /* ie */ } #header .inside, #container { background-color: #fff; } #header { padding: 0rem 0 .75rem; } #header .inside { } main .inside { padding: 0rem; padding-bottom:4rem; } #left .inside { } #footer{ position:fixed; left:0; bottom:0; width:100%; background:#999; } footer .inside { padding:0 0 1rem 1rem; } /*! ... Framework ... END -----------------------------------------------*/ /*! ... Vertical spaces ... -----------------------------------------------*/ #container .mod_article { margin-bottom: 1.5rem; } #container .mod_article > * { margin-bottom: 1.5em; } #container .ce_headline { margin: .67em 0; } .image_container { margin-top: 1em; } main .mod_article { } /*! ... Vertical spaces ... END -----------------------------------------------*/ /*! ... Typo ... -----------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-size: 1em; } h1 { font-weight: normal; font-size: 2rem; } h2 { font-size: 2.5rem; text-transform:uppercase; line-height:2.5rem; margin:1rem 0 0 2rem; padding:0; color:#bfbaba; } h3 { font-size: .875rem; } a { text-decoration: underline; /*border-bottom: 1px dashed #000;*/ color:#000; } /*! * #container a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #E4008F; transition: all .2s ease 0s; } /*! */ a:focus, a:hover { color: #000; } #container a:focus::after, #container a:hover::after { background-color: #000; } #container .ce_headline { margin-left: 0.5em; } /*! ... Typo ... END -----------------------------------------------*/ /*! ... Columns ... -----------------------------------------------*/ .mod_article { display: flex; flex-flow: row wrap; } .mod_article > * { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ box-sizing: border-box; } .mod_article .left, .mod_article .right { width: 50%; max-width: 50%; /* ie */ flex-basis: 50%; /* ie */ } .left { padding-right: 1rem; } .right { padding-left: 1rem; } .mod_article > div.ce_text, .layout_latest { display: flex; /*! flex-flow: row wrap; */ flex-flow: row nowrap; /*! align-items: flex-end; */ margin-bottom: 0rem; border-bottom: 1px dotted; padding-bottom: 0rem; } .mod_article > div.ce_text.figure_above, .layout_latest.figure_above, .mod_article > div.ce_text.figure_below, .layout_latest.figure_below { flex-wrap: wrap; } .mod_article > div.ce_text.last, .layout_latest.last, div.ce_text.left, div.ce_text.right { border: 0 none; padding-bottom: 0; } .ce_text .info, .layout_latest .info { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ } figure { /*! width: 50%; */ width: auto; /* max-width: 50%; ie */ max-width: none; /* ie */ /* flex-basis: 50%; ie */ flex-basis: auto; /* ie */ margin: 0; box-sizing: border-box; margin-bottom: 1rem; align-self: flex-end; flex-shrink: 0; flex-grow: 1; } figure.float_above { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ margin-bottom: 1em; } figure.float_left { padding-right: 1rem; } figure.float_right { order: 1; padding-left: 1rem; } figure.float_below { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ order: 1; } figure.float_right img { margin-left: auto; } .content_wrapper { /*! width: 50%; */ width: 100%; /* max-width: 50%; ie */ max-width: none; /* ie */ /* flex-basis: 50%; ie */ flex-basis: auto; /* ie */ box-sizing: border-box; } .content_wrapper.no_figure { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ } .float_left + .content_wrapper { padding-left: 1rem; } .float_right + .content_wrapper { padding-right: 1rem; } .float_above + .content_wrapper, .float_below + .content_wrapper { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ } .content_wrapper > h2 { margin-top: 0; } .more { order: 2; } .cols_3 > .content_wrapper { display: flex; flex-flow: row wrap; } .cols_3 > .content_wrapper * { flex-basis: 33.3333%; } /*! ... Columns ... END -----------------------------------------------*/ .home-bild{ display: flex; flex-flow: column; max-width: 1024px; margin: 0 auto; padding:0;} /*! ... Footer ... -----------------------------------------------*/ .logo{ position:absolute; top:0rem; margin-left: 15px; z-index:0;} .logo h1{ font-size:3rem; font-weight: bold; color:#777676; } /*! ... Header ... END -----------------------------------------------*/ /* ... RocksolidSlider ... -----------------------------------------------*/ .rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0; background-color:transparent;} .rsts-skin-default .rsts-caption { position: absolute; top: 300px; left: 20px; margin-right: 20px; background-color:transparent; font-size:0.9rem; color:#414040; width:200px; height:auto; } #mein-slider .rsts-crop{ margin-top:0rem; background-color:transparent; } #mein-slider .rsts-thumbs-crop { position:fixed; bottom:88px; overflow: hidden; background-color: grey; } #mein-slider-2 .rsts-crop{ margin-top:52rem; background-color:transparent; } #mein-slider-2 .rsts-thumbs-crop { position:fixed; bottom:88px; overflow: hidden; background-color: grey; } @media only screen and (max-width: 699px) { #mein-slider { width: 100%; height: auto; }} /* ... RocksolidSlider ... END -----------------------------------------------*/ /*! @import '_variables'; */ /* navigation.css */ /*! ... navigation basics ... -----------------------------------------------*/ .pagination ul, .pagination li, nav ul, nav li { margin: 0; padding: 0; list-style: none; display: block; z-index:1000; } /*! * nav li a:after { display: none; } /*! */ /*! ... navigation basics ... END -----------------------------------------------*/ /* ... mainnav (mobile_menu) alle Zustände ... -----------------------------------------------*/ html.mobile_menu_active { overflow-y: hidden; } .mobile_menu_overlay.background { background: rgba(100,100,100, .85); } .mobile_menu .inner { background-color: #999; } .mobile_menu_overlay, .mobile_menu_trigger, .mm-close, .submenu_hide strong { cursor: pointer; } .mobile_menu_trigger { position: fixed; top: 20px; right: 20px; z-index: 9; } .mobile_menu_button { background-color: #bfbaba; width: 32px; height: 32px; overflow: hidden; text-indent: 32px; z-index: 9; white-space: nowrap; } .mobile_menu_trigger::after, .mobile_menu_button::before, .mobile_menu_button::after { content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 28px; height: 4px; background-color: #57585E; border-radius: 1px; transition: all .5s ease 0s; } .mobile_menu_trigger::after { top: 0; bottom: 0; } .mobile_menu_button::before { top: 5px; } .mobile_menu_button::after { bottom: 5px; margin: auto; } .mobile_menu_active .mobile_menu_trigger::after { width: 0; height: 0; } .mobile_menu_active .mobile_menu_button::before { transform: rotate(45deg); top: 0; bottom: 0; } .mobile_menu_active .mobile_menu_button::after { transform: rotate(-45deg); top: 0; bottom: 0; } .mm-close { background-color: #999; margin-left:1rem; } .mm-close figure { padding: 1em; margin: 0; } .mainnav li a, .mainnav strong { display: block; background-color: #999; color: rgba(255, 255, 255, .8); font-size: 1.2rem; position: relative; line-height: 40px; border-bottom: 1px solid rgba(255, 255, 255, .8); text-decoration: none; padding: 0 1em; transition: all .25s ease 0s; } .mainnav li a:focus, .mainnav li a:hover, .mainnav a.trail { background-color: rgba(0, 0, 0, .9); color: rgba(255, 255, 255, 1); } .mainnav strong { background-color: rgba(255, 255, 255, .9); color: rgba(0, 0, 0, .8); font-weight: normal; } .mainnav .submenu > a, .mainnav .submenu > strong { padding-right: 0; } .mainnav .level_2 a, .mainnav .level_2 strong { padding-left: 2em; background-color: rgba(0, 0, 0, .7); } .mainnav .level_2 strong { background-color: rgba(255, 255, 255, .9); } .mainnav .submenu > a::after, .mainnav .submenu > strong::after { content: '›'; display: inline-block; width: 32px; height: 40px; line-height: 40px; text-align: center; } .mainnav .submenu_show > a::after, .mainnav .submenu_show > strong::after { transform: rotate(90deg); text-indent: 4px; } .mainnav .level_3 { display: none; } /* ... mainnav (mobile_menu) alle Zustände ... END -----------------------------------------------*/ /* ... mainnav (mobile_menu) nur Desktop ... -----------------------------------------------*/ @media (min-width: 960px) { .mod_mobile_menu { overflow: visible; } .mobile_menu { width: 100% !important; height: 40px !important; transform: none !important; position: relative; } .mobile_menu .inner { background: transparent; height: 40px; overflow-y: visible; } .mm-close { display: none; } .mainnav { display: flex; flex-direction: column; align-items: end; } .mainnav ul { position:absolute; top:0; } .mainnav li a, .mainnav strong { background-color: transparent; border: 0 none; padding: 0em 1em; text-transform: uppercase; color: #bfbaba; font-size: 1.1rem; letter-spacing:0.1rem; text-align:right; } .mainnav li a:focus, .mainnav li a:hover, .mainnav a.trail, .mainnav strong { background-color: transparent; color: #fff; /* letter-spacing:0.2rem;*/ } } /* ... mainnav (mobile_menu) nur Desktop ... END -----------------------------------------------*/ /*! ... Footer menu ... -----------------------------------------------*/ .footernav ul { display: flex; justify-content: flex-end; } .footernav li a, .footernav strong { display: block; padding: .5em 1em; font-weight: normal; text-decoration: none; color: #57585E; } .footernav li a:focus, .footernav li a:hover, .footernav a.trail, .footernav strong { color: #57585E; } /*! ... Footer menu ... END -----------------------------------------------*/ /*! ... Pagination ... -----------------------------------------------*/ .pagination { margin-top: 2rem; display: flex; flex-wrap: wrap; } .pagination ul { display: flex; flex-wrap: wrap; justify-content: flex-end; flex-grow: 1; } .pagination li a, .pagination span { display: block; padding: .5em .75em; text-decoration: none; text-align: center; min-width: .6875rem; background-color: rgba(255, 255, 255, .2); white-space: nowrap; } .pagination li a:focus, .pagination li a:hover { background-color: rgba(255, 255, 255, .4); } .pagination span { background-color: transparent; } /*! ... Pagination ... END -----------------------------------------------*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*! responsive.css */ /* ... 901px and more ... -----------------------------------------------*/ @media (min-width: 901px) { .mm-top { display: none; } #header{ display:none; } } /* ... 901px and more ...END -----------------------------------------------*/ /* ... 900px and less ... -----------------------------------------------*/ @media (max-width: 900px) { #wrapper{ padding:0; } #header .inside{ background-color: #999; } #header h1{ font-size:2rem; text-transform:uppercase; color:#bfbaba; float: left; margin-left:0rem; margin-top:1rem; } h2 { display:none; /*font-size: 1.7rem; line-height: 2.5rem; margin: 0 0 1rem 0;*/ } .logo-mobil a{ margin-left:20px; text-decoration:none; color:#bfbaba;} .mobilenav.block { position: relative; top: 6rem; } #footer{ display:none; } } /* ... 900px and less ... END -----------------------------------------------*/ /* ... 799 and less ... -----------------------------------------------*/ @media (max-width: 799px) { #wrapper{ padding:0; } #header .inside{ background-color: #999; } #header h1{ font-size:2rem; text-transform:uppercase; color:#bfbaba; float: left; margin-left:0rem; margin-top:1rem; position: relative; top: 2rem; } h2 { display:none; /*font-size: 1.7rem; line-height: 2.5rem; margin: 0 0 1rem 0;*/ } #footer{ display:none; } .mod_article > div.ce_text, .layout_latest { flex-wrap: wrap; } figure, .content_wrapper { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ } .mod_article .left, .mod_article .right { width: 100%; max-width: 100%; /* ie */ flex-basis: 100%; /* ie */ } .ie .mod_article .left, .ie .mod_article .right { max-width: 100%; flex-basis: 100%; } figure.float_right { order: 0; } figure.float_right img { margin-left: 0; } .left, .right, figure.float_left, figure.float_right, .float_left + .content_wrapper, .float_right + .content_wrapper { padding: 0; } .ce_gallery ul.cols_5, .ce_gallery ul.cols_6, .ce_gallery ul.cols_7 .ce_gallery ul.cols_8 { grid-template-columns: repeat(4, 1fr); } .cols_3 > .content_wrapper * { flex-basis: 50%; } .ce_text{width:100%} .logo-mobil a{ margin-left:20px; text-decoration:none; color:#bfbaba;} .mobilenav.block { position: relative; top: 6rem; } /* ... RocksolidSlider ... -----------------------------------------------*/ .rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{ position:absolute; left:0; top:0; background-color:transparent;} .rsts-skin-default .rsts-caption { position: absolute; top:auto; left: 0px; margin: 20px 0 0 0px; background-color:transparent; font-size:0.9rem; width:auto; height:auto; } #mein-slider .rsts-crop{ margin-top:0rem; background-color:transparent; } #mein-slider .rsts-thumbs-crop { position:fixed; bottom:-1px; overflow: hidden; background-color: transparent; } #mein-slider-2 .rsts-crop{ margin-top:52rem; background-color:transparent; } #mein-slider-2 .rsts-thumbs-crop { position:fixed; bottom:88px; overflow: hidden; background-color: grey; } } /* ... 799 and less ... END -----------------------------------------------*/ /* ... 399 and less ... -----------------------------------------------*/ @media (max-width: 399px) { #header .inside, #container .inside { padding-left: 1rem; padding-right: 1rem; } .ce_gallery ul { grid-gap: 1rem; } .ce_gallery ul[class*='cols_'] { grid-template-columns: repeat(2, 1fr); } * { word-wrap: break-word; } .cols_3 > .content_wrapper * { flex-basis: 100%; } .ce_text{width:100%} } /* ... 399 and less ... END -----------------------------------------------*/