.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)} .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} :root { --color-page-bg: #262A34; --color-page-bg-darker: #23262f; --color-page-bg-lighter: #323844; --color-text: #fff; --color-brand: #ec4858; --color-brand-lighter: #fa6c7a; --color-links: var(--color-brand); --color-links-lighter: var(--color-brand-lighter); --color-btn: var(--color-brand); --base-line-height: 1.5; --base-font-size: 1.6rem; --base-line-height: 1.625; --base-font-family: 'Roboto', sans-serif; --headings-line-height: 1.2; --headings-font-weight: 700; --headings-font-family: 'Montserrat', sans-serif; --headings-color: #fff; --wrapper-width: 120rem; --wrapper-width-xl: 150rem; --wrapper-width-small: 100rem;} /** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } html { font-size: 62.5%; } body { overflow-x: hidden; line-height: var(--base-line-height); font-size: var(--base-font-size); font-family: var(--base-font-family); color: var(--color-text); background: var(--color-page-bg); } @media only screen and (max-width: 80em) { body.home { padding-top: 10rem; } } @media only screen and (max-width: 60em) { body { line-height: 2.9rem; } } @media only screen and (max-width: 40em) { body { line-height: 2.6rem; } } ::selection { color: #fff; background: var(--color-links); } ::-moz-selection { color: #fff; background: var(--color-links); } ::-webkit-selection { color: #fff; background: var(--color-links); } *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } h1, h2, h3, h4, h5, h6 { line-height: var(--headings-line-height); font-weight: var(--headings-font-weight); font-family: var(--headings-font-family); color: var(--headings-color); } h1 { margin: 0 0 1.25em; font-size: 4rem; } .main h1, .main .ce_headline.h1 { margin: 0 0 1em; font-weight: 400; font-size: 4.2rem; } .main h2, .main .ce_headline.h2 { margin: 0 0 1em; font-weight: 400; font-size: 3.6rem; } .main h3, .main .ce_headline.h3 { margin: 0 0 0.75em; font-weight: 400; font-size: 2.8rem; } .main h4, .main .ce_headline.h4 { margin: 0 0 0.75em; font-weight: 400; font-size: 2.2rem; } .main h5, .main .ce_headline.h5 { margin: 0 0 0.5em; font-weight: 400; font-size: 1.9rem; } @media only screen and (max-width: 80em) { h1 { font-size: 3.4rem; } .main h1, .main .ce_headline.h1 { font-size: 3.5rem; } .main h2, .main .ce_headline.h2 { font-size: 2.8rem; } .main h3, .main .ce_headline.h3 { font-size: 2.4rem; } .main h4, .main .ce_headline.h4 { font-size: 2.1rem; } .main h5, .main .ce_headline.h5 { font-size: 1.8rem; } } @media only screen and (max-width: 60em) { h1 { font-size: 3rem; } .main h1, .main .ce_headline.h1 { font-size: 3.1rem; } .main h2, .main .ce_headline.h2 { font-size: 2.5rem; } .main h3, .main .ce_headline.h3 { font-size: 2.2rem; } .main h4, .main .ce_headline.h4 { font-size: 1.9rem; } .main h5, .main .ce_headline.h5 { font-size: 1.7rem; } } .main .ce_text, .main .ce_headline, .main .ce_list, .main .ce_table { margin: 0 0 5rem; } p, ul, ol { margin: 0 0 3rem; } ol { list-style-position: inside; } a { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; color: var(--color-links); text-decoration: none; } a:hover { color: var(--color-links-lighter); } img { display: block; max-width: 100%; height: auto; margin: 0 auto; } hr { margin: 3rem 0 5rem; height: 1px; border: 0; background: #444e63; } .main { padding: 10rem 3rem; } body.home .main { padding: 0 0 2rem !important; } body:not(.home) .main { margin: 0 auto; max-width: var(--wrapper-width-xl); line-height: 2; } body.disclaimer .main a { word-wrap: break-word; word-break: break-all; } .main ul { list-style: inside; } @media only screen and (max-width: 60em) { .main { padding: 8rem 2rem 5rem; } body:not(.home) .main { line-height: 1.8; } } @media only screen and (max-width: 40em) { .main { padding: 6rem 2rem 3rem; } body:not(.home) .main { line-height: 1.6; } } body.home .main .mod_article { padding: 10rem 2rem; } @media only screen and (max-width: 80em) { body.home .main .mod_article { padding: 8rem 2rem; } } @media only screen and (max-width: 60em) { body.home .main .mod_article { padding: 5rem 2rem; } } body.home .main .mod_article.no-padding { padding: 0 2rem; } .mod_article.centered .inside { margin: 0 auto; max-width: var(--wrapper-width); } .mod_article.centered-xl .inside { margin: 0 auto; max-width: var(--wrapper-width-xl); } .mod_article.centered-small .inside { margin: 0 auto; max-width: var(--wrapper-width-small); } .ce_player, .ce_youtube { margin: 0 0 5rem; } .ce_image { margin: 0 0 3rem; } .image_container { display: table; position: relative; margin: 0 0 3rem; } .ce_gallery .image_container { position: static; } .float_above img, .float_below img { margin: 0; } .float_left { float: left; width: 35%; margin: 0 2.5rem 1.2rem 0; } .float_right { float: right; width: 35%; margin: 0 0 1.2rem 2.5rem; } figcaption { padding: 0.8rem 1.5rem; opacity: 0.6; line-height: 1.5; display: table-caption; caption-side: bottom; } @media only screen and (max-width: 60em) { .float_left, .float_right { float: none; width: 100%; margin: 0 0 3rem; } .float_left img, .float_right img { margin: 0; } } #page-header { display: flex; justify-content: center; align-items: center; padding: 0 2rem 5rem; min-height: 32rem; text-align: center; background: url("../../files/theme/img/body.jpg") repeat-y center top; } #page-header h1 { margin: 10rem auto 0; max-width: var(--wrapper-width-xl); font-size: 8rem; line-height: 1; opacity: 0.7; overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } body.news-detailpage #page-header h1 { font-size: 4rem; } @media only screen and (max-width: 80em) { #page-header { padding: 0 2rem; height: 40rem; } #page-header h1 { font-size: 7vw; } } @media only screen and (max-width: 40em) { #page-header { height: 30rem; } #page-header h1 { margin: 11rem auto 0; } #page-header { min-height: 25rem; } } .ce_table { overflow-x: auto; margin: 0 0 5rem; } .ce_table .ce_table { margin: 0; } table { max-width: 100%; border: 1px solid #323844; white-space: nowrap; } .table-width-100 table { width: 100%; } table tr:nth-child(2n+1) { background: #252a33; } table tr:nth-child(2n) { background: #323844; } table th { padding: 2rem; border: 1px solid #ec4858; color: #fff; font-weight: 400; letter-spacing: 0.2rem; text-align: left; background: var(--color-brand); } table td { padding: 1rem 2rem; } table tr:nth-child(2n) td { border-right: 1px solid #252a33; } table tr:nth-child(2n+1) td { border-right: 1px solid #323844; } .table-hover table tr:hover td { background: #404754; } @media only screen and (max-width: 40em) { table th { padding: 1.5rem 2rem; letter-spacing: 0.1rem; } } .contao-cookiebar { z-index: 99999999999 !important; } .contao-cookiebar .cc-inner { max-width: 500px; } .contao-cookiebar h3 { margin: 0 0 2rem; font-size: 2.2rem; font-weight: 600; color: #222; } .cookiebar_default .cc-info > a { font-size: 1.5rem; } .cookiebar_default .cc-info > a + a:before { margin-left: 2px; } .cookiebar_default .cc-cookies > p { font-size: 1.5rem; } .cookiebar_default p { font-size: 1.7rem; } .contao-cookiebar label { font-size: 1.5rem; } .contao-cookiebar input + label { padding: 12px 13px 12px 50px; } .cookiebar_default p { color: #707070; } .cookiebar_default .cc-group .cc-detail-btn { font-size: 1.4rem; color: #8e8e8e; } .cookiebar_default .cc-cookies .cc-cookie p { font-size: 1.5rem; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info { font-size: 1.5rem; } .mod_cookiebarOpener a { position: fixed; z-index: 99999; bottom: 2rem; left: 2rem; display: block; width: 5rem; height: 5rem; text-indent: -999rem; background: url("../../files/theme/img/cookies.svg") no-repeat; } #handball-spielplan, #handball-tabelle { padding: 3rem; color: #fff; background: var(--color-page-bg-lighter); } .hb-embed { color: #fff !important; } .hb-embed a { color: #fff !important; } .hb-embed__branding { color: gray !important; } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 3%; margin-right: 3%; } .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: 48.5%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 31.3333%; } .rs-column.-large-col-3-2 { width: 64.6666%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 22.75%; } .rs-column.-large-col-4-2 { width: 48.5%; } .rs-column.-large-col-4-3 { width: 77.25%; } .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: 31.3333%; } .rs-column.-large-col-6-3 { width: 48.5%; } .rs-column.-large-col-6-4 { width: 64.6666%; } .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: 3%; margin-right: 3%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 3%; } .rs-column.-large-first-row { margin-top: 3%; } .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: 48.5%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 31.3333%; } .rs-column.-medium-col-3-2 { width: 64.6666%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 22.75%; } .rs-column.-medium-col-4-2 { width: 48.5%; } .rs-column.-medium-col-4-3 { width: 77.25%; } .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: 31.3333%; } .rs-column.-medium-col-6-3 { width: 48.5%; } .rs-column.-medium-col-6-4 { width: 64.6666%; } .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: 3%; margin-right: 3%; } .rs-column.-large-last { margin-right: 3%; } .rs-column.-large-first-row { margin-top: 3%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 3%; } .rs-column.-medium-first-row { margin-top: 3%; } .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: 48.5%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 31.3333%; } .rs-column.-small-col-3-2 { width: 64.6666%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 22.75%; } .rs-column.-small-col-4-2 { width: 48.5%; } .rs-column.-small-col-4-3 { width: 77.25%; } .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: 31.3333%; } .rs-column.-small-col-6-3 { width: 48.5%; } .rs-column.-small-col-6-4 { width: 64.6666%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; box-sizing: border-box; background: #4c4c4c; padding: 5px; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } .homeslider-wrapper { position: relative; } .homeslider-wrapper .slogan { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 2rem; max-width: 98rem; width: 100%; font-size: 4rem; line-height: var(--headings-line-height); font-family: var(--headings-font-family); font-weight: var(--headings-font-weight); letter-spacing: 0.1rem; color: var(--headings-color); text-align: center; text-transform: uppercase; } .homeslider-wrapper .slogan p { margin: 0; } .homeslider-wrapper .slogan strong { font-size: 8rem; } .homeslider .image_container { margin: 0; } .homeslider .ce_image { margin: 0; } .homeslider figure::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; background: #000; } .homeslider .rsts-caption { display: none; } .homeslider .rsts-nav { right: auto; left: 50%; transform: translateX(-50%); bottom: 4rem; } .homeslider .rsts-nav-bullets a { margin: 12px 5px; height: 12px; width: 12px; } @media only screen and (max-width: 80em) { .homeslider-wrapper .slogan strong { font-size: 8vw; } .homeslider-wrapper .slogan { max-width: 90%; font-size: 4vw; } .homeslider .rsts-nav { bottom: 1rem; } } @media only screen and (max-width: 40em) { .homeslider-wrapper .slogan strong { font-size: 10vw; } .homeslider-wrapper .slogan { font-size: 5vw; } } .home-welcome { padding: 12rem 2rem; text-align: center; background: url("../../files/theme/img/body.jpg") repeat-y center top; } .home-welcome h1 { font-weight: 400; } .home-welcome .ce_text:last-of-type { margin: 0; } @media only screen and (max-width: 80em) { .home-welcome { padding: 10rem 3rem 6rem !important; text-align: left; } } @media only screen and (max-width: 60em) { .home-welcome { padding: 8rem 2rem 5rem !important; } } /* ************************************************ ***************** news boxes ******************** ************************************************ */ .home-news { overflow: hidden; padding-bottom: 0 !important; background: url("../../files/theme/img/body.jpg") repeat-y center top; } .home-news h4 { margin: 0 0 0.5em; font-size: 6rem; } .home-news .no-news-dummy p { margin: 0 0 5rem; text-align: center; } .home-news .mod_newslist { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 8rem; padding: 0 1%; } .home-news .mod_newslist .entry { margin: 0 2% 0 0; position: relative; width: 23.5%; border: 1px solid #606060; border-bottom: 0.7rem solid #A4A4A4; background: #323845; } .home-news .mod_newslist .entry:nth-of-type(4) { margin: 0; } .home-news .mod_newslist a.image-wrapper { overflow: hidden; padding-bottom: 65%; height: 0; } .home-news .mod_newslist img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; max-width: none; } .home-news .mod_newslist img.breitkant { max-height: 120%; width: auto; } .home-news .mod_newslist img.hochkant { width: 120%; height: auto; } .home-news .mod_newslist .content { padding: 3rem 3rem 10rem; } .home-news .mod_newslist h5 { margin: 0 0 1em; line-height: 1.4; font-size: 2rem; } .home-news .mod_newslist .ce_text { margin: 0 0 2rem; } .home-news .mod_newslist p { margin: 0; } .home-news .mod_newslist .footer { display: flex; position: absolute; bottom: 0; left: 0; width: 100%; } .home-news .mod_newslist .footer time, .home-news .mod_newslist .footer a { width: 50%; height: 8rem; line-height: 8rem; text-align: center; } .home-news .mod_newslist .footer time { border-top: 1px solid #606060; text-transform: uppercase; } .home-news .mod_newslist .footer a { color: #fff; letter-spacing: 0.3rem; text-transform: uppercase; background: var(--color-brand); } .home-news .mod_newslist .footer a:hover { background: var(--color-brand-lighter); } @media only screen and (max-width: 80em) { .home-news h4 { font-size: 5rem; } .home-news .mod_newslist .entry { margin: 0 2.75% 0 0; width: 31.5%; } .home-news .mod_newslist .entry:nth-of-type(3) { margin: 0; } .home-news .mod_newslist .entry:nth-of-type(4) { display: none; } } @media only screen and (max-width: 60em) { .home-news h4 { font-size: 4.2rem; } .home-news .mod_newslist { margin: 0 0 5rem; padding: 0; } .home-news .mod_newslist .entry { margin: 0 2.75% 4% 0; width: 48%; } .home-news .mod_newslist .entry:nth-of-type(2) { margin: 0 0 4% 0; } .home-news .mod_newslist .entry:nth-of-type(3) { margin: 0 2.75% 4% 0; } .home-news .mod_newslist .entry:nth-of-type(4) { display: block; } .home-news .mod_newslist .content { padding: 3rem 3rem 8rem; } .home-news .mod_newslist h5 { font-size: 1.7rem; } .home-news .mod_newslist .footer time, .home-news .mod_newslist .footer a { height: 7rem; line-height: 7rem; } .home-news .mod_newslist .footer a { letter-spacing: 0.1rem; } } @media only screen and (max-width: 40em) { .home-news h4 { font-size: 3.5rem; } .home-news .mod_newslist { margin: 0 0 3rem; } .home-news .mod_newslist .entry { margin: 0 0 4rem !important; width: 100%; } .home-news .mod_newslist .content { padding: 3rem 3rem 10rem; } .home-news .mod_newslist h5 { font-size: 2rem; } .home-news .mod_newslist .footer time, .home-news .mod_newslist .footer a { height: 8rem; line-height: 8rem; } .home-news .mod_newslist .footer a { letter-spacing: 0.3rem; } } .home-instagram { padding: 10rem 0 0 !important; color: #fff; } .home-instagram h4 { margin: 0 0 1em; font-size: 6rem; } .home-instagram .ce_text.has-line { margin: 0 0 9rem; } .home-instagram p { line-height: 2.7rem; font-size: 1.7rem; letter-spacing: 0.2rem; font-family: var(--headings-font-family); } @media only screen and (max-width: 80em) { .home-instagram h4 { font-size: 5rem; } } @media only screen and (max-width: 60em) { .home-instagram { padding: 7rem 0 0 !important; } .home-instagram h4 { font-size: 4.2rem; } .home-instagram .ce_text.has-line { margin: 0 0 6rem; } .home-instagram p { line-height: 2.4rem; font-size: 1.6rem; letter-spacing: 0.1rem; } } @media only screen and (max-width: 40em) { .home-instagram { padding: 5rem 0 0 !important; } .home-instagram h4 { font-size: 3.5rem; } } .clear::after { content: ""; display: table; clear: both; } .invisible { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .bg-grey { padding: 8rem 3rem; background: var(--color-page-bg-lighter); } .bg-grey-dark { padding: 8rem 3rem; background: var(--color-page-bg-darker); } @media only screen and (max-width: 60em) { .bg-grey, .bg-grey-dark { padding: 6rem 2.5rem; } } .bg-texture { background: url("../../files/theme/img/body.jpg") repeat-y center top; } .space { float: left; width: 8rem; } .ce_text.line-height-sm { line-height: 1.5; } .ce_text.line-height-xl { line-height: 2; } .text-center { text-align: center; } .mod_article.full-width { position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; width: 100vw; } .ce_text.has-line, .ce_headline.has-line { margin: 0 0 7rem; } .ce_text.has-line::after, .ce_headline.has-line::after { content: ""; display: block; margin: 3rem 0 0; width: 20rem; height: 2px; background: #444e63; } .ce_text.text-center.has-line::after, .ce_headline.text-center.has-line::after { margin: 3rem auto 0; } .header-main { position: fixed; z-index: 100; top: 0; left: 0; padding: 1rem 2.5rem 0 7rem; width: 100%; color: #fff; } .header-main.fixed { transition: 0.2s all; background: rgba(37,42,51,0.9); } .header-main .inside { display: flex; flex-wrap: wrap; justify-content: space-between; } .header-main .logo { display: block; width: 100px; height: 100px; text-indent: -999rem; background: url("../../files/theme/img/logo.svg") no-repeat; background-size: cover; } .header-main a { color: #fff; } .header-main a:hover { color: var(--color-links); } .header-main .header-right { display: flex; } .header-main .socials { margin: 0 0 0 2rem; } .header-main .socials li { display: inline; margin: 0 0 0 1.5rem; line-height: 11rem; } .header-main .nav-main ul { margin: 0; } .header-main .nav-main li { position: relative; display: inline-block; margin: 0 0 0 4rem; line-height: 11rem; } .header-main .nav-main a, .header-main .nav-main strong { line-height: 10rem; font-weight: 400; font-size: 1.8rem; } .header-main .nav-main strong, .header-main .nav-main a.trail { color: var(--color-links); } .header-main .nav-main ul ul { position: absolute; left: -999rem; top: 11rem; width: 30rem; opacity: 0; transition: 0.35s opacity; } .header-main .nav-main ul li:hover ul.level_2 { left: 0; opacity: 1; z-index: 99999; } .header-main .nav-main ul ul li { display: block; margin: 0; line-height: normal; border-bottom: 1px solid #323844; background: rgba(37,42,51,0.9); } .header-main .nav-main ul ul li.submenu::after { content: ""; display: block; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); width: 0.6rem; height: 1rem; background: url("../../files/theme/img/nav-arrow.svg") no-repeat; } .header-main .nav-main ul ul a, .header-main .nav-main ul ul strong { display: block; padding: 1.5rem 2rem; line-height: normal; white-space: nowrap; font-size: 1.5rem; } .header-main .nav-main ul ul a:hover, .header-main .nav-main ul ul strong, .header-main .nav-main ul ul a.trail { color: #fff; background: var(--color-brand); } .header-main .nav-main ul ul ul { position: absolute; left: 30rem; top: 0; opacity: 0; } .header-main .nav-main ul ul li:hover ul.level_3 { opacity: 1; z-index: 99999; } @media only screen and (max-width: 80em) { .header-main { padding: 1.5rem 2.5rem 1.5rem; background: #252a34; } .header-main .logo { width: 80px; height: 80px; } .header-main .socials { display: none; } .header-main .nav-main { display: none; } } @media only screen and (max-width: 60em) { .header-main { padding: 1.5rem 2rem; background: #252a34; } } /* ************************************************ ************ pushy (mobile navigation) ********** ************************************************ */ .slicknav_menu { display: none; margin: 3.5rem 1rem 0 0; padding: 0; background: none; } .slicknav_btn { margin: 0; padding: 0; text-shadow: none; } .slicknav_nav { position: absolute; top: 11rem; left: 0; width: 100%; background: #313845; } .slicknav_nav ul { margin: 0; } .slicknav_nav li { position: relative; } .slicknav_nav li span:not(.slicknav_arrow), .slicknav_nav li strong { display: block; margin: 0; padding: 1.2rem 3rem; border-bottom: 1px solid #252a34; font-weight: 400; } .slicknav_nav li a:hover, .slicknav_nav li strong, .slicknav_nav li.trail > a { color: #fff; background: var(--color-brand); } .slicknav_nav li.trail > a strong { border: 0; } .slicknav_nav .slicknav_row { margin: 0; } .slicknav_nav .slicknav_row:hover { border-radius: 0; } .slicknav_nav .slicknav_arrow { display: block; position: absolute; top: 0.3rem; right: 2rem; text-indent: -999rem; width: 4.6rem; height: 4.6rem; background: url("../../files/theme/img/nav-dropdown.svg") no-repeat center center; background-size: 30%; } .slicknav_nav .slicknav_open > a .slicknav_arrow { transform: rotate(180deg); } .slicknav_nav li li span:not(.slicknav_arrow), .slicknav_nav li li strong { padding-left: 6rem; } .slicknav_nav li li span::before, .slicknav_nav li li strong::before { content: "- "; position: absolute; left: 4rem; top: 1rem; } .slicknav_nav li li li span:not(.slicknav_arrow), .slicknav_nav li li li strong { padding-left: 8rem; } .slicknav_nav li li li span::before, .slicknav_nav li li li strong::before { left: 6rem; } @media screen and (max-width: 80em) { .slicknav_menu { display: block; } } @media screen and (orientation: landscape) { .slicknav_nav ul { overflow-y: scroll; max-height: calc(100vh - 11rem); } } .footer-main { line-height: 2.4rem; font-size: 1.4rem; color: #8D8B9F; } .footer-main .inside { padding: 0 6rem; } .footer-main .footer-top { padding: 7rem 0; background: var(--color-page-bg-lighter); } .footer-main .footer-top .inside { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-main .footer-top .col { width: 22%; } .footer-main h6 { margin: 0 0 2em; line-height: 2rem; font-size: 1.4rem; font-weight: 400; font-family: var(--base-font-family); text-transform: uppercase; } .footer-main a { color: inherit; } .footer-main a:hover { color: var(--color-brand); } .footer-main .space { width: 8rem; } .footer-main ul li, .footer-main .news_list div { border-bottom: 1px solid #8D8B9F; list-style: none; } .footer-main ul li:last-of-type, .footer-main .news_list.last div { border: 0; } .footer-main ul li a, .footer-main .news_list div a { display: block; padding: 1rem 0; } .footer-main ul li a:hover, .footer-main .news_list div a:hover { color: var(--color-brand); } .footer-main ul li a::before, .footer-main .news_list div a::before { margin: 0 0.7rem 0 0; content: "»"; } .footer-main .ce_downloads ul li a { padding-left: 4rem; } .footer-main .ce_downloads ul li a::before { content: ""; } .footer-bottom { padding: 3rem 0 0; } .footer-bottom .socials { display: none; } .footer-bottom .socials li { display: inline; margin: 0 1rem 0 0; border: 0; } .footer-bottom .socials li a { display: inline; font-size: 2rem; } .footer-bottom .socials li a::before { display: none; } @media only screen and (max-width: 80em) { .footer-main .inside { padding: 0 3rem; } .footer-bottom .socials { display: block; } } @media only screen and (max-width: 60em) { .footer-main .inside { padding: 0 2rem; } .footer-main .footer-top { padding: 5rem 0 3rem; } .footer-main .footer-top .col { width: 100%; } .footer-main h6 { margin: 0 0 1em; } .footer-main .mod_newslist { margin: 0 0 5rem; } .footer-main .footer-bottom { text-align: center; } .footer-main .footer-bottom .socials li { margin: 0 1rem; } } .ce_address { margin: 0 0 5rem; } .ce_tabcontrol .tabcontrol_tabs { margin: 0 0 5rem; } .ce_tabcontrol .tabcontrol_tabs ul { display: flex; } .ce_tabcontrol .tabcontrol_tabs ul li { padding: 3rem 2rem; width: 50%; list-style: none; text-transform: uppercase; letter-spacing: 0.2rem; text-align: center; color: #fff; cursor: pointer; background: #444a57; } .ce_tabcontrol .tabcontrol_tabs ul li.selected { background: var(--color-brand); } .ce_hyperlink { margin: 0 0 5rem; } .ce_hyperlink a { display: inline-block; padding: 2rem 5rem; color: #fff; text-transform: uppercase; letter-spacing: 0.2rem; background: var(--color-links); } .ce_hyperlink a:hover { background: var(--color-links-lighter); } .ce_hyperlink.btn-huge { position: relative; left: 50%; right: 50%; margin: 0 -50vw; width: calc(100vw - 0.8rem); } .ce_hyperlink.btn-huge a { padding: 6.5rem 2rem; width: 100%; text-align: center; } @media only screen and (max-width: 80em) { .ce_hyperlink.btn-huge a { padding: 5rem 2rem; } } @media only screen and (max-width: 60em) { .ce_hyperlink.btn-huge a { padding: 4rem 1.5rem; } } @media only screen and (max-width: 40em) { .ce_hyperlink a { padding: 1.5rem 4rem; font-size: 1.5rem; letter-spacing: 0.1rem; } } .download-element { padding: 0; background: none; } .ce_downloads li a { position: relative; display: block; padding: 0 0 0 4rem; } .ce_downloads li a::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 2.5rem; height: 2.5rem; opacity: 0.7; transition: 0.35s all; } .ce_downloads li a:hover::before { opacity: 1; } .ce_downloads li.ext-jpg a::before { background: url("../../files/theme/img/ext-jpg.svg") no-repeat; } .ce_downloads li.ext-gif a::before { background: url("../../files/theme/img/ext-gif.svg") no-repeat; } .ce_downloads li.ext-png a::before { background: url("../../files/theme/img/ext-png.svg") no-repeat; } .ce_downloads li.ext-doc a::before { background: url("../../files/theme/img/ext-doc.svg") no-repeat; } .ce_downloads li.ext-docx a::before { background: url("../../files/theme/img/ext-docx.svg") no-repeat; } .ce_downloads li.ext-svg a::before { background: url("../../files/theme/img/ext-svg.svg") no-repeat; } .ce_downloads li.ext-zip a::before { background: url("../../files/theme/img/ext-zip.svg") no-repeat; } .ce_downloads li.ext-txt a::before { background: url("../../files/theme/img/ext-txt.svg") no-repeat; } .ce_downloads li.ext-pdf a::before { background: url("../../files/theme/img/ext-pdf.svg") no-repeat; } .image-wrapper { position: relative; display: block; } .image-wrapper::before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; transition: 0.35s all; background: var(--color-brand); } .image-wrapper::after { content: ""; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-100%); display: block; width: 4rem; height: 4rem; opacity: 0; transition: 0.35s all; background: url("../../files/theme/img/plus-icon.svg") no-repeat; } .image-wrapper:hover::before { opacity: 0.9; } .image-wrapper:hover::after { opacity: 1; transform: translate(-50%,-50%); } .image-wrapper.no-zoom::before, .image-wrapper.no-zoom::after { display: none; } .ce_text.list-arrows li, .list-arrows ul li { border-bottom: 1px solid #555; list-style: none; line-height: 3; } .ce_text.list-arrows li::before, .list-arrows ul li::before { content: "»"; margin: 0 0.7rem 0 0; } .ce_text.list-arrows li a { display: inline-block; color: inherit; } .ce_text.list-arrows li a:hover { color: var(--color-links); } .ce_teaser .ce_headline { margin: 0 0 1em; } .ce_teaser .image-wrapper { margin: 0 0 2rem; overflow: hidden; padding-bottom: 65%; height: 0; } .ce_teaser img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; max-width: none; max-height: 120%; width: auto; min-width: 100%; } .ce_teaser .ce_hyperlink { margin: 0; } .ce_teaser .ce_hyperlink a { width: 100%; padding: 2rem; text-align: center; } @media only screen and (max-width: 900px) { .ce_teaser { margin: 0 0 5rem; } } .ce_iconteaser { text-align: center; } .ce_iconteaser .ce_headline { margin: 0 0 0.75em; font-size: 2.4rem; font-weight: 400; letter-spacing: 0.1rem; } .ce_iconteaser .fa { display: flex; justify-content: center; align-items: center; margin: 0 auto 3rem; width: 11rem; height: 11rem; border-radius: 100%; border: 1px solid #979797; font-size: 4.5rem; color: #CBCBCB; } .ce_iconteaser .link::before { content: "» "; } .ce_iconteaser .link::hover { color: var(--color-links-lighter); } @media only screen and (max-width: 900px) { .ce_iconteaser { margin: 0 0 5rem; } } @media only screen and (max-width: 40em) { .ce_iconteaser .fa { margin: 0 auto 2rem; width: 8rem; height: 8rem; font-size: 3.5rem; } } .ce_banner { padding: 5rem 2rem; background: #252a32; } .mod_article.bg-grey .ce_banner { background: var(--color-page-bg-lighter); } .ce_banner .inner { display: flex; justify-content: center; margin: 0 auto; max-width: var(--wrapper-width-xl); } .ce_banner.has-two-banners .banner1 { width: 50%; margin-right: 3rem; } .ce_banner.has-two-banners .banner2 { width: 50%; margin-left: 3rem; } @media only screen and (max-width: 60em) { .ce_banner { padding: 3rem 0; } .ce_banner .inner { flex-wrap: wrap; } .ce_banner.has-two-banners { padding: 5rem 0 3rem; } .ce_banner.has-two-banners .banner1, .ce_banner.has-two-banners .banner2 { margin: 0 0 2rem; width: 100%; } } .ce_vorstand { position: relative; overflow: hidden; } .ce_vorstand .ce_headline { margin: 0; padding: 0 10%; height: 8rem; line-height: 8rem; color: #fff; font-size: 1.7rem; text-align: center; letter-spacing: 0.2rem; font-weight: 400; background: var(--color-brand); } .ce_vorstand img { width: 100%; } .ce_vorstand .text { z-index: 10; position: relative; padding: 3rem 16% 1rem 7%; cursor: pointer; background: #323844; } .ce_vorstand .job { margin: 0 0 2rem; color: #fff; font-size: 1.5rem; line-height: 1.5; word-break: break-word; } .ce_vorstand .text .fa-chevron-right { position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); color: #fff; } .ce_vorstand .space { width: 4rem; } .ce_vorstand a { color: inherit; } .ce_vorstand a:hover { color: var(--color-brand); } .ce_vorstand .text-hover { display: none; position: absolute; bottom: 0; left: 0; padding: 3rem 10%; width: 100%; height: calc(100% - 8rem); font-size: 1.8rem; color: #fff; transition: 0.35s transform; background: rgba(0,0,0,0.7); } .ce_vorstand .fa-mobile { position: relative; top: 2px; font-size: 3rem; } .ce_vorstand .space { clear: left; } /*.ce_vorstand .text:hover + .text-hover { transform: translateY(0); } */ @media only screen and (max-width: 1280px) { .ce_vorstand .ce_headline { font-size: 1.6rem; } .ce_vorstand .text-hover { padding: 3rem 7%; white-space: nowrap; } .ce_vorstand .space { width: 3rem; } .ce_vorstand .fa-envelope { position: relative; top: -1px; } } @media only screen and (max-width: 899px) { .ce_vorstand .text-hover { padding: 3rem 3rem; font-size: 3vw; } .ce_vorstand .space { width: 4.5vw; } .ce_vorstand .fa-mobile { font-size: 3.8vw; } .ce_vorstand .fa-envelope { font-size: 2.4vw; } } @media only screen and (max-width: 599px) { .ce_vorstand { margin-bottom: 3rem; } .ce_vorstand .ce_headline { font-size: 1.9rem; } .ce_vorstand .job { font-size: 1.7rem; } .ce_vorstand .text-hover { padding: 4rem 4rem; font-size: 4.5vw; line-height: 2; } .ce_vorstand .space { width: 7vw; } .ce_vorstand .fa-mobile { font-size: 6.5vw; } .ce_vorstand .fa-envelope { font-size: 4vw; } } /* ************************************************ ********** lightbox / gallery module ************ ************************************************ */ .ce_image a.cboxElement, .ce_image a[href$="pdf"] { position: relative; display: inline-block; } .ce_image a[href$="pdf"] img { display: block; } a.cboxElement { display: block; } .ce_image a.cboxElement img { display: block; } a.cboxElement::after, .ce_image a[href$="pdf"]::after, .ce_gallery a[href$="pdf"]::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.35s all;-o-transition: 0.35s all;transition: 0.35s all; opacity: 0; background: var(--color-brand); } a.cboxElement::before { content: ""; display: block; position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%,-100%);-ms-transform: translate(-50%,-100%);transform: translate(-50%,-100%); width: 4rem; height: 4rem; -webkit-transition: 0.35s all;-o-transition: 0.35s all;transition: 0.35s all; opacity: 0; background: url("../../files/theme/img/plus-icon.svg") no-repeat; } a.cboxElement:hover::after, .ce_image a[href$="pdf"]:hover::after, .ce_gallery a[href$="pdf"]:hover::after { opacity: 0.9; } a.cboxElement:hover::before, .ce_image a[href$="pdf"]:hover::before, .ce_gallery a[href$="pdf"]:hover::before { opacity: 1; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); } .ce_gallery ul::after { content: ""; display: table; clear: both; } .ce_gallery li { float: left; position: relative; margin: 0 2% 2% 0; width: 32%; height: 0; padding-bottom: 30%; list-style: none; overflow: hidden; } .ce_gallery li:nth-of-type(3n) { margin: 0; } .ce_gallery .cols_1 li { margin: 0 0 4% 0; width: 100%; padding-bottom: 100%; } .ce_gallery .cols_2 li { margin: 0 4% 4% 0; width: 48%; padding-bottom: 48%; } .ce_gallery .cols_2 li:nth-of-type(even) { margin-right: 0; } .ce_gallery .cols_2 li:nth-of-type(2n + 1) { clear: left; } .ce_gallery .cols_4 li { width: 23.5%; padding-bottom: 23.5%; } .ce_gallery .cols_4 li:nth-of-type(3n) { margin-right: 2%; } .ce_gallery .cols_4 li:nth-of-type(4n) { margin-right: 0; } .ce_gallery .cols_4 li:nth-of-type(4n + 1) { clear: left; } .ce_gallery img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 180%; max-width: none; } .ce_gallery .hochkant img { width: 100%; } .ce_gallery figcaption { position: absolute; bottom: 0; left: 0; display: block; padding: 1rem 2rem; width: 100%; color: #fff; text-align: center; pointer-events: none; background: rgba(0,0,0,0.7); } @media only screen and (max-width: 48em) { a.cboxElement::before { width: 2.5rem; height: 2.5rem; } .ce_gallery li { margin-right: 4% !important; margin-bottom: 4% !important; width: 48% !important; padding-bottom: 48% !important; } .ce_gallery li:nth-of-type(even) { margin-right: 0 !important; } } .ce_dlh_googlemaps .place-desc-large { color: #333; } .ce_dlh_googlemaps .place-desc-large strong { display: block; margin: 0 0 0.5rem; font-size: 1.6rem; } .ce_dlh_googlemaps .routinglink { margin: 1rem 0 0; color: #333; } .ce_dlh_googlemaps .routinglink a { color: var(--color-brand); } .ce_dlh_googlemaps .routinglink form { margin: 1rem 0 0; } @media only screen and (max-width: 48em) { .dlh_googlemap { margin-top: -2rem; padding-bottom: 85% !important; } } .ce_youtube figure { position: relative; margin: 0 0 3rem; padding-bottom: 56.25%; width: 100%; height: auto; } .ce_youtube h2, .ce_youtube h3 { font-size: 2.4rem; } .ce_youtube iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .pagination { display: flex; justify-content: center; margin: 3rem 0 0; width: 100%; } .pagination p { display: none; } .pagination li { display: inline; } .pagination li a, .pagination li strong { display: inline-block; padding: 1.5rem 2.5rem; color: inherit; background: #323844; } .pagination li a:hover, .pagination li strong { color: #fff; font-weight: 400; background: var(--color-brand); } .news-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .news-list .entry { margin: 0 0 3.5%; width: 31%; } .news-list a.image-wrapper { overflow: hidden; padding-bottom: 65%; height: 0; } .news-list img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; max-width: none; } .news-list img.breitkant { max-height: 120%; width: auto; } .news-list img.hochkant { width: 120%; height: auto; } .news-list .content { padding: 3rem 7% 0.5rem; background: #323844; } .news-list h2 { margin: 0 0 1em; line-height: 1.3; font-size: 2rem; font-weight: 700; } @media only screen and (max-width: 75em) { .news-list .entry { width: 48%; } } @media only screen and (max-width: 40em) { .news-list .entry { margin: 0 0 3rem; width: 100%; } } .event-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .event-list .content { padding: 3rem 7% 0.5rem; background: #323844; } .event-list .entry { margin: 0 0 3.5%; width: 31%; } .event-list time .fa { margin: 0 0.5rem 0 0; } .event-list h2 { margin: 0 0 1em; line-height: 1.3; font-size: 2rem; font-weight: 700; } .event-list .ce_text { margin-top: 2rem; } @media only screen and (max-width: 75em) { .event-list .entry { width: 48%; } } @media only screen and (max-width: 40em) { .event-list .entry { margin: 0 0 3rem; width: 100%; } } .event-list h2 { margin: 0 0 1em; line-height: 1.3; font-size: 2rem; font-weight: 700; } .news-detail .main-image { margin: 0 0 3rem; } .news-detail .teaser { color: #fff; font-size: 1.8rem; letter-spacing: 0.2rem; } .news-detail .time { display: block; margin: -2rem 0 5rem; padding: 1rem 0; border-top: 1px solid #434d64; border-bottom: 1px solid #434d64; font-size: 1.2rem; } .widget { position: relative; margin: 0 0 2rem; } .widget.error { padding: 0 0 3.7rem; } input, textarea { display: block; padding: 1.7rem 1.5rem; width: 100%; border: 0; color: #fff; font-size: 1.4rem; font-family: inherit; background: #323844; } label { display: block; } input.checkbox { display: inline-block; margin: 0 0.5rem 0 0; width: auto; } input.checkbox + label { display: inline; } button.submit { display: inline-block; padding: 1.5rem 4rem; border-radius: 3rem; color: #fff; font-size: 1.6rem; text-transform: uppercase; border: 0; cursor: pointer; transition: 0.35s all; background: var(--color-links); } button.submit:hover { color: #000; background: #fff; } p.error { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0.5rem 1rem; font-size: 1.4rem; color: #fff; background: var(--color-links); } .routinglink input { padding: 0.5rem 1rem; color: #000; font-size: 1.2rem; border: 1px solid #ddd; background: transparent; } .routinglink input.submit { border: 0; color: #fff; background: var(--color-brand); }