.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} @charset "UTF-8"; .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} @charset "UTF-8"; @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 300; src: url("../../files/layout/fonts/roboto-v51-latin-300.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/roboto-v51-latin-regular.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/roboto-v51-latin-700.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/montserrat-v31-latin-regular.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Oswald"; font-style: normal; font-weight: 400; src: url("../../files/layout/fonts/oswald-v57-latin-regular.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Oswald"; font-style: normal; font-weight: 500; src: url("../../files/layout/fonts/oswald-v57-latin-500.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Oswald"; font-style: normal; font-weight: 600; src: url("../../files/layout/fonts/oswald-v57-latin-600.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Oswald"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/oswald-v57-latin-700.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Montserrat"; font-style: normal; font-weight: 600; src: url("../../files/layout/fonts/montserrat-v31-latin-600.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "Montserrat"; font-style: normal; font-weight: 700; src: url("../../files/layout/fonts/montserrat-v31-latin-700.woff2") format("woff2"); } :root { --body-bg:#fff; --body-bg-rgb:255, 255, 255; --clr-primary:#dd3333; --clr-primary-rgb:221, 51, 51; --clr-secondary:#8b8d94; --clr-secondary-rgb:139, 141, 148; --clr-light:#f3f3f3; --clr-light-rgb:243, 243, 243; --clr-dark:#1a1a1a; --clr-dark-rgb:26, 26, 26; --text-clr-base:#6b6e75; --text-clr-invert:#ffffff; --font-family:"Montserrat", "Helvetica Neue", Arial, sans-serif; --fs-base:16px; --leading-base:1.6; --fw-base:400; --fw-light:300; --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --bdr-r:0; --box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); --b-bdr-wdth:1px; --b-bdr-style:solid; --b-bdr-clr:#e3e3e3; --b-bdr-r:0; --selection-clr:var(--text-clr-invert); --selection-bg:var(--clr-primary); --bp-xs: 600px; --bp-s: 768px; --bp-m: 1024px; --bp-l: 1264px; --bp-xl: 1921px; --hdr-hght:80px; --header-bg:transparent; --nav-bhr:1024px; --nav-fs:16px; --columns:12; --gtr:2rem; --gtr-btm:2rem; --gtr-half:1rem; --gtr-half-sml:0.5rem; --gtr-half-btm:1rem; --gtr-x:var(--gtr); --mx-1:1rem; --mx-2:2rem; --mx-3:3rem; --my-1:1rem; --my-2:2rem; --my-3:3rem; --px-1:1rem; --px-2:2rem; --px-3:3rem; --py-1:1rem; --py-2:2rem; --py-3:3rem; --e-m:1rem; --strong-clr:var(--text-clr-base); --a-fw:400; --a-clr:#dd3333; --a-clr-hvr:#000; --a-td:underline; --a-td-hvr:underline; --h1-clr:#333; --h2-clr:#d4000a; --h3-clr:#333; --h4-clr:#333; --h5-clr:#6b6e75; --h6-clr:#6b6e75; --h1-fs:1.9rem; --h2-fs:1.75rem; --h3-fs:1.187rem; --h4-fs:1.12rem; --h5-fs:1.031rem; --h6-fs:1rem; --hl-mb-1:1rem; --hl-mb-s-1:1.25rem; --hl-mb-l-1:1.75rem; --hl-mb-2:1rem; --hl-mb-s-2:1.562rem; --hl-mb-l-2:2.187rem; --hl-mb-3:1rem; --hl-mb-s-3:1.875rem; --hl-mb-l-3:3rem; --btn-1-bg:#dd3333; --btn-1-clr:#ffffff; --btn-1-bdr-clr:#dd3333; --btn-1-bg-hvr:#000; --btn-1-clr-hvr:#ffffff; --btn-1-bdr-clr-hvr:#000; --btn-2-bg:#8b8d94; --btn-2-clr:#ffffff; --btn-2-bdr-clr:#8b8d94; --btn-2-bg-hvr:#71737b; --btn-2-clr-hvr:#ffffff; --btn-2-bdr-clr-hvr:#71737b; --btn-3-bg:#1a1a1a; --btn-3-clr:#ffffff; --btn-3-bdr-clr:#1a1a1a; --btn-3-bg-hvr:#010101; --btn-3-clr-hvr:#ffffff; --btn-3-bdr-clr-hvr:#010101; --btn-fw:700; --btn-tf:none; --btn-td:none; --btn-td-hvr:none; --btn-bdr:1px solid; --btn-bdr-r:1px; --btn-p-1:0.4375rem 0.9375rem; --btn-p-2:0.6875rem 1.0625rem; --btn-p-3:0.9375rem 1.9375rem; --btn-p-4:1.4375rem 2.9375rem; --form-clr-txt:var(--text-clr-base); --form-clr-bg:var(--body-bg); --form-clr-border:#cccccc; --form-clr-ph:#cccccc; --form-clr-label:var(--text-clr-base); --form-clr-exp:var(--text-clr-base); --form-bdr-wdth:1px; --cbx-clr-label:var(--text-clr-base); --cbx-symbol-clr:var(--text-clr-base); --cbx-bg-clr:var(--body-bg); --cbx-bg-clr-hvr:var(--body-bg); --cbx-bdr-clr:#cccccc; --cbx-bdr-clr-hvr:#b4b4b4; --focus-clr: var(--clr-primary); --focus-style: 3px dotted var(--focus-clr); --focus-offset: 2px; } @media (min-width: 600px) { :root { --h1-fs:2.4rem; --h2-fs:2.125rem; --h3-fs:1.287rem; --h4-fs:1.172rem; --h5-fs:1.069rem; --h6-fs:1rem; } } @media (min-width: 1024px) { :root { --h1-fs:3.25rem; --h2-fs:2.625rem; --h3-fs:1.5rem; --h4-fs:1.25rem; --h5-fs:1.125rem; --h6-fs:1rem; } } @media (min-width: 768px) { :root { --lyt-col-wdth:200px; --lyt-col-gtr:1rem; } } @media (min-width: 1024px) { :root { --lyt-col-wdth:300px; --lyt-col-gtr:2rem; } } @media (min-width: 1264px) { :root { --lyt-col-wdth:330px; --lyt-col-gtr:3rem; } } *, *::before, *::after { box-sizing: border-box; } ::selection { color: var(--selection-clr); background: var(--selection-bg); } body { background-color: var(--body-bg); color: var(--text-clr-base); font-family: var(--font-family); font-size: var(--fs-base); font-weight: var(--fw-base); line-height: var(--leading-base); margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } img { height: auto; max-width: 100%; width: 100%; } figure { line-height: 0; margin: 0; } figcaption { line-height: var(--leading-base); } picture { display: block; } iframe { border: 0; } address { font-style: normal; } fieldset { border: none; margin: 0; padding: 0; } .media { display: flow-root; } .clear, #clear { height: 0.1px; font-size: 0.1px; line-height: 0.1px; clear: both; } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0 !important; position: absolute; width: 1px; } .float_left, .media--left figure { float: left; } .float_right, .media--right figure { float: right; } p { margin-top: 0; margin-bottom: 1rem; word-break: break-word; } p:last-child { margin-bottom: 0; } a { font-weight: var(--a-fw); color: var(--a-clr); text-decoration: var(--a-td); } a:hover { color: var(--a-clr-hvr); text-decoration: var(--a-td-hvr); } b, strong { color: var(--strong-clr); font-weight: 700; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 1rem; } h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child { margin-bottom: 0; } h1, .h1 { color: var(--h1-clr); font-size: var(--h1-fs); line-height: 1.2; font-weight: 600; letter-spacing: 0rem; text-transform: uppercase; } h2, .h2 { color: var(--h2-clr); font-size: var(--h2-fs); line-height: 1.2; font-weight: 600; letter-spacing: 0rem; text-transform: uppercase; } h3, .h3 { color: var(--h3-clr); font-size: var(--h3-fs); line-height: 1.2; font-weight: 600; letter-spacing: 0rem; text-transform: uppercase; } h4, .h4 { color: var(--h4-clr); font-size: var(--h4-fs); line-height: 1.2; font-weight: 600; letter-spacing: 0rem; text-transform: uppercase; } h5, .h5 { color: var(--h5-clr); font-size: var(--h5-fs); line-height: 1.2; font-weight: 700; letter-spacing: 0rem; text-transform: none; } h6, .h6 { color: var(--h6-clr); font-size: var(--h6-fs); line-height: 1.2; font-weight: 700; letter-spacing: 0rem; text-transform: none; } .bg-primary { --b-bg:var(--clr-primary); background-color: var(--clr-primary); } .bg-secondary { --b-bg:var(--clr-secondary); background-color: var(--clr-secondary); } .bg-light { --b-bg:var(--clr-light); background-color: var(--clr-light); } .bg-dark { --b-bg:var(--clr-dark); background-color: var(--clr-dark); } :root { --hdr-0:80px; --hdr-xs:80px; --hdr-s:80px; --hdr-m:100px; --hdr-l:100px; --hdr-xl:100px; } @media (min-width: 1024px) { :root { --hdr-hght:var(--hdr-m); } } body.fixed header { position: fixed; top: 0; } body.fixed.undock { padding-top: var(--hdr-hght); } header { height: var(--hdr-hght); background: var(--header-bg); width: 100%; z-index: 99; } header > .inside { display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0rem 1rem; } .inside { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .flex { display: flex; } .sticky > .inside { position: sticky; top: 0; } #container > .inside { display: flex; flex-direction: column; row-gap: var(--gtr-btm); } .layout-float-left > .inside:after, .layout-float-right > .inside:after { content: ""; display: block; clear: both; } #main { flex: 1; order: 10; } #right, #left { order: 15; } #right > .inside, #left > .inside { margin-left: revert; margin-right: revert; } #right .mod_article, #left .mod_article { padding-left: 0; padding-right: 0; } .right-first #right, .left-first #left { order: 3; } @media (min-width: 768px) { #container > .inside { flex-direction: row; column-gap: var(--lyt-col-gtr); } #left, #right { width: var(--lyt-col-wdth); } #left, .left-first #left { order: 5; } #right, .right-first #right { order: 15; } } .mod_breadcrumb, .pagination-container { --justify:center; } .flow-auto { --justify:center; --i:-!important; } .mod_breadcrumb ul, .pagination ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: var(--justify); column-gap: 0.625rem; } .grid { --v-gap:var(--gtr-btm); --h-gap:var(--gtr); --justify:normal; --flex-items:normal; } .grid > .inside { margin-left: calc(var(--gtr-x) * -0.5); margin-right: calc(var(--gtr-x) * -0.5); position: relative; display: flex; flex: 0 1 auto; flex-wrap: wrap; flex-direction: row; justify-content: var(--justify); align-items: var(--flex-items); row-gap: var(--v-gap); } .grid > .inside > * { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; max-width: 100%; padding-right: calc(var(--gtr-x) * 0.5); padding-left: calc(var(--gtr-x) * 0.5); } [class*=col-] { --col-amt:12; --col-algn:auto; --col-off:0; --col-order:0; --col-wdth:calc(var(--col-amt) / var(--columns) * 100%); --col-ml:calc(var(--col-off) / var(--columns) * 100%); margin-left: var(--col-ml) !important; max-width: var(--col-wdth) !important; flex-basis: var(--col-wdth) !important; align-self: var(--col-algn) !important; } .col-top { --col-algn:flex-start; } .col-middle { --col-algn:center; } .col-bottom { --col-algn:flex-end; } .col-baseline { --col-algn:baseline; } .col-stretch { --col-algn:stretch; } .col-auto { --col-amt:12; flex-grow: 1 !important; flex-basis: 0 !important; } .order-first { order: -1; } .order-last { order: 13; } .col-1 { --col-amt:1; } .order-1 { order: 1; } .col-2 { --col-amt:2; } .order-2 { order: 2; } .col-3 { --col-amt:3; } .order-3 { order: 3; } .col-4 { --col-amt:4; } .order-4 { order: 4; } .col-5 { --col-amt:5; } .order-5 { order: 5; } .col-6 { --col-amt:6; } .order-6 { order: 6; } .col-7 { --col-amt:7; } .order-7 { order: 7; } .col-8 { --col-amt:8; } .order-8 { order: 8; } .col-9 { --col-amt:9; } .order-9 { order: 9; } .col-10 { --col-amt:10; } .order-10 { order: 10; } .col-11 { --col-amt:11; } .order-11 { order: 11; } .col-12 { --col-amt:12; } .order-12 { order: 12; } .offset-1 { --col-off:1; } .offset-2 { --col-off:2; } .offset-3 { --col-off:3; } .offset-4 { --col-off:4; } .offset-5 { --col-off:5; } .offset-6 { --col-off:6; } .offset-7 { --col-off:7; } .offset-8 { --col-off:8; } .offset-9 { --col-off:9; } .offset-10 { --col-off:10; } .offset-11 { --col-off:11; } @media (min-width: 600px) { .col-xs-top { --col-algn:flex-start; } .col-xs-middle { --col-algn:center; } .col-xs-bottom { --col-algn:flex-end; } .col-xs-baseline { --col-algn:baseline; } .col-xs-stretch { --col-algn:stretch; } .col-xs-auto { --col-amt:12; flex-grow: 1 !important; flex-basis: 0 !important; } .order-xs-first { order: -1; } .order-xs-last { order: 13; } .col-xs-1 { --col-amt:1; } .order-xs-1 { order: 1; } .col-xs-2 { --col-amt:2; } .order-xs-2 { order: 2; } .col-xs-3 { --col-amt:3; } .order-xs-3 { order: 3; } .col-xs-4 { --col-amt:4; } .order-xs-4 { order: 4; } .col-xs-5 { --col-amt:5; } .order-xs-5 { order: 5; } .col-xs-6 { --col-amt:6; } .order-xs-6 { order: 6; } .col-xs-7 { --col-amt:7; } .order-xs-7 { order: 7; } .col-xs-8 { --col-amt:8; } .order-xs-8 { order: 8; } .col-xs-9 { --col-amt:9; } .order-xs-9 { order: 9; } .col-xs-10 { --col-amt:10; } .order-xs-10 { order: 10; } .col-xs-11 { --col-amt:11; } .order-xs-11 { order: 11; } .col-xs-12 { --col-amt:12; } .order-xs-12 { order: 12; } .offset-xs-0 { --col-off:0; } .offset-xs-1 { --col-off:1; } .offset-xs-2 { --col-off:2; } .offset-xs-3 { --col-off:3; } .offset-xs-4 { --col-off:4; } .offset-xs-5 { --col-off:5; } .offset-xs-6 { --col-off:6; } .offset-xs-7 { --col-off:7; } .offset-xs-8 { --col-off:8; } .offset-xs-9 { --col-off:9; } .offset-xs-10 { --col-off:10; } .offset-xs-11 { --col-off:11; } } @media (min-width: 768px) { .col-s-top { --col-algn:flex-start; } .col-s-middle { --col-algn:center; } .col-s-bottom { --col-algn:flex-end; } .col-s-baseline { --col-algn:baseline; } .col-s-stretch { --col-algn:stretch; } .col-s-auto { --col-amt:12; flex-grow: 1 !important; flex-basis: 0 !important; } .order-s-first { order: -1; } .order-s-last { order: 13; } .col-s-1 { --col-amt:1; } .order-s-1 { order: 1; } .col-s-2 { --col-amt:2; } .order-s-2 { order: 2; } .col-s-3 { --col-amt:3; } .order-s-3 { order: 3; } .col-s-4 { --col-amt:4; } .order-s-4 { order: 4; } .col-s-5 { --col-amt:5; } .order-s-5 { order: 5; } .col-s-6 { --col-amt:6; } .order-s-6 { order: 6; } .col-s-7 { --col-amt:7; } .order-s-7 { order: 7; } .col-s-8 { --col-amt:8; } .order-s-8 { order: 8; } .col-s-9 { --col-amt:9; } .order-s-9 { order: 9; } .col-s-10 { --col-amt:10; } .order-s-10 { order: 10; } .col-s-11 { --col-amt:11; } .order-s-11 { order: 11; } .col-s-12 { --col-amt:12; } .order-s-12 { order: 12; } .offset-s-0 { --col-off:0; } .offset-s-1 { --col-off:1; } .offset-s-2 { --col-off:2; } .offset-s-3 { --col-off:3; } .offset-s-4 { --col-off:4; } .offset-s-5 { --col-off:5; } .offset-s-6 { --col-off:6; } .offset-s-7 { --col-off:7; } .offset-s-8 { --col-off:8; } .offset-s-9 { --col-off:9; } .offset-s-10 { --col-off:10; } .offset-s-11 { --col-off:11; } } @media (min-width: 1024px) { .col-m-top { --col-algn:flex-start; } .col-m-middle { --col-algn:center; } .col-m-bottom { --col-algn:flex-end; } .col-m-baseline { --col-algn:baseline; } .col-m-stretch { --col-algn:stretch; } .col-m-auto { --col-amt:12; flex-grow: 1 !important; flex-basis: 0 !important; } .order-m-first { order: -1; } .order-m-last { order: 13; } .col-m-1 { --col-amt:1; } .order-m-1 { order: 1; } .col-m-2 { --col-amt:2; } .order-m-2 { order: 2; } .col-m-3 { --col-amt:3; } .order-m-3 { order: 3; } .col-m-4 { --col-amt:4; } .order-m-4 { order: 4; } .col-m-5 { --col-amt:5; } .order-m-5 { order: 5; } .col-m-6 { --col-amt:6; } .order-m-6 { order: 6; } .col-m-7 { --col-amt:7; } .order-m-7 { order: 7; } .col-m-8 { --col-amt:8; } .order-m-8 { order: 8; } .col-m-9 { --col-amt:9; } .order-m-9 { order: 9; } .col-m-10 { --col-amt:10; } .order-m-10 { order: 10; } .col-m-11 { --col-amt:11; } .order-m-11 { order: 11; } .col-m-12 { --col-amt:12; } .order-m-12 { order: 12; } .offset-m-0 { --col-off:0; } .offset-m-1 { --col-off:1; } .offset-m-2 { --col-off:2; } .offset-m-3 { --col-off:3; } .offset-m-4 { --col-off:4; } .offset-m-5 { --col-off:5; } .offset-m-6 { --col-off:6; } .offset-m-7 { --col-off:7; } .offset-m-8 { --col-off:8; } .offset-m-9 { --col-off:9; } .offset-m-10 { --col-off:10; } .offset-m-11 { --col-off:11; } } @media (min-width: 1264px) { .col-l-top { --col-algn:flex-start; } .col-l-middle { --col-algn:center; } .col-l-bottom { --col-algn:flex-end; } .col-l-baseline { --col-algn:baseline; } .col-l-stretch { --col-algn:stretch; } .col-l-auto { --col-amt:12; flex-grow: 1 !important; flex-basis: 0 !important; } .order-l-first { order: -1; } .order-l-last { order: 13; } .col-l-1 { --col-amt:1; } .order-l-1 { order: 1; } .col-l-2 { --col-amt:2; } .order-l-2 { order: 2; } .col-l-3 { --col-amt:3; } .order-l-3 { order: 3; } .col-l-4 { --col-amt:4; } .order-l-4 { order: 4; } .col-l-5 { --col-amt:5; } .order-l-5 { order: 5; } .col-l-6 { --col-amt:6; } .order-l-6 { order: 6; } .col-l-7 { --col-amt:7; } .order-l-7 { order: 7; } .col-l-8 { --col-amt:8; } .order-l-8 { order: 8; } .col-l-9 { --col-amt:9; } .order-l-9 { order: 9; } .col-l-10 { --col-amt:10; } .order-l-10 { order: 10; } .col-l-11 { --col-amt:11; } .order-l-11 { order: 11; } .col-l-12 { --col-amt:12; } .order-l-12 { order: 12; } .offset-l-0 { --col-off:0; } .offset-l-1 { --col-off:1; } .offset-l-2 { --col-off:2; } .offset-l-3 { --col-off:3; } .offset-l-4 { --col-off:4; } .offset-l-5 { --col-off:5; } .offset-l-6 { --col-off:6; } .offset-l-7 { --col-off:7; } .offset-l-8 { --col-off:8; } .offset-l-9 { --col-off:9; } .offset-l-10 { --col-off:10; } .offset-l-11 { --col-off:11; } } @media (min-width: 1921px) { .col-xl-top { --col-algn:flex-start; } .col-xl-middle { --col-algn:center; } .col-xl-bottom { --col-algn:flex-end; } .col-xl-baseline { --col-algn:baseline; } .col-xl-stretch { --col-algn:stretch; } .col-xl-auto { --col-amt:12; flex-grow: 1 !important; flex-basis: 0 !important; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .col-xl-1 { --col-amt:1; } .order-xl-1 { order: 1; } .col-xl-2 { --col-amt:2; } .order-xl-2 { order: 2; } .col-xl-3 { --col-amt:3; } .order-xl-3 { order: 3; } .col-xl-4 { --col-amt:4; } .order-xl-4 { order: 4; } .col-xl-5 { --col-amt:5; } .order-xl-5 { order: 5; } .col-xl-6 { --col-amt:6; } .order-xl-6 { order: 6; } .col-xl-7 { --col-amt:7; } .order-xl-7 { order: 7; } .col-xl-8 { --col-amt:8; } .order-xl-8 { order: 8; } .col-xl-9 { --col-amt:9; } .order-xl-9 { order: 9; } .col-xl-10 { --col-amt:10; } .order-xl-10 { order: 10; } .col-xl-11 { --col-amt:11; } .order-xl-11 { order: 11; } .col-xl-12 { --col-amt:12; } .order-xl-12 { order: 12; } .offset-xl-0 { --col-off:0; } .offset-xl-1 { --col-off:1; } .offset-xl-2 { --col-off:2; } .offset-xl-3 { --col-off:3; } .offset-xl-4 { --col-off:4; } .offset-xl-5 { --col-off:5; } .offset-xl-6 { --col-off:6; } .offset-xl-7 { --col-off:7; } .offset-xl-8 { --col-off:8; } .offset-xl-9 { --col-off:9; } .offset-xl-10 { --col-off:10; } .offset-xl-11 { --col-off:11; } } .grid-list { --v-gap:var(--gtr-btm); --h-gap:var(--gtr); --i-h-gap:var(--h-gap); --i:1; --justify:normal; --flex-items:normal; display: flex; flex-wrap: wrap; justify-content: var(--justify); align-items: var(--flex-items); gap: var(--v-gap) var(--h-gap); } .grid-list > :is(div, .item) { width: calc(100% / var(--i) - (var(--i) - 1) / var(--i) * var(--i-h-gap)); } .item > .inside { background-color: var(--i-bg, transparent); padding: var(--i-py, 0) var(--i-px, 0); margin: 0; } .list-1 { --i: 1; } .list-2 { --i: 2; } .list-3 { --i: 3; } .list-4 { --i: 4; } .list-5 { --i: 5; } .list-6 { --i: 6; } @media (min-width: 600px) { .list-xs-1 { --i: 1; } .list-xs-2 { --i: 2; } .list-xs-3 { --i: 3; } .list-xs-4 { --i: 4; } .list-xs-5 { --i: 5; } .list-xs-6 { --i: 6; } } @media (min-width: 768px) { .list-s-1 { --i: 1; } .list-s-2 { --i: 2; } .list-s-3 { --i: 3; } .list-s-4 { --i: 4; } .list-s-5 { --i: 5; } .list-s-6 { --i: 6; } } @media (min-width: 1024px) { .list-m-1 { --i: 1; } .list-m-2 { --i: 2; } .list-m-3 { --i: 3; } .list-m-4 { --i: 4; } .list-m-5 { --i: 5; } .list-m-6 { --i: 6; } } @media (min-width: 1264px) { .list-l-1 { --i: 1; } .list-l-2 { --i: 2; } .list-l-3 { --i: 3; } .list-l-4 { --i: 4; } .list-l-5 { --i: 5; } .list-l-6 { --i: 6; } } @media (min-width: 1921px) { .list-xl-1 { --i: 1; } .list-xl-2 { --i: 2; } .list-xl-3 { --i: 3; } .list-xl-4 { --i: 4; } .list-xl-5 { --i: 5; } .list-xl-6 { --i: 6; } } .gtr-f { --v-gap:var(--gtr-half-btm); --h-gap:var(--gtr-half); } .gtr-f > .inside { --gtr-x:var(--gtr-half); } .gtr-2 { --v-gap:var(--gtr-btm); --h-gap:var(--gtr); } .gtr-2 > .inside { --gtr-x:var(--gtr); } .gtr-1 { --v-gap:var(--gtr-half-btm); --h-gap:var(--gtr-half); } .gtr-1 > .inside { --gtr-x:var(--gtr-half); } .gtr-0 { --v-gap:0rem; --h-gap:0rem; } .gtr-0 > .inside { --gtr-x:0rem; } .items-start { --flex-items: flex-start; } .items-center { --flex-items: center; } .items-end { --flex-items: flex-end; } .items-baseline { --flex-items: baseline; } .self-start { --self-align: start; } .self-center { --self-align: center; } .self-end { --self-align: end; } .self-baseline { --self-align: baseline; } .auto-height { --flex-items: stretch; align-items: stretch; } .auto-height .inside { height: 100%; } .box > .inside { padding: var(--i-py, var(--py-1)) var(--i-px, var(--px-1)); } .box-list { --i-px:var(--px-1); --i-py:var(--py-1); } .ce_rsce_image_list { --e-m:0; } .justify-start { --justify: flex-start; } .justify-center { --justify: center; } .justify-end { --justify: flex-end; } .justify-between { --justify: space-between; } .justify-around { --justify: space-around; } .justify-evenly { --justify: space-evenly; } .justify-stretch { --justify: stretch; } .justify-normal { --justify: normal; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: var(--my-1) !important; } .mt-2 { margin-top: var(--my-2) !important; } .mt-3 { margin-top: var(--my-3) !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: var(--my-1) !important; } .mb-2 { margin-bottom: var(--my-2) !important; } .mb-3 { margin-bottom: var(--my-3) !important; } .ml-0 { margin-left: 0 !important; } .ml-1 { margin-left: var(--mx-1) !important; } .ml-2 { margin-left: var(--mx-2) !important; } .ml-3 { margin-left: var(--mx-3) !important; } .mr-0 { margin-right: 0 !important; } .mr-1 { margin-right: var(--mx-1) !important; } .mr-2 { margin-right: var(--mx-2) !important; } .mr-3 { margin-right: var(--mx-3) !important; } .p-0 { padding: 0 !important; } .p-1 { padding: var(--py-1) var(--px-1) !important; } .p-2 { padding: var(--py-2) var(--px-2) !important; } .p-3 { padding: var(--py-3) var(--px-3) !important; } .i-p-0 { --i-px: 0%; --i-py: 0%; } .i-p-1 { --i-px: var(--px-1); --i-py: var(--py-1); } .i-p-2 { --i-px: var(--px-2); --i-py: var(--py-2); } .i-p-3 { --i-px: var(--px-3); --i-py: var(--py-3); } .em-0 { --e-m: 0; } .em-1 { --e-m: 1rem; } .em-2 { --e-m: 2rem; } .em-3 { --e-m: 3rem; } li.nav-right { --nlr: "initial"; --nlr2: "initial"; --nll: 100%; --nll2: "initial"; } li.nav-left { --nlr: 100%; --nlr2: 0; --nll: "initial"; --nll2: "initial"; } @media (min-width: 600px) { .justify-xs-start { --justify: flex-start; } .justify-xs-center { --justify: center; } .justify-xs-end { --justify: flex-end; } .justify-xs-between { --justify: space-between; } .justify-xs-around { --justify: space-around; } .justify-xs-evenly { --justify: space-evenly; } .justify-xs-stretch { --justify: stretch; } .justify-xs-normal { --justify: normal; } .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } .text-xs-right { text-align: right; } .text-xs-justify { text-align: justify; } .mt-xs-0 { margin-top: 0 !important; } .mt-xs-1 { margin-top: var(--my-1) !important; } .mt-xs-2 { margin-top: var(--my-2) !important; } .mt-xs-3 { margin-top: var(--my-3) !important; } .mb-xs-0 { margin-bottom: 0 !important; } .mb-xs-1 { margin-bottom: var(--my-1) !important; } .mb-xs-2 { margin-bottom: var(--my-2) !important; } .mb-xs-3 { margin-bottom: var(--my-3) !important; } .ml-xs-0 { margin-left: 0 !important; } .ml-xs-1 { margin-left: var(--mx-1) !important; } .ml-xs-2 { margin-left: var(--mx-2) !important; } .ml-xs-3 { margin-left: var(--mx-3) !important; } .mr-xs-0 { margin-right: 0 !important; } .mr-xs-1 { margin-right: var(--mx-1) !important; } .mr-xs-2 { margin-right: var(--mx-2) !important; } .mr-xs-3 { margin-right: var(--mx-3) !important; } .p-xs-0 { padding: 0 !important; } .p-xs-1 { padding: var(--py-1) var(--px-1) !important; } .p-xs-2 { padding: var(--py-2) var(--px-2) !important; } .p-xs-3 { padding: var(--py-3) var(--px-3) !important; } .i-p-xs-0 { --i-px: 0%; --i-py: 0%; } .i-p-xs-1 { --i-px: var(--px-1); --i-py: var(--py-1); } .i-p-xs-2 { --i-px: var(--px-2); --i-py: var(--py-2); } .i-p-xs-3 { --i-px: var(--px-3); --i-py: var(--py-3); } .em-xs-0 { --e-m: 0; } .em-xs-1 { --e-m: 1rem; } .em-xs-2 { --e-m: 2rem; } .em-xs-3 { --e-m: 3rem; } li.nav-xs-right { --nlr: "initial"; --nlr2: "initial"; --nll: 100%; --nll2: "initial"; } li.nav-xs-left { --nlr: 100%; --nlr2: 0; --nll: "initial"; --nll2: "initial"; } } @media (min-width: 768px) { .justify-s-start { --justify: flex-start; } .justify-s-center { --justify: center; } .justify-s-end { --justify: flex-end; } .justify-s-between { --justify: space-between; } .justify-s-around { --justify: space-around; } .justify-s-evenly { --justify: space-evenly; } .justify-s-stretch { --justify: stretch; } .justify-s-normal { --justify: normal; } .text-s-left { text-align: left; } .text-s-center { text-align: center; } .text-s-right { text-align: right; } .text-s-justify { text-align: justify; } .mt-s-0 { margin-top: 0 !important; } .mt-s-1 { margin-top: var(--my-1) !important; } .mt-s-2 { margin-top: var(--my-2) !important; } .mt-s-3 { margin-top: var(--my-3) !important; } .mb-s-0 { margin-bottom: 0 !important; } .mb-s-1 { margin-bottom: var(--my-1) !important; } .mb-s-2 { margin-bottom: var(--my-2) !important; } .mb-s-3 { margin-bottom: var(--my-3) !important; } .ml-s-0 { margin-left: 0 !important; } .ml-s-1 { margin-left: var(--mx-1) !important; } .ml-s-2 { margin-left: var(--mx-2) !important; } .ml-s-3 { margin-left: var(--mx-3) !important; } .mr-s-0 { margin-right: 0 !important; } .mr-s-1 { margin-right: var(--mx-1) !important; } .mr-s-2 { margin-right: var(--mx-2) !important; } .mr-s-3 { margin-right: var(--mx-3) !important; } .p-s-0 { padding: 0 !important; } .p-s-1 { padding: var(--py-1) var(--px-1) !important; } .p-s-2 { padding: var(--py-2) var(--px-2) !important; } .p-s-3 { padding: var(--py-3) var(--px-3) !important; } .i-p-s-0 { --i-px: 0%; --i-py: 0%; } .i-p-s-1 { --i-px: var(--px-1); --i-py: var(--py-1); } .i-p-s-2 { --i-px: var(--px-2); --i-py: var(--py-2); } .i-p-s-3 { --i-px: var(--px-3); --i-py: var(--py-3); } .em-s-0 { --e-m: 0; } .em-s-1 { --e-m: 1rem; } .em-s-2 { --e-m: 2rem; } .em-s-3 { --e-m: 3rem; } li.nav-s-right { --nlr: "initial"; --nlr2: "initial"; --nll: 100%; --nll2: "initial"; } li.nav-s-left { --nlr: 100%; --nlr2: 0; --nll: "initial"; --nll2: "initial"; } } @media (min-width: 1024px) { .justify-m-start { --justify: flex-start; } .justify-m-center { --justify: center; } .justify-m-end { --justify: flex-end; } .justify-m-between { --justify: space-between; } .justify-m-around { --justify: space-around; } .justify-m-evenly { --justify: space-evenly; } .justify-m-stretch { --justify: stretch; } .justify-m-normal { --justify: normal; } .text-m-left { text-align: left; } .text-m-center { text-align: center; } .text-m-right { text-align: right; } .text-m-justify { text-align: justify; } .mt-m-0 { margin-top: 0 !important; } .mt-m-1 { margin-top: var(--my-1) !important; } .mt-m-2 { margin-top: var(--my-2) !important; } .mt-m-3 { margin-top: var(--my-3) !important; } .mb-m-0 { margin-bottom: 0 !important; } .mb-m-1 { margin-bottom: var(--my-1) !important; } .mb-m-2 { margin-bottom: var(--my-2) !important; } .mb-m-3 { margin-bottom: var(--my-3) !important; } .ml-m-0 { margin-left: 0 !important; } .ml-m-1 { margin-left: var(--mx-1) !important; } .ml-m-2 { margin-left: var(--mx-2) !important; } .ml-m-3 { margin-left: var(--mx-3) !important; } .mr-m-0 { margin-right: 0 !important; } .mr-m-1 { margin-right: var(--mx-1) !important; } .mr-m-2 { margin-right: var(--mx-2) !important; } .mr-m-3 { margin-right: var(--mx-3) !important; } .p-m-0 { padding: 0 !important; } .p-m-1 { padding: var(--py-1) var(--px-1) !important; } .p-m-2 { padding: var(--py-2) var(--px-2) !important; } .p-m-3 { padding: var(--py-3) var(--px-3) !important; } .i-p-m-0 { --i-px: 0%; --i-py: 0%; } .i-p-m-1 { --i-px: var(--px-1); --i-py: var(--py-1); } .i-p-m-2 { --i-px: var(--px-2); --i-py: var(--py-2); } .i-p-m-3 { --i-px: var(--px-3); --i-py: var(--py-3); } .em-m-0 { --e-m: 0; } .em-m-1 { --e-m: 1rem; } .em-m-2 { --e-m: 2rem; } .em-m-3 { --e-m: 3rem; } li.nav-m-right { --nlr: "initial"; --nlr2: "initial"; --nll: 100%; --nll2: "initial"; } li.nav-m-left { --nlr: 100%; --nlr2: 0; --nll: "initial"; --nll2: "initial"; } } @media (min-width: 1264px) { .justify-l-start { --justify: flex-start; } .justify-l-center { --justify: center; } .justify-l-end { --justify: flex-end; } .justify-l-between { --justify: space-between; } .justify-l-around { --justify: space-around; } .justify-l-evenly { --justify: space-evenly; } .justify-l-stretch { --justify: stretch; } .justify-l-normal { --justify: normal; } .text-l-left { text-align: left; } .text-l-center { text-align: center; } .text-l-right { text-align: right; } .text-l-justify { text-align: justify; } .mt-l-0 { margin-top: 0 !important; } .mt-l-1 { margin-top: var(--my-1) !important; } .mt-l-2 { margin-top: var(--my-2) !important; } .mt-l-3 { margin-top: var(--my-3) !important; } .mb-l-0 { margin-bottom: 0 !important; } .mb-l-1 { margin-bottom: var(--my-1) !important; } .mb-l-2 { margin-bottom: var(--my-2) !important; } .mb-l-3 { margin-bottom: var(--my-3) !important; } .ml-l-0 { margin-left: 0 !important; } .ml-l-1 { margin-left: var(--mx-1) !important; } .ml-l-2 { margin-left: var(--mx-2) !important; } .ml-l-3 { margin-left: var(--mx-3) !important; } .mr-l-0 { margin-right: 0 !important; } .mr-l-1 { margin-right: var(--mx-1) !important; } .mr-l-2 { margin-right: var(--mx-2) !important; } .mr-l-3 { margin-right: var(--mx-3) !important; } .p-l-0 { padding: 0 !important; } .p-l-1 { padding: var(--py-1) var(--px-1) !important; } .p-l-2 { padding: var(--py-2) var(--px-2) !important; } .p-l-3 { padding: var(--py-3) var(--px-3) !important; } .i-p-l-0 { --i-px: 0%; --i-py: 0%; } .i-p-l-1 { --i-px: var(--px-1); --i-py: var(--py-1); } .i-p-l-2 { --i-px: var(--px-2); --i-py: var(--py-2); } .i-p-l-3 { --i-px: var(--px-3); --i-py: var(--py-3); } .em-l-0 { --e-m: 0; } .em-l-1 { --e-m: 1rem; } .em-l-2 { --e-m: 2rem; } .em-l-3 { --e-m: 3rem; } li.nav-l-right { --nlr: "initial"; --nlr2: "initial"; --nll: 100%; --nll2: "initial"; } li.nav-l-left { --nlr: 100%; --nlr2: 0; --nll: "initial"; --nll2: "initial"; } } @media (min-width: 1921px) { .justify-xl-start { --justify: flex-start; } .justify-xl-center { --justify: center; } .justify-xl-end { --justify: flex-end; } .justify-xl-between { --justify: space-between; } .justify-xl-around { --justify: space-around; } .justify-xl-evenly { --justify: space-evenly; } .justify-xl-stretch { --justify: stretch; } .justify-xl-normal { --justify: normal; } .text-xl-left { text-align: left; } .text-xl-center { text-align: center; } .text-xl-right { text-align: right; } .text-xl-justify { text-align: justify; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: var(--my-1) !important; } .mt-xl-2 { margin-top: var(--my-2) !important; } .mt-xl-3 { margin-top: var(--my-3) !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: var(--my-1) !important; } .mb-xl-2 { margin-bottom: var(--my-2) !important; } .mb-xl-3 { margin-bottom: var(--my-3) !important; } .ml-xl-0 { margin-left: 0 !important; } .ml-xl-1 { margin-left: var(--mx-1) !important; } .ml-xl-2 { margin-left: var(--mx-2) !important; } .ml-xl-3 { margin-left: var(--mx-3) !important; } .mr-xl-0 { margin-right: 0 !important; } .mr-xl-1 { margin-right: var(--mx-1) !important; } .mr-xl-2 { margin-right: var(--mx-2) !important; } .mr-xl-3 { margin-right: var(--mx-3) !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: var(--py-1) var(--px-1) !important; } .p-xl-2 { padding: var(--py-2) var(--px-2) !important; } .p-xl-3 { padding: var(--py-3) var(--px-3) !important; } .i-p-xl-0 { --i-px: 0%; --i-py: 0%; } .i-p-xl-1 { --i-px: var(--px-1); --i-py: var(--py-1); } .i-p-xl-2 { --i-px: var(--px-2); --i-py: var(--py-2); } .i-p-xl-3 { --i-px: var(--px-3); --i-py: var(--py-3); } .em-xl-0 { --e-m: 0; } .em-xl-1 { --e-m: 1rem; } .em-xl-2 { --e-m: 2rem; } .em-xl-3 { --e-m: 3rem; } li.nav-xl-right { --nlr: "initial"; --nlr2: "initial"; --nll: 100%; --nll2: "initial"; } li.nav-xl-left { --nlr: 100%; --nlr2: 0; --nll: "initial"; --nll2: "initial"; } } .c_headline { margin-bottom: 1rem; } .ce_headline:not(:last-child) { margin-bottom: calc(var(--v-gap) * -1); } .ce_headline:last-child .c_headline { margin-bottom: 0; } [class*=hl-mb-] { margin-bottom: var(--hl-mb, 1rem) !important; } .hl-mb-0 { --hl-mb: 0 ; } .hl-mb-auto-1 { --hl-mb: var(--hl-mb-1); } .hl-mb-auto-2 { --hl-mb: var(--hl-mb-2); } .hl-mb-auto-3 { --hl-mb: var(--hl-mb-3); } .hl-mb-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-1.hl-mb-1 { --hl-mb: var(--hl-mb-1); } .hl-mb-auto-1.hl-mb-2 { --hl-mb: var(--hl-mb-s-1); } .hl-mb-auto-1.hl-mb-3 { --hl-mb: var(--hl-mb-l-1); } .hl-mb-auto-2.hl-mb-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-auto-2.hl-mb-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-auto-2.hl-mb-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-3.hl-mb-1 { --hl-mb: var(--hl-mb-3); } .hl-mb-auto-3.hl-mb-2 { --hl-mb: var(--hl-mb-s-3); } .hl-mb-auto-3.hl-mb-3 { --hl-mb: var(--hl-mb-l-3); } @media (min-width: 600px) { .hl-mb-xs-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-xs-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-xs-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-1.hl-mb-xs-1 { --hl-mb: var(--hl-mb-1); } .hl-mb-auto-1.hl-mb-xs-2 { --hl-mb: var(--hl-mb-s-1); } .hl-mb-auto-1.hl-mb-xs-3 { --hl-mb: var(--hl-mb-l-1); } .hl-mb-auto-2.hl-mb-xs-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-auto-2.hl-mb-xs-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-auto-2.hl-mb-xs-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-3.hl-mb-xs-1 { --hl-mb: var(--hl-mb-3); } .hl-mb-auto-3.hl-mb-xs-2 { --hl-mb: var(--hl-mb-s-3); } .hl-mb-auto-3.hl-mb-xs-3 { --hl-mb: var(--hl-mb-l-3); } } @media (min-width: 768px) { .hl-mb-auto-1 { --hl-mb: var(--hl-mb-s-1); } .hl-mb-auto-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-auto-3 { --hl-mb: var(--hl-mb-s-3); } .hl-mb-s-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-s-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-s-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-1.hl-mb-s-1 { --hl-mb: var(--hl-mb-1); } .hl-mb-auto-1.hl-mb-s-2 { --hl-mb: var(--hl-mb-s-1); } .hl-mb-auto-1.hl-mb-s-3 { --hl-mb: var(--hl-mb-l-1); } .hl-mb-auto-2.hl-mb-s-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-auto-2.hl-mb-s-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-auto-2.hl-mb-s-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-3.hl-mb-s-1 { --hl-mb: var(--hl-mb-3); } .hl-mb-auto-3.hl-mb-s-2 { --hl-mb: var(--hl-mb-s-3); } .hl-mb-auto-3.hl-mb-s-3 { --hl-mb: var(--hl-mb-l-3); } } @media (min-width: 1024px) { .hl-mb-m-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-m-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-m-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-1.hl-mb-m-1 { --hl-mb: var(--hl-mb-1); } .hl-mb-auto-1.hl-mb-m-2 { --hl-mb: var(--hl-mb-s-1); } .hl-mb-auto-1.hl-mb-m-3 { --hl-mb: var(--hl-mb-l-1); } .hl-mb-auto-2.hl-mb-m-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-auto-2.hl-mb-m-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-auto-2.hl-mb-m-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-3.hl-mb-m-1 { --hl-mb: var(--hl-mb-3); } .hl-mb-auto-3.hl-mb-m-2 { --hl-mb: var(--hl-mb-s-3); } .hl-mb-auto-3.hl-mb-m-3 { --hl-mb: var(--hl-mb-l-3); } } @media (min-width: 1264px) { .hl-mb-auto-1 { --hl-mb: var(--hl-mb-l-1); } .hl-mb-auto-2 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-3 { --hl-mb: var(--hl-mb-l-3); } .hl-mb-l-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-l-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-l-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-1.hl-mb-l-1 { --hl-mb: var(--hl-mb-1); } .hl-mb-auto-1.hl-mb-l-2 { --hl-mb: var(--hl-mb-s-1); } .hl-mb-auto-1.hl-mb-l-3 { --hl-mb: var(--hl-mb-l-1); } .hl-mb-auto-2.hl-mb-l-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-auto-2.hl-mb-l-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-auto-2.hl-mb-l-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-3.hl-mb-l-1 { --hl-mb: var(--hl-mb-3); } .hl-mb-auto-3.hl-mb-l-2 { --hl-mb: var(--hl-mb-s-3); } .hl-mb-auto-3.hl-mb-l-3 { --hl-mb: var(--hl-mb-l-3); } } @media (min-width: 1921px) { .hl-mb-xl-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-xl-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-xl-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-1.hl-mb-xl-1 { --hl-mb: var(--hl-mb-1); } .hl-mb-auto-1.hl-mb-xl-2 { --hl-mb: var(--hl-mb-s-1); } .hl-mb-auto-1.hl-mb-xl-3 { --hl-mb: var(--hl-mb-l-1); } .hl-mb-auto-2.hl-mb-xl-1 { --hl-mb: var(--hl-mb-2); } .hl-mb-auto-2.hl-mb-xl-2 { --hl-mb: var(--hl-mb-s-2); } .hl-mb-auto-2.hl-mb-xl-3 { --hl-mb: var(--hl-mb-l-2); } .hl-mb-auto-3.hl-mb-xl-1 { --hl-mb: var(--hl-mb-3); } .hl-mb-auto-3.hl-mb-xl-2 { --hl-mb: var(--hl-mb-s-3); } .hl-mb-auto-3.hl-mb-xl-3 { --hl-mb: var(--hl-mb-l-3); } } .main-section .mod_article:nth-last-child(n+2) { --mpb:var(--gtr-half-btm); } .main-section .article_inside { padding-bottom: var(--mpb, 0); } .grid > .article_inside { margin-left: 0; margin-right: 0; } .gtr-0.grid > .article_inside > .ce_wrapper { --gtr-x:var(--h-gap); } .gtr-0.grid > .article_inside > .gtr-1 { --gtr-x:var(--gtr); } [class*=art-ol-self] + * > .inside { position: relative; z-index: 1; } [class*=art-ol-next] > .inside { position: relative; z-index: 1; } .article_inside, #container > .inside { padding-left: calc(var(--art-px, 0px) + var(--art-ox, 0px)); padding-right: calc(var(--art-px, 0px) + var(--art-ox, 0px)); } .mod_article:not([class*=art-px]) { --art-ox:0px!important; } .gtr-1 { --art-px:0.5rem; } .gtr-0[class*=art-px] { --art-px:1rem; } :root { --art-ox:0px; --art-py-1:2.5rem; --art-py-2:2.5rem; --art-py-3:2.5rem; } .art-py-1 > .inside, .art-py-1 #container > .inside { padding-top: var(--art-py-1); padding-bottom: var(--art-py-1); } .art-py-2 > .inside, .art-py-2 #container > .inside { padding-top: var(--art-py-2); padding-bottom: var(--art-py-2); } .art-py-3 > .inside, .art-py-3 #container > .inside { padding-top: var(--art-py-3); padding-bottom: var(--art-py-3); } .art-pt-1 > .inside { padding-top: var(--art-py-1); } .art-pb-1 > .inside { padding-bottom: var(--art-py-1); } .art-ol-self-1 { padding-bottom: var(--art-py-1); } .art-ol-self-1 + * { margin-bottom: calc(var(--art-py-1) * -1); } .art-ol-self-1 + * > .inside { top: calc(var(--art-py-1) * -1); } .art-ol-next-1 { margin-top: calc(var(--art-py-1) * -1); } .art-ol-next-1 > .inside { top: var(--art-py-1); } .art-ol-next-1 + * { padding-top: var(--art-py-1); } .art-pt-2 > .inside { padding-top: var(--art-py-2); } .art-pb-2 > .inside { padding-bottom: var(--art-py-2); } .art-ol-self-2 { padding-bottom: var(--art-py-2); } .art-ol-self-2 + * { margin-bottom: calc(var(--art-py-2) * -1); } .art-ol-self-2 + * > .inside { top: calc(var(--art-py-2) * -1); } .art-ol-next-2 { margin-top: calc(var(--art-py-2) * -1); } .art-ol-next-2 > .inside { top: var(--art-py-2); } .art-ol-next-2 + * { padding-top: var(--art-py-2); } .art-pt-3 > .inside { padding-top: var(--art-py-3); } .art-pb-3 > .inside { padding-bottom: var(--art-py-3); } .art-ol-self-3 { padding-bottom: var(--art-py-3); } .art-ol-self-3 + * { margin-bottom: calc(var(--art-py-3) * -1); } .art-ol-self-3 + * > .inside { top: calc(var(--art-py-3) * -1); } .art-ol-next-3 { margin-top: calc(var(--art-py-3) * -1); } .art-ol-next-3 > .inside { top: var(--art-py-3); } .art-ol-next-3 + * { padding-top: var(--art-py-3); } @media (min-width: 768px) { :root { --art-py-1:3.125rem; --art-py-2:3.75rem; --art-py-3:4.375rem; } } @media (min-width: 1024px) { :root { --art-py-1:3.75rem; --art-py-2:5rem; --art-py-3:5.9375rem; } .art-px-3 { --art-wdth:900px; } [class*=art-px] > .inside, [class*=art-px] #container > .inside { max-width: var(--art-wdth, auto); margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 1232px) { .art-px-2 { --art-wdth:1232px; } .art-px-3 { --art-wdth:1100px; } .mx-art { --art-mx:calc((max(var(--lvw,100lvw),1232px) - 1232px) / 2); } .gtr-0 > .article_inside .mx-art { --art-mx:calc(((max(var(--lvw,100lvw),1232px) - 1232px) / 2) + 1rem); } .ce_wrapper.grid:not(.gtr-0) > .mx-art { --art-mx:calc(((max(var(--lvw,100lvw),1232px) - 1232px) / 2) - (var(--gtr-x) / 2)); } .ml-art { margin-left: var(--art-mx) !important; } .mr-art { margin-right: var(--art-mx) !important; } } @media (min-width: 1264px) { :root { --art-py-1:4.375rem; --art-py-2:7.5rem; --art-py-3:9.375rem; } } @media (min-width: 1400px) { .art-px-1 { --art-wdth:1400px; } } .mod_article, .article-wrapper { --art-hght:auto; } .mod_article > .inside, .article-wrapper > .inside { min-height: var(--art-hght); } [class*=a-vh-] { --dock:0px; --art-hght:calc(var(--a-vh) - var(--dock)); } .h-hght { --dock: var(--hdr-hght); } .a-vh-50 { --a-vh:50dvh; } .a-vh-75 { --a-vh:75dvh; } .a-vh-100 { --a-vh:100dvh; } .audio_container audio { max-width: 100%; } .video_container video { max-width: 100%; height: auto; } :is(.responsive, .aspect) { position: relative; } :is(.responsive, .aspect) :is(a, button, picture, img) { --objf: cover; display: block; height: 100%; } :is(.responsive, .aspect) iframe { position: absolute; inset: 0; width: 100%; height: 100%; } .responsive.ratio-169, .aspect--16\:9 { aspect-ratio: 16/9; } .responsive.ratio-1610, .aspect--16\:10 { aspect-ratio: 16/10; } .responsive.ratio-219, .aspect--21\:9 { aspect-ratio: 21/9; } .responsive.ratio-43, .aspect--4\:3 { aspect-ratio: 4/3; } .responsive.ratio-32, .aspect--3\:2 { aspect-ratio: 3/2; } .box { --b-bg:var(--body-bg); } .box-list { --i-bg:var(--body-bg); } .box > .inside, .box-list .item > .inside { border: var(--b-bdr-wdth) var(--b-bdr-style) var(--b-bdr-clr); border-radius: var(--b-bdr-r); } .box > .inside { background-color: var(--b-bg); } .box-shadow.box > .inside, .box-shadow.box-list .item > .inside { box-shadow: var(--box-shadow); } .i-bg-primary { --i-bg:var(--clr-primary); } .i-bg-secondary { --i-bg:var(--clr-secondary); } .i-bg-light { --i-bg:var(--clr-light); } .i-bg-dark { --i-bg:var(--clr-dark); } ul, ol { --i:1; --i-v-gap:0.1875rem; margin: 0; column-count: var(--i, auto); } .c_list li, li { padding-top: var(--i-v-gap); padding-bottom: var(--i-v-gap); } .c_list.flow-y li { width: calc(100% / var(--i)); } .c_list li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .grid-list li { --i-v-gap:0; } .c_list.gtr-1 { --i-v-gap:calc(var(--gtr-half-btm)/2); } .c_list.gtr-2 { --i-v-gap:calc(var(--gtr-btm)/2); } .c_list.flow-y { --i-v-gap:0.1875rem; --h-gap:0; } .c_list.flow-auto { --i-v-gap: 0; --h-gap:var(--v-gap); justify-content: var(--justify); } .li-icon { list-style: none; padding-inline-start: 1.25rem; } .li-none { list-style: none; padding-inline-start: 0; } .li-m-i { display: flex; } .li-clr li::marker, .li-clr [class^=i-]:before, .li-clr [class*=" i-"]:before { color: var(--li-clr, inherit); } .color-li-base { --li-clr:var(--text-clr-base); } .color-li-inv { --li-clr:var(--text-clr-invert); } .color-li-primary { --li-clr:var(--clr-primary); } .color-li-secondary { --li-clr:var(--clr-secondary); } .color-li-dark { --li-clr:var(--clr-dark); } .color-li-light { --li-clr:var(--clr-light); } .c_image { margin-bottom: var(--e-m); } .no-scale img { width: initial; } .img-align { --img-mx:0; } .img-align img { display: block; margin: var(--img-mx); } .img--left { --img-mx:0 auto 0 0; } .img--center { --img-mx:0 auto; } .img--right { --img-mx:0 0 0 auto; } img, video { object-fit: var(--objf, fill); object-position: var(--objx, 50%) var(--objy, 50%); aspect-ratio: var(--ar, auto); } video { --objf: contain; background: #000000; } [data-splash-screen] { all: unset; display: block; width: 100%; position: relative; cursor: pointer; } [data-splash-screen] > span { position: absolute; inset: auto 0 0; text-align: center; line-height: var(--leading-base); } .obj--contain { --objf:contain; } .obj--cover { --objf:cover; } .obj--none { --objf:none; } .obj--scaledown { --objf:scale-down; } .obj--stretch { --img-hght:100%; --objf:cover; } .obj--stretch img, .obj--stretch figure, .obj--stretch picture, .obj--stretch.ce_image > .inside { height: 100%; } .obj--left { --objx:left; } .obj--right { --objx:right; } .obj--top { --objy:top; } .obj--btm { --objy:bottom; } .ar-4-5 { --ar:4/5; } .ar-1-1 { --ar:1/1; } .ar-4-3 { --ar:4/3; } .ar-3-2 { --ar:3/2; } .ar-16-10 { --ar:16/10; } .ar-16-9 { --ar:16/9; } @media (max-width: 767.98px) and (orientation: portrait) { .yt-shorts figure { aspect-ratio: 9/16; } } @media (min-width: 1024px) { .nav { overflow: visible; } .nav ul { display: flex; list-style: none; padding: 0; } .nav strong { cursor: default; } .nav a, .nav strong { display: block; padding: 0.5rem 1rem; font-size: var(--nav-fs); font-weight: 400; white-space: nowrap; } .nav .level_1 { justify-content: var(--justify); } .nav .level_1 ul { display: none; } .nav-y ul { flex-direction: column; } .nav-y .level_1 ul { display: flex; } .nav-x .level_1 ul { display: none; position: absolute; flex-direction: column; } .nav-x .level_2 li { min-width: 12.5rem; } .nav-x .submenu { position: relative; } .nav-x .submenu:hover { z-index: 1; } .nav-x .submenu:hover > ul { display: flex; } .nav-x.nav .level_1 ul ul { top: 0; } .nav-x.nav li ul { right: var(--nlr, initial); left: var(--nll, 100%); } .nav-x.nav li .level_2 { right: var(--nlr2, initial); left: var(--nll2, initial); } .nav-x.nav-y .level_1 ul { top: 0; left: 100%; } } a.is-block, button.is-block, input[type=submit].is-block { width: 100%; justify-content: center; } button, .button { background-color: var(--btn-1-bg); color: var(--btn-1-clr); width: revert; height: revert; font-weight: var(--btn-fw); text-transform: var(--btn-tf); text-decoration: var(--btn-td); border: var(--btn-bdr); border-color: var(--btn-1-bdr-clr); border-radius: var(--btn-bdr-r); padding: var(--btn-p-2); cursor: pointer; display: inline-flex; font-family: var(--font-family); font-size: 0.875rem; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button:hover, .button:hover { background-color: var(--btn-1-bg-hvr); color: var(--btn-1-clr-hvr); border-color: var(--btn-1-bdr-clr-hvr); text-decoration: var(--btn-td-hvr); } button.size--small, .button.size--small { padding: var(--btn-p-1); font-size: 1rem; } button.size--large, .button.size--large { padding: var(--btn-p-3); font-size: 1rem; } button.size--super, .button.size--super { padding: var(--btn-p-4); font-size: 1rem; } .btn--secondary { background-color: var(--btn-2-bg); color: var(--btn-2-clr); border-color: var(--btn-2-bdr-clr); --btn-fw:400; --btn-tf:none; --btn-td:none; --btn-td-hvr:none; --btn-bdr:2px solid; --btn-bdr-r:0px; --btn-p-1:0.375rem 0.875rem; --btn-p-2:0.625rem 1rem; --btn-p-3:0.875rem 1.875rem; --btn-p-4:1.375rem 2.875rem; } .btn--secondary:hover { background-color: var(--btn-2-bg-hvr); color: var(--btn-2-clr-hvr); border-color: var(--btn-2-bdr-clr-hvr); } .btn--alt { background-color: var(--btn-3-bg); color: var(--btn-3-clr); border-color: var(--btn-3-bdr-clr); --btn-fw:400; --btn-tf:none; --btn-td:none; --btn-td-hvr:none; --btn-bdr:2px solid #1a1a1a; --btn-bdr-r:0px; --btn-p-1:0.375rem 0.875rem; --btn-p-2:0.625rem 1rem; --btn-p-3:0.875rem 1.875rem; --btn-p-4:1.375rem 2.875rem; } .btn--alt:hover { background-color: var(--btn-3-bg-hvr); color: var(--btn-3-clr-hvr); border-color: var(--btn-3-bdr-clr-hvr); } .c_icon { text-align: inherit; } .icon { --ico-size:4rem; display: inline-block; background-color: var(--ico-bg, transparent); color: var(--ico-clr, inherit); line-height: 1; } .icon:before { content: attr(data-icon)/""; display: inline-block; font: normal normal normal 1em "ctm-icon"; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-size: var(--ico-size); height: var(--ico-size); width: var(--ico-size); } .icon.size--tiny { --ico-size:2rem; } .icon.size--small { --ico-size:3rem; } .icon.size--large { --ico-size:5rem; } .icon.size--super { --ico-size:6rem; } .icon.color-primary { --ico-clr:var(--clr-primary); } .icon.color-secondary { --ico-clr:var(--clr-secondary); } .icon.color-dark { --ico-clr:var(--clr-dark); } .icon.color-light { --ico-clr:var(--clr-light); } .icon.color-base { --ico-clr:var(--text-clr-base); } .icon.color-inv { --ico-clr:var(--text-clr-invert); } .icon.outline { padding: 1.5rem; box-shadow: inset 0 0 0 2px; } .icon.rounded { border-radius: 50%; } .icon.filled { --ico-bg:var(--text-clr-base); --ico-clr:var(--text-clr-invert); padding: 1.5rem; } .icon.filled.color-primary { --ico-bg:var(--clr-primary); --ico-clr:var(--text-clr-invert); } .icon.filled.color-secondary { --ico-bg:var(--clr-secondary); --ico-clr:var(--text-clr-invert); } .icon.filled.color-dark { --ico-bg:var(--clr-dark); --ico-clr:var(--clr-light); } .icon.filled.color-light { --ico-bg:var(--clr-light); --ico-clr:var(--clr-dark); } .icon.filled.color-base { --ico-bg:var(--text-clr-base); --ico-clr:var(--text-clr-invert); } .icon.filled.color-inv { --ico-bg:var(--text-clr-invert); --ico-clr:var(--text-clr-base); } [class^=i-].i-is-r, [class*=" i-"].i-is-r { flex-direction: row-reverse; } [class^=i-].i-is-r:before, [class*=" i-"].i-is-r:before { padding: 0 0 0 0.3em; } a[class^=i-], a[class*=" i-"] { display: inline-flex; word-break: break-word; } .icon_text.item > .inside, .icon_text .item > .inside { display: var(--itm-dsp, block); flex-direction: var(--itm-flow, row); } .icon_top .c_icon { margin-bottom: var(--e-m); } .icon_left { --itm-dsp: flex; } .icon_left .c_icon { margin-right: var(--e-m); } .icon_right { --itm-dsp: flex; --itm-flow: row-reverse; } .icon_right .c_icon { margin-left: var(--e-m); } .icon_float-left .c_icon { float: left; margin-right: var(--e-m); } .icon_float-right .c_icon { float: right; margin-left: var(--e-m); } .image_text { --ratio-x:auto; } .image_text.item > .inside, .image_text .item > .inside { position: relative; overflow: hidden; display: var(--itm-dsp, block); flex-direction: var(--itm-flow, column); justify-content: var(--itm-justify, normal); align-items: var(--itm-align, normal); } .image_text .c_image { --it-wdth:calc(100% * var(--ratio-x)); position: relative; float: var(--img-float, none); margin: var(--img-mt, 0) var(--img-mr, 0) var(--img-mb, var(--e-m)) var(--img-ml, 0); inset: var(--inset-y, auto) var(--inset-x, auto); width: var(--it-wdth); height: var(--img-hght, auto); } .txt--absolute { --img-mb:0; --itm-dsp: flex; --itm-flow: column; --itm-justify: center; --itm-align: center; } .txt--absolute.pos-t { --itm-justify:flex-start; } .txt--absolute.pos-b { --itm-justify:flex-end; } .txt--absolute.pos-l { --itm-align:flex-start; } .txt--absolute.pos-r { --itm-align:flex-end; } .txt--absolute .c_image { width: 100%; } .txt--absolute .c_text { --it-wdth: calc(100% * var(--ratio-x)); position: absolute; padding: var(--e-m); max-height: calc(100% - var(--i-py, 0%) - var(--i-py, 0%)); width: calc(var(--it-wdth) - var(--i-px, 0%) - var(--i-px, 0%)); overflow: hidden; } .txt--hover .c_text { opacity: 0; } .txt--hover:hover .c_text { opacity: 1; } .img--flex { --itm-dsp: flex; } .img--flex.pos-b { --img-mt:var(--e-m); --img-mb:0; --itm-flow:column-reverse; } .img--flex.img--inset.pos-t { --inset-y:calc(-1 * var(--i-py,var(--py-1))); } .img--flex.img--inset.pos-b { --inset-y:var(--i-py,var(--py-1)); } .img--flex.img--inset.pos-y { --inset-x:calc(-1 * var(--i-px,var(--px-1))); --img-mt:0; --img-mb:0; } .img--inset { --img-mt:0; --img-mr:0; --img-mb:0; --img-ml:0; --ratio-x: 1; --inset-y:calc(-1 * var(--i-py,var(--py-1))); --inset-x:calc(-1 * var(--i-px,var(--px-1))); } .img--inset .c_image { width: calc(var(--it-wdth, 100%) + 2 * var(--i-px, var(--px-1)) * var(--ratio-x, 1)) !important; } @media (max-width: 599.98px) { .txt--absolute { --ratio-x: 1; } } @media (min-width: 600px) { .it-width-25 { --ratio-x:0.25; } .it-width-33 { --ratio-x:0.33; } .it-width-38 { --ratio-x:0.38195; } .it-width-40 { --ratio-x:0.4; } .it-width-50 { --ratio-x:0.5; } .it-width-80 { --ratio-x:0.8; } .it-width-100 { --ratio-x:1; } .img--float.pos-l { --img-mr:var(--e-m); --img-float:left; } .img--float.pos-r { --img-ml:var(--e-m); --img-float:right; } .img--float.img--inset.pos-l { --img-mr:0; --inset-x:calc(-1 * var(--i-px,var(--px-1))); } .img--float.img--inset.pos-r { --img-ml:0; --inset-x:var(--i-px,var(--px-1)); } .img--float.img--inset.pos-x { --img-mb:0; --inset-y:calc(-1 * var(--i-py,var(--py-1))); } .img--float:after { display: block; content: ""; clear: both; } .img--flex { --itm-dsp: flex; } .img--flex.pos-b { --img-mt:var(--e-m); --img-mb:0; --itm-flow:column-reverse; } .img--flex.pos-y { --img-mr:auto; --img-ml:auto; } .img--flex.pos-l { --img-mr:var(--e-m); --itm-flow:row; } .img--flex.pos-r { --img-ml:var(--e-m); --itm-flow:row-reverse; } .img--flex.pos-x { --img-mt:auto; --img-mb:auto; } .img--flex.pos-x.pos-t { --img-mt:0; } .img--flex.pos-x.pos-b { --img-mb:0; } .img--flex.pos-x .c_image { width: calc(var(--it-wdth) - var(--e-m) / 2); } .img--flex.img--inset.pos-t { --inset-y:calc(-1 * var(--i-py,var(--py-1))); --img-mb:auto; } .img--flex.img--inset.pos-b { --inset-y:var(--i-py,var(--py-1)); --img-mt:auto; } .img--flex.img--inset.pos-y { --inset-x:calc(-1 * var(--i-px,var(--px-1))); } .img--flex.img--inset.pos-y[class*=it-width-] { --inset-x: 0%; } .img--flex.img--inset.pos-y:not(.pos-x) { --img-mt:0; --img-mb:0; } .img--flex.img--inset.pos-l { --img-mr:0; --inset-x:calc(-1 * var(--i-px,var(--px-1))) !important; } .img--flex.img--inset.pos-r { --img-ml:0; --inset-x:var(--i-px,var(--px-1)) !important; } .img--flex.img--inset.pos-x.img--cover { --img-mt:0; --img-mb:calc(-2 * var(--i-py,var(--py-1))); } .img--inset { --inset-y: auto; --img-mt:auto; --img-mb:auto; } .img--cover.pos-x.img--inset { --inset-y:calc(-1 * var(--i-py,var(--py-1))); } .img--cover.pos-x.img--flex { --img-mt:0; --img-mb:0; } .img--cover :is(img, figure, figure > a, picture) { height: 100%; } .img--cover img { object-fit: cover; } } .c_table { overflow: auto hidden; } table { caption-side: bottom; width: 100%; min-width: 310px; border: solid #cccccc; border-width: 0; text-align: inherit; border-collapse: collapse; border-spacing: 0; } table:has(+ *) { margin-bottom: 1rem; } caption { padding: 1rem; background: transparent; color: #cccccc; text-align: center; font-size: 14px; } th, td { padding: 1rem; border: solid #cccccc; border-width: 0px 0px 1px; border-radius: 0; } th { background: var(--clr-primary); color: var(--text-clr-invert); border: solid #cccccc; border-width: 0px 0px 1px; font-weight: 600; } tfoot { background: var(--clr-primary); color: var(--text-clr-invert); font-weight: 600; } tbody { font-weight: 400; } tbody > tr:nth-child(2n) { background: var(--clr-light); color: var(--text-clr-base); } tbody > tr:nth-child(2n+1) { background: var(--body-bg); color: var(--text-clr-base); } .ce_text figure { width: var(--img-wdth, 100%); margin: var(--img-mt, 0) var(--img-mr, 0) var(--img-mb, 0) var(--img-ml, 0); } .c_text.grid { --v-gap:1rem; } .c_text > .ce_text { margin-bottom: 1rem; } .float_right, .float_left, .float_above, .media--right, .media--left, .media--above { --img-mb:var(--gtr-half); } .float_below, .media--below { --img-mt:var(--gtr-half); } :is(.image_text, .icon_text) .c_text { flex: 1; align-self: var(--self-align, auto); } @media (min-width: 600px) { .width-25 { --img-wdth:25%; } .width-33 { --img-wdth:33.3333%; } .width-50 { --img-wdth:50%; } .float_right, .media--right { --img-ml:var(--gtr-half); } .float_left, .media--left { --img-mr:var(--gtr-half); } } .download-element .name { display: inline-flex; } .download-element .button { display: inline-block; } .dl-reverse { display: flex; flex-wrap: wrap; } .dl-reverse a { order: 1; } .dl-reverse figure { flex-basis: 100%; } .widget * { --col-amt:12; --col-algn:auto; --col-off:0; --col-order:0; } .widget.mandatory .input-container:after, .widget-checkbox.mandatory:after, .widget-radio.mandatory:after, .widget-range.mandatory:after { display: block; content: "*"; position: absolute; top: 0; right: var(--mand-r, 5px); font-size: 15px; color: var(--mand-clr, #cccccc); line-height: 1; } .widget.error select:not(:valid), .widget.error input:not(:valid), .widget.error textarea:not(:valid) { color: #b46869; background: var(--body-bg); border-color: #b46869; --form-clr-ph: #b46869; } ::placeholder { color: var(--form-clr-ph); } label, legend { color: var(--form-clr-label); font-size: 16px; margin-bottom: 4px; } label { display: inline-block; font-weight: 400; } legend { width: 100%; font-weight: 600; } select { text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; } .multiselect { resize: vertical; height: 80px; } option { color: var(--text-clr-base); background-color: var(--form-clr-bg); } option[disabled] { color: #5c5c5c; } select, input, textarea { font: normal normal 400 16px var(--font-family); color: var(--form-clr-txt); background-color: var(--form-clr-bg); border: var(--form-bdr-wdth) solid var(--form-clr-border); border-radius: 0px; padding: 10px 15px; outline: none; width: 100%; } select:-webkit-autofill, input:-webkit-autofill, textarea:-webkit-autofill { -webkit-text-fill-color: var(--form-clr-txt); -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset; transition: background-color 5000s ease-in-out 0s; } select:hover, input:hover, textarea:hover { --form-clr-bg: var(--body-bg); --form-clr-border: #b4b4b4; --form-clr-ph: #b4b4b4; } select:focus, input:focus, textarea:focus { --form-clr-bg: var(--body-bg); --form-clr-border: #979797; --form-clr-ph: #b4b4b4; } select, input { height: 44px; } textarea { resize: vertical; line-height: var(--leading-base); } .select .input-container:before { display: inline-block; content: "▼"; font-family: "ctm-icon", var(--font-family); position: absolute; bottom: 14px; right: 12px; font-size: 16px; line-height: 1; text-decoration: inherit; text-transform: none; color: var(--clr-primary); pointer-events: none; speak: none; transform-origin: center; transition: transform 0.2s; } .select .input-container:focus-within:before { transform: rotateZ(180deg); } .widget, .widget .input-container { position: relative; } .widget-textarea .input-container, .widget-range .input-container { font-size: 0; } .widget.error { --mand-clr:#b46869; } .widget.error p.error { color: #b46869; font-size: 16px; } .widget-checkbox, .widget-radio, .widget-range { --mand-r:13px; } .widget.mandatory .input-container:after { top: 5px; } .widget-range .input-container:after { content: none !important; } .widget-range input { height: inherit; padding: 0; margin: 0; } .widget-upload input { height: inherit; } .widget-explanation p { color: var(--form-clr-exp); font-size: 16px; } .widget-captcha { display: flex; flex-flow: column; } fieldset:has(.widget-captcha) > legend { display: none; } .lbl-tgl { display: block; position: relative; z-index: 2; color: var(--cbx-clr-label); font-size: 16px; line-height: 1.6; padding-top: 0; padding-left: 30px; margin-bottom: 0; min-height: 20px; cursor: pointer; } .lbl-tgl:before { content: ""; display: inline-flex; justify-content: center; align-items: center; font-family: "ctm-icon", var(--font-family); font-size: 16px; position: absolute; top: 0.1125rem; left: 0; color: var(--cbx-symbol-clr); width: 20px; height: 20px; border: solid 1px var(--cbx-bdr-clr); border-radius: 0px; background-color: var(--cbx-bg-clr); vertical-align: middle; } .lbl-tgl:hover:before { border-color: var(--cbx-bdr-clr-hvr); background-color: var(--cbx-bg-clr-hvr); } .lbr-50:before { border-radius: 50%; } .crt { position: absolute; opacity: 0; z-index: 1; width: 1px; } .crt:checked + label:before { content: "✔"; border-color: #979797; background-color: var(--body-bg); } .crt:focus-visible + label:before { outline: var(--focus-style); outline-offset: var(--focus-offset); } .crc legend { padding: 0; } .mandatory .crc label { padding-right: 15px; } .pagination { margin-top: var(--v-gap); } .mod_breadcrumb li:after { content: "›"; font-family: "ctm-icon", var(--font-family); color: inherit; display: inline-block; position: relative; left: 0.3125rem; line-height: 1; } .mod_breadcrumb li:last-child:after { content: none; } .search_container { width: 100%; } .line-top, .line-btm { border: 0 solid #cccccc; } .line-top { border-top-width: 1px; } .line-btm { border-bottom-width: 1px; } .line-inner-top > .inside:before, .line-inner-btm > .inside:after { content: ""; display: block; position: absolute; left: 1rem; right: 1rem; border: 0 solid #cccccc; } .line-inner-top > .inside:before { top: 0; border-top-width: 1px; } .line-inner-btm > .inside:after { bottom: 0; border-bottom-width: 1px; } [class*=bgi-] { --bgi:none; --bgia:scroll; --bgix:50%; --bgiy:50%; --bgir:no-repeat; --bgis:cover; } div[class*=bgi-], body[class*=bgi-], a.inside[class*=bgi-] { background-image: var(--bgi); background-attachment: var(--bgia); background-position: var(--bgix) var(--bgiy); background-repeat: var(--bgir); background-size: var(--bgis); } .bg--fixed { --bgia:fixed; } .bg--local { --bgia:local; } .bg--left { --bgix:left; } .bg--right { --bgix:right; } .bg--top { --bgiy:top; } .bg--btm { --bgiy:bottom; } .bg--repeat { --bgir:repeat; } .bg--auto { --bgis:auto; } .bg--contain { --bgis:contain; } [class*=i-bgi-] { --i-bgi:none; --i-bgia:scroll; --i-bgix:50%; --i-bgiy:50%; --i-bgir:no-repeat; --i-bgis:cover; } [class*=i-bgi-] .item > .inside { background-image: var(--i-bgi); background-attachment: var(--i-bgia); background-position: var(--i-bgix) var(--i-bgiy); background-repeat: var(--i-bgir); background-size: var(--i-bgis); } .i-bg--fixed { --i-bgia:fixed; } .i-bg--local { --i-bgia:local; } .i-bg--left { --i-bgix:left; } .i-bg--right { --i-bgix:right; } .i-bg--top { --i-bgiy:top; } .i-bg--btm { --i-bgiy:bottom; } .i-bg--repeat { --i-bgir:repeat; } .i-bg--auto { --i-bgis:auto; } .i-bg--contain { --i-bgis:contain; } .bgi-none { --bgi:none; } .i-bgi-none { --i-bgi:none; } .form-img { --fimg-mr:auto; --fimg-ml:auto; --fimg-algn:inherit; --fimg:none; } .form-img.is--right { --fimg-mr:initial; --fimg-algn:right; } .form-img.is--left { --fimg-ml:initial; --fimg-algn:left; } .form-img.widget:before, .form-img.widget-checkbox label:before, .form-img.widget-radio label:before { display: block; content: ""; position: static; width: 100px; height: 100px; margin: 0 0 var(--e-m); margin-right: var(--fimg-mr); margin-left: var(--fimg-ml); background: var(--fimg) no-repeat 50%; background-size: 100%; } .form-img.widget-checkbox:before, .form-img.widget-radio:before { content: none; } .form-img.widget-checkbox label, .form-img.widget-radio label { text-align: var(--fimg-algn); padding: 0; margin: 0; } .form-img.widget-checkbox label:after, .form-img.widget-radio label:after { content: none !important; } .form-img.widget-checkbox label:before, .form-img.widget-radio label:before { display: flex; align-items: center; justify-content: center; } .widget[class*=fi-] > .input-container { display: flex; border: var(--form-bdr-wdth) solid var(--form-clr-border); border-radius: 0px; } .widget[class*=fi-] > .input-container:before { display: flex; align-items: center; justify-content: center; background: var(--body-bg); color: var(--text-clr-base); border: var(--form-bdr-wdth) solid; border-color: inherit; font: normal normal normal var(--fi-fs, 16px) "ctm-icon", var(--font-family); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; width: 36px; min-width: 36px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; margin: calc(-1 * var(--form-bdr-wdth)); margin-right: 0; content: var(--ico, ""); } .widget[class*=fi-] > .input-container:hover { border-color: #b4b4b4; } .widget[class*=fi-] > .input-container:focus { border-color: #979797; } .widget[class*=fi-] input { border: 0 none; height: calc(44px - 2 * var(--form-bdr-wdth)); border-top-left-radius: 0; border-bottom-left-radius: 0; } .widget[class*=fi-].error > .input-container { border-color: #b46869; } .widget[class*=fi-].fi-right > .input-container:before { order: 2; border-radius: 0; border-top-right-radius: inherit; border-bottom-right-radius: inherit; margin: calc(-1 * var(--form-bdr-wdth)); margin-left: 0; } .widget[class*=fi-].fi-right input { border-radius: 0; border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .widget[class*=fi-].fi-right.mandatory > .input-container:after { right: 38px; } .fi-m2 { --ico:"m²"; } .fi-at { --ico:"@"; } .fi-euro { --ico:"€"; } .fi-dollar { --ico:"$"; } .form-img-example { --fimg:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAACJJREFUGFdjZGBg+M/AwMDIgAD/YRyYBJhGUQHTgVMlhpkAzEEJBNszB8kAAAAASUVORK5CYII=); } .color-text-base { color: var(--text-clr-base); --selection-clr:var(--text-clr-invert); --selection-bg:var(--clr-primary); --h1-clr:#333; --h2-clr:#d4000a; --h3-clr:#333; --h4-clr:#333; --h5-clr:#6b6e75; --h6-clr:#6b6e75; --strong-clr:var(--text-clr-base); --a-clr:#dd3333; --a-clr-hvr:#000; --a-td:underline; --a-td-hvr:underline; --btn-1-bg:#dd3333; --btn-1-clr:#ffffff; --btn-1-bdr-clr:#dd3333; --btn-1-bg-hvr:#000; --btn-1-clr-hvr:#ffffff; --btn-1-bdr-clr-hvr:#000; --btn-2-bg:#8b8d94; --btn-2-clr:#ffffff; --btn-2-bdr-clr:#8b8d94; --btn-2-bg-hvr:#71737b; --btn-2-clr-hvr:#ffffff; --btn-2-bdr-clr-hvr:#71737b; --btn-3-bg:#1a1a1a; --btn-3-clr:#ffffff; --btn-3-bdr-clr:#1a1a1a; --btn-3-bg-hvr:#010101; --btn-3-clr-hvr:#ffffff; --btn-3-bdr-clr-hvr:#010101; --form-clr-label:var(--text-clr-base); --form-clr-exp:var(--text-clr-base); --cbx-clr-label:var(--text-clr-base); } .color-text-base .captcha_text { color: var(--text-clr-base); } .color-text-inv { color: var(--text-clr-invert); --selection-clr:var(--text-clr-base); --selection-bg:var(--body-bg); --h1-clr:#ffffff; --h2-clr:#ffffff; --h3-clr:#ffffff; --h4-clr:#ffffff; --h5-clr:#ffffff; --h6-clr:#ffffff; --strong-clr:var(--text-clr-invert); --a-clr:#ffffff; --a-clr-hvr:#ffffff; --a-td:underline; --a-td-hvr:none; --btn-1-bg:transparent; --btn-1-clr:#ffffff; --btn-1-bdr-clr:#ffffff; --btn-1-bg-hvr:#bd2020; --btn-1-clr-hvr:#ffffff; --btn-1-bdr-clr-hvr:#000000; --btn-2-bg:transparent; --btn-2-clr:#ffffff; --btn-2-bdr-clr:#ffffff; --btn-2-bg-hvr:#71737b; --btn-2-clr-hvr:#ffffff; --btn-2-bdr-clr-hvr:#71737b; --btn-3-bg:transparent; --btn-3-clr:#ffffff; --btn-3-bdr-clr:#ffffff; --btn-3-bg-hvr:#010101; --btn-3-clr-hvr:#ffffff; --btn-3-bdr-clr-hvr:#010101; --form-clr-label:var(--text-clr-invert); --form-clr-exp:var(--text-clr-invert); --cbx-clr-label:var(--text-clr-invert); } .color-text-inv .captcha_text { color: var(--text-clr-invert); } .color-link-base { --a-clr:#dd3333; --a-clr-hvr:#000; --a-td:underline; --a-td-hvr:underline; } .color-link-inv { --a-clr:#ffffff; --a-clr-hvr:#ffffff; --a-td:underline; --a-td-hvr:none; } .color-link-ex { --a-clr:#33bbcc; --a-clr-hvr:#24838f; --a-td:none; --a-td-hvr:none; } .ov, .ov > .inside { overflow: visible; } .ov-h { overflow: hidden; } .ov-v { overflow: visible; } .btn-toggle-submenu { all: revert; margin: auto; padding: 0; position: absolute; top: 0; bottom: 0; right: var(--btsr, 1px); width: 1.8em; height: 1.8em; border: none; background: none !important; color: currentColor !important; cursor: pointer; z-index: 1; display: flex; align-items: center; justify-content: center; } .btn-toggle-submenu:before { content: "\e985"/""; display: inline-block; font: normal normal normal 1.2em "ctm-icon"; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; transform: rotateZ(var(--btsz, 0deg)); transform-origin: 48% 50%; transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1.1); } .nav-expanded > .btn-toggle-submenu { --btsz: -180deg; } .level_2 { --btsr: 11px; --btsz: -90deg; } .level_2 .nav-expanded > .btn-toggle-submenu { --btsz: -270deg; } .skip-link { position: absolute; left: 50%; transform: translateX(-50%); clip: revert; top: -10rem; text-align: center; overflow: hidden; color: var(--text-clr-base); background: var(--body-bg); padding: 0.25rem 0.75rem !important; border-radius: 3rem; transition: top 0.4s ease-in-out; z-index: 9999; } .skip-link:focus { position: absolute; top: calc(4px + var(--hdr-hght)); width: auto; height: auto; outline-offset: 0; outline: 3px solid var(--clr-primary); box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1); } @media (min-width: 1024px) { .skip-link:focus { top: 20px; } } #scrollTop { --btn-1-bg: transparent; --btn-1-bg-hvr: transparent; --btn-1-clr: var(--text-clr-base); --btn-1-clr-hvr: var(--text-clr-base); --btn-tf: inherit; --btn-tf-hvr: inherit; --btn-td: inherit; --btn-td-hvr: inherit; --btn-bdr: none; --btn-bdr-r: revert; --btn-p-2: 0; } #scrollTop > button { position: absolute; inset: 0; } @media (min-width: 1024px) { header .nav .level_2 li:hover > ul { display: none; } header .nav .level_2 { visibility: hidden; } header .nav .level_1 li:hover > .level_2 { opacity: 0; } header .nav .level_1 li.nav-expanded > .level_2 { opacity: 1; pointer-events: revert; transform: rotateZ(0); } header .nav .level_1 li.nav-expanded > .level_2 > li { opacity: 1; } header .nav .level_1 li.nav-expanded > .level_2, header .nav .level_1 li.nav-expanded > .level_2 > li { transition: opacity 0.3s, transform 0.3s; transition-delay: 0.05s; } header .nav .level_1 li.nav-expanded > ul { display: flex; visibility: visible; } header .nav .level_1 li.submenu:before, header .nav .level_1 li.submenu > .submenu:before { content: none; } } :root { --pn-bg:rgba(var(--body-bg-rgb), 0.85); --pn-bdr:rgba(49, 49, 49, 0.3); --pn-bc-clr:#424242; --pn-bc-clr-hvr:var(--clr-primary); --pn-i-clr:#000; --pn-i-clr-a:var(--clr-primary); --pn-i-fw:700; --pn-i-fs:20px; } .pn-btn { border-radius: unset; } .pn-toggle { --btn-1-bg: transparent; --btn-1-bg-hvr: transparent; --btn-bdr: none; --btn-p-2: 0; position: relative; display: none; z-index: 200; border-radius: unset; } .pn-toggle.pn-show { display: block; } .pn-init { --btn-1-bg: transparent; --btn-1-bg-hvr: transparent; --btn-bdr: none; --btn-p-2: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; display: flex; justify-content: center; pointer-events: none; opacity: 0; visibility: hidden; overflow: hidden; -webkit-tap-highlight-color: transparent; transition: opacity 0.3s, background-color 0.3s; } .pn-init.pn-show { padding-top: var(--hdr-hght); visibility: visible; opacity: 1; background: var(--pn-bg); transition-delay: 0s; overflow-y: auto; backdrop-filter: blur(3px); z-index: 1; pointer-events: auto; } .pn-init.pn-show li { opacity: 1; border-bottom-color: var(--pn-bdr); } .pn-init.pn-show :is(a:not(.invisible), strong, .pn-breadcrumb) { animation: none !important; font-size: var(--pn-i-fs); font-weight: var(--pn-i-fw); line-height: 1.3; padding: 10px 0; display: inline-block; width: 100%; color: var(--pn-i-clr); } .pn-init.pn-show :is(a:not(.invisible), strong, .pn-breadcrumb).submenu { width: 95%; } .pn-init.pn-show :is(a:not(.invisible), strong, .pn-breadcrumb):is(.trail, .active, :hover) { color: var(--pn-i-clr-a) !important; } .pn-init.pn-show .invisible { display: none; } .pn-init > div { width: 100%; } .pn-init ul { position: relative; box-sizing: border-box; width: 100%; margin: 0; padding: 30px; transition: transform 0.3s; } .pn-init ul ul { position: absolute; top: 0; left: 100%; opacity: 0; transition: opacity 0.2s, transform 0.3s; } .pn-init ul ul li { pointer-events: none; } .pn-init li { display: block; margin: 0; opacity: 0; transition: opacity 0.2s, transform 0.3s; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .pn-init li.submenu { padding-right: 50px; } .pn-init li:last-child { border-bottom: none; } .pn-init ul:not(.pn-active:not(.pn-next)) > li > :is(a, button) { visibility: hidden; } .pn-init .pn-active, .pn-init .pn-next { z-index: 1; opacity: 1; } .pn-init .pn-active li, .pn-init .pn-next li { pointer-events: auto; } .pn-init .pn-handle { position: absolute; right: 30px; font-size: 20px; line-height: 1; padding: 13px 5px 13px 16px; } .pn-init .pn-next { transform: translateX(-100%); } .pn-init .pn-active:not(.pn-next) li:nth-of-type(1), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(1) { transition-delay: 80ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(2), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(2) { transition-delay: 160ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(3), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(3) { transition-delay: 240ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(4), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(4) { transition-delay: 320ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(5), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(5) { transition-delay: 400ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(6), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(6) { transition-delay: 480ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(7), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(7) { transition-delay: 560ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(8), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(8) { transition-delay: 640ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(9), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(9) { transition-delay: 720ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(10), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(10) { transition-delay: 800ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(11), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(11) { transition-delay: 880ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(12), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(12) { transition-delay: 960ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(13), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(13) { transition-delay: 1040ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(14), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(14) { transition-delay: 1120ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(15), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(15) { transition-delay: 1200ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(16), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(16) { transition-delay: 1280ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(17), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(17) { transition-delay: 1360ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(18), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(18) { transition-delay: 1440ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(19), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(19) { transition-delay: 1520ms; } .pn-init .pn-active:not(.pn-next) li:nth-of-type(20), .pn-init .level_1:not(.pn-next):not(.pn-active) li:nth-of-type(20) { transition-delay: 1600ms; } .pn-init .pn-breadcrumb { text-align: left; } .pn-init .pn-breadcrumb i:before { font-size: 16px; } .pn-to-menu { position: absolute; border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0 !important; width: 1px !important; } .pn-to-menu:focus { left: 30px; right: 30px; height: revert; overflow: visible; clip: revert; margin-top: 8px; width: revert !important; } .pn-breadcrumb, .pn-handle { color: var(--pn-bc-clr) !important; } .pn-handle, .pn-active > .pn-breadcrumb { cursor: pointer; } .pn-handle:hover, .pn-active > .pn-breadcrumb:hover { color: var(--pn-bc-clr-hvr); } @media (min-width: 1024px) { .pn-to-menu { display: none !important; } } :root { --sh-bg-0:rgb(255, 255, 255); --sh-bg-1:rgba(255, 255, 255, 0.95); --sh-clr-0:#000; --sh-clr-1:#000; --sh-clr-0-hvr:var(--clr-primary); --sh-clr-1-hvr:var(--clr-primary); --sh-stop-sh:0 3px 6px rgba(0, 0, 0, 0.1); --header-bg:var(--sh-bg-0)!important; } header, header .level_1 > li, .sh-el { animation-duration: 1s; animation-delay: 0s; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } header { position: fixed; top: 0; width: 100%; animation-name: sh-anim-head-stop; background: var(--sh-bg-0); } @-webkit-keyframes sh-anim-head-stop { to { background-color: var(--sh-bg-1); } } @-moz-keyframes sh-anim-head-stop { to { background-color: var(--sh-bg-1); } } @-ms-keyframes sh-anim-head-stop { to { background-color: var(--sh-bg-1); } } @keyframes sh-anim-head-stop { to { background-color: var(--sh-bg-1); } } header .level_1 > li, header .sh-el { animation-name: sh-anim-link-stop; color: var(--sh-clr-0); } header .level_1 > li:hover, header .level_1 > li.active, header .level_1 > li.trail, header .sh-el:hover, header .sh-el.active, header .sh-el.trail { animation-name: sh-anim-link-hover-stop; color: var(--sh-clr-0-hvr); } @-webkit-keyframes sh-anim-link-stop { to { color: var(--sh-clr-1); } } @-moz-keyframes sh-anim-link-stop { to { color: var(--sh-clr-1); } } @-ms-keyframes sh-anim-link-stop { to { color: var(--sh-clr-1); } } @keyframes sh-anim-link-stop { to { color: var(--sh-clr-1); } } @-webkit-keyframes sh-anim-link-hover-stop { to { color: var(--sh-clr-1-hvr); } } @-moz-keyframes sh-anim-link-hover-stop { to { color: var(--sh-clr-1-hvr); } } @-ms-keyframes sh-anim-link-hover-stop { to { color: var(--sh-clr-1-hvr); } } @keyframes sh-anim-link-hover-stop { to { color: var(--sh-clr-1-hvr); } } header .level_1 > li > a, header .level_1 > li > strong { color: inherit; } .sh-stop { transition: box-shadow 0.3s ease-in; box-shadow: var(--sh-stop-sh); } .sh-blur header:after { display: block; content: ""; position: absolute; z-index: 1; inset: 0; backdrop-filter: blur(1px); } :root { --xh-tgl-w: 2rem; --xh-tgl-h: 1.25rem; --xh-tgl-bar-h: 0.1875rem; --xh-tgl-bar-r: 0.1875rem; --xh-tgl-clr: var(--text-clr-base); --xh-tgl-dur: 0.22s; --xh-nav-gap: 1.25rem; --xh-nav-clr-a: var(--clr-primary); --xh-sub-bg: var(--body-bg); --xh-sub-clr: var(--text-clr-base); --xh-sub-clr-a: var(--clr-primary); --xh-sub-p: 0.5rem 0; --xh-sub-i-p: 0.5rem 1.25rem; --xh-sub-shdw: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.14); --xh-sub-bdr-r: 0; --xh-sub-gap: 1.6em; --xh-pnl-w: min(85vw, 21rem); --xh-pnl-bg: var(--body-bg); --xh-pnl-p-x: 1.75rem; --xh-pnl-p-y: 1.5rem; --xh-pnl-dur: 0.3s; --xh-pnl-shdw: 0 0 2rem rgba(0, 0, 0, 0.18); --xh-pnl-bd: rgba(0, 0, 0, 0.45); --xh-pnl-bd-blur: 2px; --xh-pnl-bd-z: 98; } .pn-btn { height: 100%; } .mod_toggle { display: none; align-self: center; width: var(--xh-tgl-w); height: var(--xh-tgl-h); color: var(--xh-tgl-clr); line-height: 1; z-index: 2; cursor: pointer; } .mod_toggle .burger-box { position: relative; display: inline-block; width: 100%; height: 100%; } .mod_toggle .burger-inner { top: 50%; display: block; margin-top: calc(var(--xh-tgl-bar-h) / -2); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-duration: var(--xh-tgl-dur); } .mod_toggle .burger-inner, .mod_toggle .burger-inner::before, .mod_toggle .burger-inner::after { position: absolute; left: 0; width: 100%; height: var(--xh-tgl-bar-h); border-radius: var(--xh-tgl-bar-r); background-color: currentColor; transition-timing-function: ease; transition-duration: 0.15s; transition-property: transform; } .mod_toggle .burger-inner::before, .mod_toggle .burger-inner::after { display: block; content: ""; } .mod_toggle .burger-inner::before { top: calc((var(--xh-tgl-h) - var(--xh-tgl-bar-h)) / -2); transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in; } .mod_toggle .burger-inner::after { bottom: calc((var(--xh-tgl-h) - var(--xh-tgl-bar-h)) / -2); transition: bottom 0.1s ease-in 0.25s, transform var(--xh-tgl-dur) cubic-bezier(0.55, 0.055, 0.675, 0.19); } .mod_toggle.tgl-small { --xh-tgl-w: 1.5rem; --xh-tgl-h: 1rem; --xh-tgl-bar-h: .125rem; } .mod_toggle.tgl-large { --xh-tgl-w: 2.5rem; --xh-tgl-h: 1.625rem; --xh-tgl-bar-h: .25rem; } .mod_toggle.open .burger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .mod_toggle.open .burger-inner:hover { opacity: 0.7; } .mod_toggle.open .burger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s; } .mod_toggle.open .burger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform var(--xh-tgl-dur) cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; } header .mod_navigation:not(.pn-init) { display: none; } header .mod_navigation ul { list-style: none; } header .mod_navigation:not(.pn-init) ul { margin: 0; padding: 0; } @media (min-width: 1024px) { header .mod_navigation:not(.pn-init) { display: block; } .mod_toggle { display: none; } header .mod_navigation .level_1 { display: flex; gap: var(--xh-nav-gap); } header .mod_navigation .level_1 > li.active > strong, header .mod_navigation .level_1 > li > a:hover { color: var(--xh-nav-clr-a); } } @media (min-width: 1024px) { header .submenu > :is(a, strong, span) { padding-right: var(--xh-sub-gap); } header .level_2 { padding: var(--xh-sub-p); background: var(--xh-sub-bg); box-shadow: var(--xh-sub-shdw); border-radius: var(--xh-sub-bdr-r); } header .level_2 :is(a, strong) { display: block; padding: var(--xh-sub-i-p); color: var(--xh-sub-clr); } header .level_2 :is(a:hover, li:is(.active, .trail) > strong) { color: var(--xh-sub-clr-a); } } header .btn-toggle-submenu::before { content: ""/""; display: inline-block; width: 0.36em; height: 0.36em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-0.12em) rotate(calc(45deg + var(--btsz, 0deg))); } .pn-handle.i-navigate_forward::before { content: ""/""; display: inline-block; width: 0.5em; height: 0.5em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateX(-0.15em) rotate(-45deg); } .pn-breadcrumb > .i-navigate_back::before { content: ""/""; display: inline-block; width: 0.5em; height: 0.5em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateX(0.15em) rotate(135deg); } body:is(.nav-pnl-left, .nav-pnl-right) header .pn-init { width: var(--xh-pnl-w); max-width: 100%; transform: translateX(var(--xh-pnl-off)); opacity: 1; transition: transform var(--xh-pnl-dur), visibility 0s var(--xh-pnl-dur); background: var(--xh-pnl-bg); box-shadow: var(--xh-pnl-shdw); backdrop-filter: none; justify-content: flex-start; } body:is(.nav-pnl-left, .nav-pnl-right) header .pn-init.pn-show { transform: none; transition: transform var(--xh-pnl-dur); z-index: 2; } body:is(.nav-pnl-left, .nav-pnl-right) header .pn-init ul { padding: var(--xh-pnl-p-y) var(--xh-pnl-p-x); } body:is(.nav-pnl-left, .nav-pnl-right) header .pn-init .pn-handle { right: var(--xh-pnl-p-x); } body:is(.nav-pnl-left, .nav-pnl-right) header .pn-init li { transition-delay: 0s !important; } body.nav-pnl-left header .pn-init { --xh-pnl-off: -100%; left: 0; right: auto; } body.nav-pnl-right header .pn-init { --xh-pnl-off: 100%; left: auto; right: 0; } body:is(.nav-pnl-left, .nav-pnl-right)::after { content: ""; position: fixed; inset: 0; z-index: var(--xh-pnl-bd-z); background: var(--xh-pnl-bd); opacity: 0; visibility: hidden; transition: opacity var(--xh-pnl-dur), visibility 0s var(--xh-pnl-dur); } body:is(.nav-pnl-left, .nav-pnl-right).nav-open::after { opacity: 1; visibility: visible; transition: opacity var(--xh-pnl-dur); backdrop-filter: blur(var(--xh-pnl-bd-blur)); } body.nav-open { overflow: hidden; } header > .inside, footer > .inside { margin-inline: auto; } header > .inside { max-width: var(--xh-hdr-wdth, var(--xh-cnt-wdth, none)); } footer > .inside { max-width: var(--xh-ftr-wdth, var(--xh-cnt-wdth, none)); } .cnt-w-1 { --xh-cnt-wdth: 1400px; } .cnt-w-2 { --xh-cnt-wdth: calc(1264px - 2rem); } .cnt-w-3 { --xh-cnt-wdth: 1100px; } header .mod_logo img { display: block; width: auto; max-height: 2.75rem; } header .mod_navigation a, header .mod_navigation strong { --a-td: none; --a-td-hvr: none; font-family: "Oswald", var(--font-family); font-size: 1.25rem; font-weight: 700; line-height: 1.2; text-decoration: none; text-transform: none; } h1, h2, h3, h4, h5, h6 { font-family: "Oswald", var(--font-family); } .button, .submit, input[type=submit] { font-family: "Roboto", var(--font-family); } .page-hero__bild img { display: block; width: 100%; height: clamp(22rem, 60vw, 54rem); --objf: cover; object-position: center 30%; } .seiten-titel h1 { margin-bottom: 0.25rem; } .mod_article[id] { scroll-margin-top: calc(var(--hdr-hght) + 1.5rem); } .abschnitt-titel { text-align: center; margin-bottom: 2rem; } .abschnitt-titel h2 { margin: 0; } .bild-breit img { display: block; width: 100%; height: clamp(16rem, 42vh, 30rem); --objf: cover; } .galerie-buero .image_container { overflow: hidden; } .galerie-buero img { transition: transform 0.4s ease; } .galerie-buero .item:hover img, .galerie-buero .item:focus-within img { transform: scale(1.04); } .galerie-partner .item { display: flex; align-items: center; justify-content: center; } .galerie-partner img { width: auto; max-width: 100%; max-height: 5.5rem; mix-blend-mode: multiply; } .ce_form { max-width: 44rem; } .ce_form .widget { margin-bottom: 1.25rem; } .ce_form .submit_container { margin-top: 1.75rem; } .ce_form .submit { width: auto; } .ce_form .widget.mandatory .input-container::after, .ce_form .widget-checkbox.mandatory::after, .ce_form .widget-radio.mandatory::after { content: none; } #footer { border-top: 1px solid #000; background: #fff; color: #000; font-size: 0.8125rem; line-height: 1.539; } #footer > .inside { display: grid; gap: 1.875rem 3.125rem; padding-block: 3.125rem 2.8125rem; padding-inline: 1rem; } #footer > .inside > * { align-self: start; } #footer a { --a-clr: #000; --a-clr-hvr: #dd3333; --a-td: none; --a-td-hvr: none; color: #000; text-decoration: none; } #footer a:hover, #footer a:focus-visible { color: #dd3333; } #footer p { margin: 0; } @media (min-width: 64rem) { #footer > .inside { grid-template-columns: repeat(4, 1fr); } } .footer-nav ul { margin: 0; padding: 0; list-style: none; } .footer-nav li { padding-block: 0; } .footer-nav li + li { margin-top: 0.5625rem; padding-top: 0.625rem; border-top: 1px solid rgba(0, 0, 0, 0.15); } .footer-nav a { display: inline-block; } .footer-karte img { display: block; width: 100%; height: auto; } .footer-karte__quelle { margin-top: 0.375rem; font-size: 0.6875rem; color: rgba(0, 0, 0, 0.55); } .footer-logo img { display: block; width: 12.5rem; max-width: 100%; height: auto; } /** Compiled with Theme Compiler */