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)} .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} /** * CLICKPRESS CSS-Grid * @author: Stefan Schulz-Lauterbach * * thanks to Dinko Skopljak for co-working */ .justify-items-start { justify-items: start; } .justify-items-center { justify-items: center; } .justify-items-end { justify-items: end; } .justify-items-stretch { justify-items: stretch; } .content-start { align-content: start; } .content-center { align-content: center; } .content-end { align-content: end; } .items-start { align-items: start; } .items-center { align-items: center; } .items-end { align-items: end; } .items-stretch { align-items: stretch; } .items-baseline { align-items: baseline; } [class*=grid_] { display: grid; grid-gap: 1rem; } [class*=grid_] > .block { margin-bottom: 0; } @media (min-width: 576px) { .grid_mobile_100 { grid-template-columns: 1fr; } .grid_mobile_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_mobile_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_mobile_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_mobile_75_25 { grid-template-columns: 3fr 1fr; } .grid_mobile_25_75 { grid-template-columns: 1fr 3fr; } .grid_mobile_66_33 { grid-template-columns: 2fr 1fr; } .grid_mobile_33_66 { grid-template-columns: 1fr 2fr; } .grid_mobile_60_40 { grid-template-columns: 3fr 2fr; } .grid_mobile_40_60 { grid-template-columns: 2fr 3fr; } .grid_mobile_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_mobile_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_mobile_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_mobile_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_mobile_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_mobile_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .gap_mobile_0 { grid-gap: 0; } .gap_mobile_1 { grid-gap: 1rem; } .gap_mobile_2 { grid-gap: 2rem; } .gap_mobile_3 { grid-gap: 3rem; } .gap_mobile_4 { grid-gap: 4rem; } .gap_mobile_5 { grid-gap: 5rem; } .gap_mobile_6 { grid-gap: 6rem; } .gap_mobile_7 { grid-gap: 7rem; } .gap_mobile_8 { grid-gap: 8rem; } .gap_mobile_9 { grid-gap: 9rem; } .gap_mobile_10 { grid-gap: 10rem; } .gap_mobile_11 { grid-gap: 11rem; } .gap_mobile_12 { grid-gap: 12rem; } } @media (min-width: 768px) { .grid_tablet_100 { grid-template-columns: 1fr; } .grid_tablet_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_tablet_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_tablet_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_tablet_75_25 { grid-template-columns: 3fr 1fr; } .grid_tablet_25_75 { grid-template-columns: 1fr 3fr; } .grid_tablet_66_33 { grid-template-columns: 2fr 1fr; } .grid_tablet_33_66 { grid-template-columns: 1fr 2fr; } .grid_tablet_60_40 { grid-template-columns: 3fr 2fr; } .grid_tablet_40_60 { grid-template-columns: 2fr 3fr; } .grid_tablet_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_tablet_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_tablet_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_tablet_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_tablet_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_tablet_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_tablet_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_tablet_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_tablet_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .gap_tablet_0 { grid-gap: 0; } .gap_tablet_1 { grid-gap: 1rem; } .gap_tablet_2 { grid-gap: 2rem; } .gap_tablet_3 { grid-gap: 3rem; } .gap_tablet_4 { grid-gap: 4rem; } .gap_tablet_5 { grid-gap: 5rem; } .gap_tablet_6 { grid-gap: 6rem; } .gap_tablet_7 { grid-gap: 7rem; } .gap_tablet_8 { grid-gap: 8rem; } .gap_tablet_9 { grid-gap: 9rem; } .gap_tablet_10 { grid-gap: 10rem; } .gap_tablet_11 { grid-gap: 11rem; } .gap_tablet_12 { grid-gap: 12rem; } } @media (min-width: 992px) { .grid_desktop_100 { grid-template-columns: 1fr; } .grid_desktop_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_desktop_75_25 { grid-template-columns: 3fr 1fr; } .grid_desktop_25_75 { grid-template-columns: 1fr 3fr; } .grid_desktop_66_33 { grid-template-columns: 2fr 1fr; } .grid_desktop_60_40 { grid-template-columns: 3fr 2fr; } .grid_desktop_40_60 { grid-template-columns: 2fr 3fr; } .grid_desktop_33_66 { grid-template-columns: 1fr 2fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_desktop_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_desktop_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_desktop_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_desktop_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_desktop_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .grid_desktop_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_desktop_40_20_20_20 { grid-template-columns: 2fr 1fr 1fr 1fr; } .grid_desktop_20_40_20_20 { grid-template-columns: 1fr 2fr 1fr 1fr; } .grid_desktop_20_20_40_20 { grid-template-columns: 1fr 1fr 2fr 1fr; } .grid_desktop_20_20_20_40 { grid-template-columns: 1fr 1fr 1fr 2fr; } .grid_desktop_20_20_20_20_20 { grid-template-columns: repeat(5, 1fr); } .gap_desktop_0 { grid-gap: 0; } .gap_desktop_1 { grid-gap: 1rem; } .gap_desktop_2 { grid-gap: 2rem; } .gap_desktop_3 { grid-gap: 3rem; } .gap_desktop_4 { grid-gap: 4rem; } .gap_desktop_5 { grid-gap: 5rem; } .gap_desktop_6 { grid-gap: 6rem; } .gap_desktop_7 { grid-gap: 7rem; } .gap_desktop_8 { grid-gap: 8rem; } .gap_desktop_9 { grid-gap: 9rem; } .gap_desktop_10 { grid-gap: 10rem; } .gap_desktop_11 { grid-gap: 11rem; } .gap_desktop_12 { grid-gap: 12rem; } } /*# sourceMappingURL=clickpress-grid.css.map */ #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} /* ########### FONTS ########### */ @font-face { font-family: Rubik Regular; font-style: normal; font-weight: 400; font-display: swap; src: local("Rubik Regular"), url(../../files/themes/sdw-rbk/fonts/Rubik-Regular.ttf) format("truetype"); } @font-face { font-family: Rubik Regular italic; font-style: italic; font-weight: 400; font-display: swap; src: local("Rubik Regular italic"), url(../../files/themes/sdw-rbk/fonts/Rubik-Italic.ttf) format("truetype"); } @font-face { font-family: Rubik Medium; font-style: normal; font-weight: 500; font-display: swap; src: local("Rubik Medium"), url(../../files/themes/sdw-rbk/fonts/Rubik-Medium.ttf) format("truetype"); } @font-face { font-family: Rubik Medium italic; font-style: italic; font-weight: 500; font-display: swap; src: local("Rubik Medium italic"), url(../../files/themes/sdw-rbk/fonts/Rubik-MediumItalic.ttf) format("truetype"); } @font-face { font-family: Rubik Semi Bold; font-style: normal; font-weight: 600; font-display: swap; src: local("Rubik Semi Bold"), url(../../files/themes/sdw-rbk/fonts/Rubik-SemiBold.ttf) format("truetype"); } @font-face { font-family: Rubik Semi Bold italic; font-style: italic; font-weight: 600; font-display: swap; src: local("Rubik Semi Bold italic"), url(../../files/themes/sdw-rbk/fonts/Rubik-SemiBoldItalic.ttf) format("truetype"); } /* ########### COMMON ########### */ @media print, screen { *:before, *:after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; } body { font-size: 16px; font-family: "Rubik Regular", sans-serif; line-height: 1.5; color: #4d3f39; background-color: #f7f8e5; height: 100%; } #wrapper { position: relative; min-height: 100%; margin: 0 auto; } #container { /*padding-bottom: clamp(5em, 7em, 10em);*/ /*padding-bottom: 10em;*/ } #main { margin-bottom: 3em; } #footer { position: absolute; bottom: 0; width: 100%; background-color: #c4d681; /*min-height: 3em;*/ /*height: clamp(3em, 7em, 10em);*/ /*height: 10em;*/ } #footer .inside { max-width: 1920px; margin-right: auto; margin-left: auto; } #footer p { margin-bottom: 0; } #footer .ft { /*height: clamp(3em, 7em, 10em);*/ /*height: 10em;*/ align-items: center; } #footer .ft svg { width: 2em; height: 2em; } #footer .ft .social p { /*display: inline;*/ text-align: center; } .layout_full a, .mod_article .content-text a, .mod_article .content-hyperlink a { /*color: #84a311;*/ color: #03437c; font-weight: 600; text-decoration: none; /*overflow-wrap: break-word;*/ } .layout_full a:hover, .mod_article .content-text a:hover, .mod_article .content-hyperlink a:hover { color: #84a311; } h1.content-headline { color: #84a311; text-align: center; text-transform: uppercase; font-weight: 600; } .mod_article.page h1.content-headline { margin-top: 0; } .mod_article.page h2.content-headline { margin-top: 1em; margin-bottom: 0.5em; font-size: 1.25em; font-weight: 600; } h2 a { color: #03437c; font-size: 1em; font-weight: 600; text-decoration: none; } h2 a:hover { color: #84a311; } h3 { margin-top: 0; font-size: 1.25em; font-weight: 600; } figure:not(.startseite .mod_eventlist figure) { margin-bottom: 1em; } .back { display: flex; justify-content: center; text-align: center; margin-top: 2em; } .back a { color: #fff; text-decoration: none; font-weight: 600; background-color: #03437c; padding: 1em; } .back a:hover { background-color: #84a311; } .mod_article.page { background-color: #fff; border: 1px solid #a9bdca; padding: 0 1em 0; } .mod_article .layout_latest, .mod_article .layout_list { margin-top: 3em; background-color: #fff; /*-webkit-clip-path: inset(0 0 0 0 round 10px);*/ /*clip-path: inset(0 0 0 0 round 10px);*/ border: 1px solid #a9bdca; /*border-radius: 15px;*/ } /*.startseite .mod_newslist .info,*/ .mod_newslist .info, .mod_eventlist .time:not(.startseite .mod_eventlist .time), .mod_newslist .ce_text, .mod_eventlist .ce_text:not(.startseite .mod_eventlist .ce_text), .mod_newslist .more, .mod_eventlist .more:not(.startseite .mod_eventlist .more) { padding: 0 1em 0; /*padding: 1em;*/ } .mod_newslist h2, .mod_eventlist h2:not(.startseite .mod_eventlist h2) { padding: 0 0.5em 0; } .mod_newslist h3 { padding: 0 0.75em 0; } .mod_newsreader h2, .mod_eventreader h2 { color: #84a311; font-weight: 600; } nav.pagination { display: grid; margin-top: 2em; } .pagination p { justify-self: end; margin-right: 1em; } .pagination ul li { float: left; margin-bottom: 2em; } .pagination ul li a, .pagination ul li a:visited, .pagination ul li a:active { float: left; display: block; margin-left: 1em; padding: 1em 1.5em; background-color: #03437c; text-decoration: none; color: #ffffff; } .pagination ul li a:hover { background-color: #84a311; text-decoration: none; color: #ffffff; } .pagination strong.active { display: block; margin-left: 1em; padding: 1em 1.5em; background-color: #84a311; color: #ffffff; } .ce_form.kontaktformular fieldset, .registration-form fieldset { margin-top: 2em; padding: 2em; border: 1px solid #a9bdca; } .ce_form.kontaktformular legend, .registration-form legend { margin-left: 20px; padding-right: 10px; padding-left: 10px; } .ce_form.kontaktformular label, .ce_form.kontaktformular span.spamschutz, .registration-form label, .registration-form span.spamschutz { display: block; /*padding: 2em 0 0.5em;*/ } .ce_form.kontaktformular label, .ce_form.kontaktformular span.spamschutz, .registration-form label:not(.widget-select label, .widget-radio label), .registration-form span.spamschutz { padding: 2em 0 0.5em; } .ce_form.kontaktformular .explanation, .ce_form.kontaktformular label.spamschutz, .registration-form .explanation, .registration-form label.spamschutz { padding: 10px 0 4px; } .ce_form.kontaktformular select, .registration-form select { -moz-appearance: none; -webkit-appearance: none; background: white; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 10px center; background-size: 20px; border: 1px solid #a9bdca; border-radius: 0; cursor: pointer; padding: 1em; color: #8e8e8e; /*&:focus-visible { color: #000; }*/ } .ce_form.kontaktformular select:focus-visible, .registration-form select:focus-visible { color: #000; } .ce_form.kontaktformular option, .registration-form option { color: #757575; } .ce_form.kontaktformular [type="radio"]:checked, .ce_form.kontaktformular [type="radio"]:not(:checked), .registration-form [type="radio"]:checked, .registration-form [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .ce_form.kontaktformular [type="radio"]:checked + label, .ce_form.kontaktformular [type="radio"]:not(:checked) + label, .registration-form [type="radio"]:checked + label, .registration-form [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; padding-bottom: 1em; cursor: pointer; line-height: 20px; display: block; color: #666; } .ce_form.kontaktformular [type="radio"]:checked + label:before, .ce_form.kontaktformular [type="radio"]:not(:checked) + label:before, .registration-form [type="radio"]:checked + label:before, .registration-form [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; /*top: 0;*/ width: 18px; height: 18px; border: 1px solid #03437c; border-radius: 100%; background: #fff; } .ce_form.kontaktformular [type="radio"]:checked + label:after, .ce_form.kontaktformular [type="radio"]:not(:checked) + label:after, .registration-form [type="radio"]:checked + label:after, .registration-form [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #84a311; position: absolute; /*top: 4px;*/ top: 3px; /*left: 4px;*/ left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .ce_form.kontaktformular [type="radio"]:not(:checked) + label:after, .registration-form [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .ce_form.kontaktformular [type="radio"]:checked + label:after, .registration-form [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ce_form.kontaktformular .widget-checkbox input[type=checkbox], .registration-form .widget-checkbox input[type=checkbox] { /*--height: 2.1875em;*/ --height: 1.5em; --width: 0.8; appearance: none; background-color: #e5e5e5; height: var(--height); width: calc(var(--height) * calc(1 + var(--width))); border: 0; border-radius: 99em; display: block; transition: background-color 100ms ease-in-out; cursor: pointer; } .ce_form.kontaktformular .widget-checkbox input[type=checkbox]::after, .registration-form .widget-checkbox input[type=checkbox]::after { content: ""; display: block; aspect-ratio: 1; background-color: white; border: max(2px, 0.125em) solid #03437c; height: 100%; border-radius: 50%; transition: translate 100ms ease-in-out; } .ce_form.kontaktformular .widget-checkbox input[type=checkbox]:checked, .registration-form .widget-checkbox input[type=checkbox]:checked { background-color: #84a311; } .ce_form.kontaktformular .widget-checkbox input[type=checkbox]:checked::after, .registration-form .widget-checkbox input[type=checkbox]:checked::after { border-color: #84a311; background-color: white; translate: calc(var(--height) * var(--width)) 0; } /*.registration-form .widget-checkbox span:nth-child(4n+3) { display: block; }*/ .ce_form.kontaktformular input:not(input[type=checkbox]), .ce_form.kontaktformular textarea, .registration-form input:not(input[type=checkbox]), .registration-form textarea { padding: 1em; border: 1px solid #a9bdca; } .ce_form.kontaktformular input:focus-visible, .registration-form input:focus-visible, .ce_form.kontaktformular select:focus-visible, .registration-form select:focus-visible { outline: 2px solid #03437c!important; } .ce_form.kontaktformular button.submit, .registration-form button.submit { display: block; margin-top: 2em; border: 0; color: #fff; font-weight: 600; background-color: #03437c; padding: 1em; } .ce_form.kontaktformular button.submit:hover, .registration-form button.submit:hover { background-color: #84a311; cursor: pointer; } .ce_form.kontaktformular p.error, .registration-form p.error { color: #BC0D0D; font-weight: 600; } .ce_form.kontaktformular input.error, .ce_form.kontaktformular textarea.error, .registration-form input.error, .registration-form textarea.error { border: 1px solid #BC0D0D; } .ce_form.kontaktformular .widget-captcha span:not(.ce_form.kontaktformular .widget-captcha span.mandatory), .registration-form .widget-captcha span:not(.registration-form .widget-captcha span.mandatory) { display: block; } .form-confirmation { background-color: #edf4f8; padding: 2em; margin-top: 2em; } .waiting-list, .cannot-register { background-color: #ffd6d1; padding: 2em; margin-top: 2em; font-weight: 600; } th { background-color: #84a311; padding: 0.5em; color: #ffffff; font-weight: 500; } tr:nth-child(odd) { background-color: #c4d681; } td { padding: 0.5em; } sup { vertical-align: super; } sub { vertical-align: sub; } .mod_newsreader figcaption, .mod_eventreader figcaption { font-size: 0.75em; color: #6c757d; margin-bottom: 2em; } .mod_newslist figcaption, .mod_eventlist figcaption { display: none; } .startseite .event.layout_list { position: relative; } .startseite .ribbon-wrapper { width: 120px; height: 120px; overflow: hidden; position: absolute; top: -1px; left: -1px; } .startseite .ribbon { font: bold 15px sans-serif; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 7px 0; top: 30px; left: -40px; width: 170px; background-color: #03437c; color: #fff; } .mod_article .content-list ul, .mod_article .content-text ul { padding-left: 30px; list-style-type: square; } .more { display: inline-block; margin-top: 2em; margin-bottom: 3em; /*background-color: #03437c;*/ /*color: #fff;*/ /*margin-left: 1em;*/ } .more a:hover { background-color: #84a311; } .more a{ color: #fff; text-decoration: none; font-weight: 600; /*margin: 1em;*/ background-color: #03437c; padding: 1em; } .eventinfo { margin-top: 2em; background-color: #c4d681; } .content-cookiebar-opener { margin-bottom: 1em; text-align: center; } .ce_cookiebar_opener a, .content-cookiebar-opener a { display: inline-block; padding: 1em; background-color: #03437c; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: 600; } .ce_cookiebar_opener a:hover, .content-cookiebar-opener a:hover { text-decoration: none; background-color: #84a311; } .social p:first-of-type { margin-bottom: 0.5em !important; } .social a { margin-left: 0.5em; margin-right: 0.5em; } } /* ########### SMALL ########### */ @media screen and (max-width:602px) { #container { padding-bottom: 12em; } .mod_article.page, .mod_newsreader .layout_full, .mod_eventreader .layout_full, .mod_event_registration_confirm, .mod_event_registration_cancel { margin-top: 3em; max-width: 800px; margin-right: auto; margin-left: auto; background-color: #fff; border: 1px solid #a9bdca; /*border-radius: 15px;*/ padding: 1em; } .startseite .mod_eventlist .time, .startseite .mod_eventlist .ce_text, .startseite .mod_eventlist .more { padding: 0 1em 0; } .startseite .mod_eventlist h2 { padding: 0 0.5em 0; } h2 { margin-top: 0; } .eventinfo { padding: 1em; } .ce_form.kontaktformular fieldset, .registration-form fieldset { padding: 1em; } .ce_form.kontaktformular input:not([type="checkbox"]), .ce_form.kontaktformular textarea, .registration-form input:not([type="checkbox"]), .registration-form textarea { width: 90%; } .ce_form.kontaktformular select, .registration-form select { width: 75%; } #footer { height: 12em; } #footer .ft { height: 12em; } #footer .ft .copyright { text-align: center; } } /* ########### SMALL-MEDIUM ########### */ @media screen and (max-width:1024px) { #header { /*height: 500px;*/ max-width: 100%; margin-right: auto; margin-left: auto; /*margin-top: 20px;*/ background-image: url("/files/themes/sdw-rbk/layout/header-sdw_3.jpg"); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -99; } #header .inside { background-color: rgba(247, 248, 229, 0.7); } #header .mod_navigation.main, /*#footer .mod_customnav,*/ #footer .footernav { display: none; } .head-wrapper { height: 200px; } .logo { /*float: left;*/ margin-top: 1em; margin-left: 1em; height: 120px; /*background-color: #c4d681;*/ /*width: 120px;*/ } .logo .site-title { /*float: left;*/ margin-top: -5px; margin-bottom: 0; color: #03437c; font-size: 20px; font-weight: 600; } .logo .site-desc { /*float: left;*/ margin-bottom: 0; color: #03437c; } /* .responsive-menubutton { right: 20px; top: 78px; position: absolute; } */ .responsive-menubutton { width: 60px; height: 45px; /*right: 20px;*/ right: 1em; /*top: -20px;*/ top: 1em; position: absolute; /*position: relative;*/ /*margin: 50px auto;*/ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .responsive-menubutton span { display: block; position: absolute; height: 9px; width: 100%; background: #03437c; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .responsive-menubutton span:nth-child(1) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .responsive-menubutton span:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .responsive-menubutton span:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .mobile_menu_trigger.active .responsive-menubutton span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; right: 8px; } .mobile_menu_trigger.active .responsive-menubutton span:nth-child(2) { width: 0; opacity: 0; } .mobile_menu_trigger.active .responsive-menubutton span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; right: 8px; } .mod_mobile_menu { float: right; display: inline-block; margin-top: 35px; margin-right: 10px; } .mobile_menu .inner { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ padding-top: 10px; padding-left: 10px; background-color: #c4d681; } .mobile_menu .inner::-webkit-scrollbar { display: none; } .mobile_menu .mod_navigation.main li a { font-size: 1em; text-decoration: none; text-transform: uppercase; color: #03437c; font-weight: 600; } .mobile_menu .mod_navigation.main li .active, .mobile_menu .mod_navigation.main li .trail { font-size: 1em; text-decoration: none; text-transform: uppercase; /*color: #186296;*/ color: #84a311; } .mobile_menu .mod_navigation.main li { /*margin-right: 15px;*/ /*margin-left: 15px;*/ padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; } .mobile_menu .content-text { padding-top: 1em; padding-right: 0.5em; border-top: 1px solid #03437c; } #main .inside { padding-right: 10px; padding-left: 10px; } #header { height: auto; } } /* ########### MEDIUM ########### */ @media screen and (min-width:603px) and (max-width:1024px) { } /* ########### MEDIUM-LARGE ########### */ @media screen and (min-width:603px) { #container { padding-bottom: 10em; } .mod_article { margin-left: 1em; margin-right: 1em; } h2:not(.startseite .mod_eventlist h2) { margin-top: 0; } .startseite .mod_eventlist figure { float: left; margin-bottom: -7px; } .mod_article.page, .mod_newsreader .layout_full, .mod_eventreader .layout_full, .mod_event_registration_confirm, .mod_event_registration_cancel { margin-top: 3em; max-width: 800px; margin-right: auto; margin-left: auto; background-color: #fff; border: 1px solid #a9bdca; /*border-radius: 15px;*/ padding: 2em; } .eventinfo { padding: 2em; } .ce_form.kontaktformular input:not([type="checkbox"]), .ce_form.kontaktformular textarea, .registration-form input:not([type="checkbox"]), .registration-form textarea { width: 75%; } .ce_form.kontaktformular select, .registration-form select { width: 50%; } .pagination p { grid-row: 1; grid-column: 2; } .pagination ul { grid-row: 1; grid-column: 1; } #footer { height: 10em; } #footer .ft { height: 10em; } #footer .ft .copyright { padding-left: 3em; } .contao-cookiebar .cc-inner { max-width: 500px; } } /* ########### LARGE ########### */ @media screen and (min-width:1025px) { #header { height: 500px; max-width: 100%; margin-right: auto; margin-left: auto; /*margin-top: 20px;*/ background-image: url("/files/themes/sdw-rbk/layout/header-sdw_3.jpg"); /*background-position: center center;*/ background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -99; } #header .inside { top: 140px; max-width: 100%; margin-right: auto; margin-left: auto; height: 120px; background-color: #c4d681; } .mod_navigation.main { /*float: right;*/ padding-right: 3em; margin-top: 50px; /*height: 120px;*/ /*background-color: #c4d681;*/ /*width: 70%;*/ justify-self: flex-end; } .mod_navigation.main ul { /*float: right;*/ margin-bottom: 0; padding: 0; } .mod_navigation.main li { float: left; margin-left: 1.5em; } .mod_navigation.main li a { display: block; font-size: 1em; text-decoration: none; color: #03437c; text-transform: uppercase; font-weight: 600; } .mod_navigation.main li .active, .mod_navigation.main li .trail { display: block; font-size: 1em; text-decoration: none; /*color: #f7f8e5;*/ color: #84a311; text-transform: uppercase; font-weight: 600; } .mod_navigation.main li a:hover { display: block; /*color: #f7f8e5;*/ color: #84a311; } .mod_navigation.main li.kontakt, .mod_navigation.main li.datenschutz, .mod_navigation.main li.impressum, .menubutton { display: none; } #container, .head-wrapper { max-width: 1920px; margin-right: auto; margin-left: auto; box-sizing: border-box; /*display: flex;*/ /*align-items: center;*/ /*flex-direction: row;*/ /*justify-content: flex-end;*/ /*border: 1px solid;*/ } .startseite .mod_newslist { /*min-height: 550px;*/ /*max-width: 350px;*/ /*float: left;*/ /*margin-right: 45px;*/ } .logo { /*float: left;*/ margin-top: -55px; padding-left: 3em; height: 120px; /*background-color: #c4d681;*/ /*width: 120px;*/ } .logo .site-title { /*float: left;*/ margin-top: -5px; margin-bottom: 0; color: #03437c; font-size: 20px; font-weight: 600; } .logo .site-desc { /*float: left;*/ margin-bottom: 0; color: #03437c; } /*### navigation main ###*/ .startseite .mod_article { /*display: flex;*/ /*flex-wrap: wrap;*/ /*align-items: center;*/ /*justify-content: center;*/ } .startseite .mod_article div.flex-box { /*width: 27%;*/ /*margin-left: 1em;*/ /*margin-right: 1em;*/ /*padding: 0 1em 0;*/ /*font-size: 40px;*/ } .startseite .mod_newslist, .startseite .mod_eventlist { /*display: contents*/ } /*.startseite .mod_eventlist:has(div) ~ .mod_newslist div:last-child { display: none; }*/ #footer .mod_customnav.footer { height: 20px; float: right; padding-top: 15px; /*padding-right: 10px;*/ padding-right: 3em; /*padding-bottom: 15px;*/ text-transform: uppercase; } #footer .mod_customnav.footer ul { margin-bottom: 0; } #footer .mod_customnav.footer ul li { display: inline; } #footer .mod_customnav.footer li.datenschutz, #footer .mod_customnav.footer li.impressum { margin-left: 1.5em; } #footer .mod_customnav.footer li a { font-size: 1em; text-decoration: none; color: #03437c; text-transform: uppercase; font-weight: 600; } #footer .mod_customnav.footer li a:hover, #footer .mod_customnav.footer li strong.active { font-size: 1em; text-decoration: none; color: #84a311; text-transform: uppercase; font-weight: 600; } #footer .top_link { bottom: 50px; right: 30px; position: fixed; z-index: 5; } } /* ########### PRINT ########### */ @media print { }