.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)} .mod_visitors .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left; width:0px; height:0px; } .cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .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}} /* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 12, 2011 */ @font-face { font-family: 'TitilliumText22LThin'; src: url('../../files/theme_files/webfont/titilliumtext22l001-webfont.eot'); src: url('../../files/theme_files/webfont/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/theme_files/webfont/titilliumtext22l001-webfont.woff') format('woff'), url('../../files/theme_files/webfont/titilliumtext22l001-webfont.ttf') format('truetype'), url('../../files/theme_files/webfont/titilliumtext22l001-webfont.svg#TitilliumText22LThin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText22LLight'; src: url('../../files/theme_files/webfont/titilliumtext22l002-webfont.eot'); src: url('../../files/theme_files/webfont/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/theme_files/webfont/titilliumtext22l002-webfont.woff') format('woff'), url('../../files/theme_files/webfont/titilliumtext22l002-webfont.ttf') format('truetype'), url('../../files/theme_files/webfont/titilliumtext22l002-webfont.svg#TitilliumText22LLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText22LRegular'; src: url('../../files/theme_files/webfont/titilliumtext22l003-webfont.eot'); src: url('../../files/theme_files/webfont/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/theme_files/webfont/titilliumtext22l003-webfont.woff') format('woff'), url('../../files/theme_files/webfont/titilliumtext22l003-webfont.ttf') format('truetype'), url('../../files/theme_files/webfont/titilliumtext22l003-webfont.svg#TitilliumText22LRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText22LMedium'; src: url('../../files/theme_files/webfont/titilliumtext22l004-webfont.eot'); src: url('../../files/theme_files/webfont/titilliumtext22l004-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/theme_files/webfont/titilliumtext22l004-webfont.woff') format('woff'), url('../../files/theme_files/webfont/titilliumtext22l004-webfont.ttf') format('truetype'), url('../../files/theme_files/webfont/titilliumtext22l004-webfont.svg#TitilliumText22LMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText22LBold'; src: url('../../files/theme_files/webfont/titilliumtext22l005-webfont.eot'); src: url('../../files/theme_files/webfont/titilliumtext22l005-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/theme_files/webfont/titilliumtext22l005-webfont.woff') format('woff'), url('../../files/theme_files/webfont/titilliumtext22l005-webfont.ttf') format('truetype'), url('../../files/theme_files/webfont/titilliumtext22l005-webfont.svg#TitilliumText22LBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumText22LXBold'; src: url('../../files/theme_files/webfont/titilliumtext22l006-webfont.eot'); src: url('../../files/theme_files/webfont/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/theme_files/webfont/titilliumtext22l006-webfont.woff') format('woff'), url('../../files/theme_files/webfont/titilliumtext22l006-webfont.ttf') format('truetype'), url('../../files/theme_files/webfont/titilliumtext22l006-webfont.svg#TitilliumText22LXBold') format('svg'); font-weight: normal; font-style: normal; } /*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/davegandy * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../files/theme_files/font-awesome/font/fontawesome-webfont.eot?v=3.2.1'); src: url('../../files/theme_files/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../files/theme_files/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../files/theme_files/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../files/theme_files/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; } /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline; } /* increased font size for icon-large */ [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: 0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } /* BOOTSTRAP SPECIFIC CLASSES * -------------------------- */ /* Bootstrap 2.0 sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } /* keeps Bootstrap styles with and without icons the same */ .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } /* Fixes alignment in nav lists */ .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } /* EXTRAS * -------------------------- */ /* Stacked and layered icon */ .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } /* Animated rotating icon */ .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Prevent stack and spinners from being taken inline when inside a link */ a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Icon rotations and mirroring */ .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* ensure rotation occurs inside anchor tags */ a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } @media screen { /* Body //////////////////////////////////////////////////////////////////// */ body { font:13px 'TitilliumText22LRegular',Arial,sans-serif; color:#626262; } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } #wrapper { background-color:#ffffff; } /* Footer Font Color //////////////////////////////////////////////////////////////////// */ #footer { text-decoration:none; color:#ebebeb; border:none; } /* Typography //////////////////////////////////////////////////////////////////// */ h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#515151; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size:25px; line-height:27px; } h2 { font-size:20px; line-height:30px; } h3 { font-size:17px; line-height:34px; } h4 { font-size:16px; line-height:30px; } h5 { font-size:14px; line-height:24px; } h6 { font-size:12px; line-height:21px; } p, blockquote { line-height:22px; } em { font-style:italic; } strong { font-weight:bold; } small { font-size:80%; } /* Headline bordered //////////////////////////////////////////////////////////////////// */ h1.bordered, h2.bordered, h3.bordered, h4.bordered, h5.bordered, h6.bordered, .bordered h1, .bordered h2, .bordered h3, .bordered h4, .bordered h5, .bordered h6 { padding-bottom:10px; border-bottom:3px solid #be0028; } h1.border-top, h2.border-top, h3.border-top, h4.border-top, h5.border-top, h6.border-top, .border-top h1, .border-top h2, .border-top h3, .border-top h4, .border-top h5, .border-top h6 { padding-top:10px; border-top:3px solid #be0028; } /* Headline bordered Footer //////////////////////////////////////////////////////////////////// */ #footer h1.bordered, #footer h2.bordered, #footer h3.bordered, #footer h4.bordered, #footer h5.bordered, #footer h6.bordered, #footer h1.border-top, #footer h2.border-top, #footer h3.border-top, #footer h4.border-top, #footer h5.border-top, #footer h6.border-top { margin-top:11px; margin-bottom:11px; font-size:17px; line-height:30px; } #footer .bordered h1, #footer .bordered h2, #footer .bordered h3, #footer .bordered h4, #footer .bordered h5, #footer .bordered h6, #footer .border-top h1, #footer .border-top h2, #footer .border-top h3, #footer .border-top h4, #footer .border-top h5, #footer .border-top h6 { margin-top:11px; margin-bottom:11px; font-size:17px; line-height:30px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#ebebeb; } /* Links //////////////////////////////////////////////////////////////////// */ a { text-decoration:none; color:#be0028; border:none; } a:hover { text-decoration:underline; } a:focus { outline:none; } /* img //////////////////////////////////////////////////////////////////// */ img { border:none; } /* Images responsive //////////////////////////////////////////////////////////////////// */ .responsive img { width:100% !important; height:auto !important; } /* Big Button //////////////////////////////////////////////////////////////////// */ .big_button a, a.big_button { position:relative; display:block; padding:15px 30px; text-align:center; background-color:#be0028; font-size:18px; text-decoration:none; color:#ffffff; } .big_button a:hover, a.big_button:hover { background-color:rgba(be0028,.9); } /* More & Back Button //////////////////////////////////////////////////////////////////// */ p.more a, a.more, p.back a, a.back, a.toplink, .toplink a { padding:6px 13px; background-color:#be0028; text-decoration:none; color:#ffffff; } p.more a:hover, a.more:hover, p.back a:hover, a.back:hover, a.toplink, .toplink a { background-color:rgba(be0028,.9); } /* Warning //////////////////////////////////////////////////////////////////// */ p.warning { padding:20px; text-align:center; background-color:#e8e8e8; border:1px solid #f00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p.warning:before { width:100%; height:30px; position:relative; float:none; clear:both; display:block; padding-bottom:10px; text-align:center; font:30px FontAwesome; font-weight:normal; color:#f00; content:"\f071"; } /* Blockquotes //////////////////////////////////////////////////////////////////// */ blockquote p { position:relative; display:block; padding-right:60px; padding-left:100px; font-style:italic; } blockquote { position:relative; display:block; margin:0; padding:0; } blockquote:before { left:25px; position:absolute; display:block; font:50px FontAwesome; content: "\f10e"; } /* Confirmation //////////////////////////////////////////////////////////////////// */ p.confirmation { padding:20px; text-align:center; background-color:#e8e8e8; border:1px solid #15ff00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p.confirmation:before { width:100%; height:30px; position:relative; float:none; clear:both; display:block; padding-bottom:10px; text-align:center; font:30px FontAwesome; font-weight:normal; color:#15ff00; content: "\f024"; } /* information //////////////////////////////////////////////////////////////////// */ p.information { padding:20px; text-align:center; background-color:#e8e8e8; border:1px solid #00a6ff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p.information:before { width:100%; height:30px; position:relative; float:none; clear:both; display:block; padding-bottom:10px; text-align:center; font:30px FontAwesome; font-weight:normal; color:#00a6ff; content: "\f0a1"; } /* Clear //////////////////////////////////////////////////////////////////// */ .clear { height:0px; position:relative; float:none; clear:both; display:block; } /* Colored //////////////////////////////////////////////////////////////////// */ .colored { color:#be0028; } /* Hidden //////////////////////////////////////////////////////////////////// */ .hidden { display:none; } /* Responsive Hidden //////////////////////////////////////////////////////////////////// */ @media (max-width:767px) { .responsive_hidden{ display:none !important; } } /* Line //////////////////////////////////////////////////////////////////// */ .line { width:100%; height:1px; background-color:#d6d6d6; font-size:1px; line-height:1px; } /* Text align center //////////////////////////////////////////////////////////////////// */ .center { text-align:center; } /* Inside Elements //////////////////////////////////////////////////////////////////// */ header, #container, .custom .inside { background-color:#ffffff; } #Menusection, #Menusection .inside { background-color:#3b3b3b; } #Informationsection { background-color:#ffffff; } #Slidersection { background-color:#ffffff; } #Slidersection .inside { background-color:rgba(59,59,59,.1); } footer { background-color:#3b3b3b; } /* Figure //////////////////////////////////////////////////////////////////// */ figure { margin:0; padding:0; font-size:0px; line-height:0px; } figure:focus, img:focus { outline:none; } /* .invisible //////////////////////////////////////////////////////////////////// */ .invisible { width:0px; height:0px; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline; } /* Logo //////////////////////////////////////////////////////////////////// */ #logo { height:170px; position:absolute; float:left; } #logo a { left:0; top:20px; position:absolute; white-space:nowrap; } /* Mainmenu //////////////////////////////////////////////////////////////////// */ .mainmenu { position:relative; float:left; display:block; overflow:visible !important; } .mainmenu ul { position:relative; display:block; margin:0; padding:0; background-color:#3b3b3b; list-style-type:none; -ms-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .mainmenu ul.level_1 { width:100%; height:50px; position:relative; display:block; margin:0; padding:0; } .mainmenu ul.level_1 li { position:relative; float:left; display:block; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li span.forward { height:36px; position:relative; display:inline-block; padding:14px 13px 0; white-space:nowrap; font-size:14px; text-decoration:none; color:#fff; } .mainmenu ul.level_1 li a:hover, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li.submenu:hover > a, .mainmenu ul.level_1 li a.trail, .mainmenu ul.level_1 li span.forward { background-color:#be0028; color:#ffffff; } .mainmenu ul.level_1 li > ul { position:absolute; background-color:#be0028; z-index:999; } .mainmenu ul.level_1 li > ul { visibility: hidden; opacity: 0; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; -webkit-transition-delay: 0s, .2s; -moz-transition-delay: 0s, .2s; -o-transition-delay: 0s, .2s; transition-delay: 0s, .2s; } .mainmenu ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .mainmenu ul.level_2 { min-width:150px; top:50px; width:auto; } .mainmenu ul.level_2 li { width:100%; position:relative; float:none; display:inline-block; margin:0; padding:0; } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li strong.active, .mainmenu ul.level_2 li span.forward { position:relative; float:none; display:block; white-space:nowrap; color:#ffffff; } .mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li strong.active, .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a, .mainmenu ul.level_2 li span.forward { background-color:rgba(0,0,0,.05); } .mainmenu ul.level_2 li > ul { min-width:150px; left:0; top:0; margin-left:100%; width:auto; } /* Home Icon //////////////////////////////////////////////////////////////////// */ @media (min-width:1140px) { .mainmenu ul.level_1>li:first-child>a, .mainmenu ul.level_1>li:first-child>strong { width:50px; height:50px; padding:0px; margin:0px; } .mainmenu ul.level_1>li:first-child>a:after, .mainmenu ul.level_1>li:first-child>strong:after { position:absolute; top:0px; left:0px; width:50px; height:35px; padding-top:15px; background-color:#3b3b3b; font:22px FontAwesome; color:#fff; content: "\f015"; text-align:center; } .mainmenu ul.level_1>li:first-child>a:hover:after, .mainmenu ul.level_1>li:first-child>a.trail:after, .mainmenu ul.level_1>li:hover:first-child>a:after, .mainmenu ul.level_1>li:first-child>strong.active:after, .mainmenu ul.level_1>li:first-child>span.forward:after{ background-color:#be0028; color:#ffffff; } } /* Responsive nav //////////////////////////////////////////////////////////////////// */ .mainmenu a.mobile_handle { display:none; } /* Responsive nav min 1140px //////////////////////////////////////////////////////////////////// */ @media (max-width:1139px) { /* Handle */ .mainmenu a.mobile_handle { height:36px; width:50px; position:relative; display:block; overflow:hidden; background:#be0028; padding-top:14px; font-size:14px; text-decoration:none; color:#292929; text-align:center; cursor:pointer; } /* Res Nav */ .mainmenu { width:100%; } .mainmenu ul { background:#3b3b3b; -ms-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out } .mainmenu ul.level_1 { height:auto; } .mainmenu ul.level_1 li { float:none; width:100%; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li span.forward { width:100%; display:block; height:50px; padding:14px 13px 13px 13px; border-top:1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mainmenu ul.level_1 li a:hover, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li span.forward { background-color:#be0028 !important; color:#ffffff; } .mainmenu ul.level_1 li a.trail, .mainmenu ul.level_1 li.submenu:hover > a { background-color:rgba(0,0,0,0.1); color:#fff; } .mainmenu ul li a:hover { background:#be0028 !important; color:#ffffff !important; } .mainmenu ul.level_1 li > ul { position: relative; background-color:#3b3b3b; z-index:99; } .mainmenu ul.level_1 li > ul { padding:0px; display:none; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .mainmenu ul.level_2 { min-width:auto; top:0px; width:auto; } .mainmenu ul.level_2 li { } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li strong.active, .mainmenu ul.level_2 li span.forward { background:#3b3b3b; color:#fff; } .mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li strong.active, .mainmenu ul.level_2 li span.forward { background-color:#be0028; color:#ffffff; } .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a { background-color:rgba(0,0,0,0.1); color:#fff; } .mainmenu ul.level_2 li > ul { min-width:auto; width:auto; left:0; top:0; margin-left:0%; padding:0px; } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li strong.active, .mainmenu ul.level_2 li span.forward { padding-left:30px !important; } .mainmenu ul.level_3 li a, .mainmenu ul.level_3 li strong.active, .mainmenu ul.level_3 li span.forward { padding-left:45px !important; } .mainmenu ul.level_4 li a, .mainmenu ul.level_4 li strong.active, .mainmenu ul.level_4 li span.forward { padding-left:60px !important; } .mainmenu ul.level_5 li a, .mainmenu ul.level_5 li strong.active, .mainmenu ul.level_5 li span.forward { padding-left:75px !important; } .mainmenu ul.level_6 li a, .mainmenu ul.level_6 li strong.active, .mainmenu ul.level_6 li span.forward { padding-left:90px !important; } /* Sub Arrow */ .mainmenu ul li a.sub_nav{ position:absolute; width:50px; height:50px; right:0px; top:0px; margin:0; padding:0px !important; background-color:#292929 !important; color:#fff; text-align:center; cursor:pointer; } .mainmenu ul li a.sub_nav:hover{ background-color:#be0028 !important; color:#ffffff; } .mainmenu .icon-angle-up, .mainmenu .icon-angle-down { position:relative; display:block; padding-top:15px; font-size:18px; } } /* Styleswitcher Area //////////////////////////////////////////////////////////////////// */ .styleswitcher_area { width:300px; height:100%; left:-300px; top:0; position:fixed; background-color:rgba(0,0,0,.9); -ms-transition: all 0.75s ease-in-out; -webkit-transition: all 0.75s ease-in-out; -o-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; z-index:9999; } @media (max-width:767px) { .styleswitcher_area{ display:none; } } .styleswitcher_area:hover { left:0; } .styleswitcher_area:after { width:35px; height:40px; top:45%; position:absolute; overflow:hidden; padding-top:20px; padding-right:3px; text-align:center; background-color:rgba(0,0,0,.9); border-top-right-radius:4px; border-bottom-right-radius:4px; font:20px FontAwesome; font-weight:normal; color:#f2f2f2; right:-38px; -webkit-font-smoothing: antialiased; content: "\f085"; } /* Styleswitcher //////////////////////////////////////////////////////////////////// */ .mod_zad_switcher { padding-top:20px; padding-right:20px; padding-left:20px; text-align:center; } .mod_zad_switcher h1 { margin-top:0; margin-bottom:10px; font-size:17px; font-weight:normal; color:#ededed; } .mod_zad_switcher a { position:relative; display:inline-block; background-color:#6cf; border-radius:1px; font-family:TitilliumText22LXBold; font-weight:normal; text-decoration:none; color:#292929; } .mod_zad_switcher a:hover { background-color:rgba(102,204,255,.95); } .sw_shadow a { margin-right:5px; margin-left:5px; padding:5px 40px; } .sw_max_width a { margin-right:5px; margin-left:5px; padding:5px 27px; } .sw_model a { margin-right:5px; margin-left:5px; padding:5px 31px; } .sw_background a { width:20px; height:20px; position:relative; overflow:hidden; display:inline-block; margin-right:5px; margin-left:5px; background-color:#fff; } .sw_background a:hover { background-color:#fff; } .sw_background img { width:30px; height:30px; position:relative; overflow:hidden; display:inline-block; } .sw_skin a { margin-right:5px; margin-left:5px; padding:5px 31px; } /* Change Language //////////////////////////////////////////////////////////////////// */ .mod_changelanguage { height:25px; position:relative; float:right; display:block; margin-top:20px; padding-left:14px; border-left:1px solid #be0028; } .mod_changelanguage .lang_active strong { margin-left:10px; font-size:13px; color:#626262; } .mod_changelanguage .lang_active { height:21px; position:relative; float:right; display:block; padding-top:7px; font-size:0px; line-height:0px; } .mod_changelanguage .lang_list { width:0px; height:21px; position:relative; float:left; display:block; padding-top:7px; font-size:0px; line-height:0px; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_changelanguage .lang_active img { margin-left:5px; } .mod_changelanguage .lang_active img, .mod_changelanguage .lang_list img { margin-bottom:-2px; } .mod_changelanguage .lang_list img { width:0px; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_changelanguage:hover .lang_list { width:16px; padding:7px 5px 0; } .mod_changelanguage:hover .lang_list img { width:16px; } /* Social Media Icons //////////////////////////////////////////////////////////////////// */ .social_media_icons { height:25px; position:relative; float:right; display:block; margin-top:20px; margin-right:15px; padding-left:10px; border-left:1px solid #be0028; } #footer .social_media_icons { margin-right:0; padding-left:0; border-left:0px; } .social_media_icons .ce_hyperlink { width:25px; height:20px; position:relative; overflow:hidden; float:left; display:block; margin-left:5px; padding-top:5px; text-align:center; font-size:15px; } .social_media_icons .ce_hyperlink:hover { background-color:#be0028; color:#ffffff; } .social_media_icons .ce_hyperlink figure, .social_media_icons .ce_hyperlink img { width:25px; height:25px; } .social_media_icons .ce_hyperlink a { width:25px; height:25px; left:0; top:0; position:absolute; display:block; font-size:0px; } /* Header contact //////////////////////////////////////////////////////////////////// */ .header_contact { height:25px; position:relative; float:right; display:block; margin-top:20px; margin-right:15px; padding-left:10px; border-left:1px solid #be0028; } .mail_us_button, .call_us_button { position:relative; float:left; display:block; margin-left:5px; } .mail_us_button a, .call_us_button a { height:19px; position:relative; display:block; margin-top:0; margin-bottom:0; padding-top:6px; padding-right:7px; padding-bottom:0; line-height:13px; text-decoration:none; color:#626262; } .mail_us_button a:hover, .call_us_button a:hover { background-color:#be0028; color:#ffffff; } .call_us_button a:before, .mail_us_button a:before { width:25px; height:21px; position:relative; float:left; display:inline-block; margin-top:-6px; margin-right:5px; padding-top:4px; text-align:center; font:16px FontAwesome; color:#626262; } .mail_us_button a:before { content: "\f0e0"; } .call_us_button a:before { content: "\f095"; } .call_us_button a:hover:before, .mail_us_button a:hover:before { background-color:rgba(0,0,0,.05); color:#ffffff; } /* Search Menusection //////////////////////////////////////////////////////////////////// */ #Menusection .mod_search { width:50px; height:50px; right:0; top:0; position:absolute; overflow:hidden; padding:0; background-color:#be0028; -ms-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #Menusection .mod_search:hover { width:100%; } #Menusection .mod_search .formbody { width:100%; height:50px; } #Menusection .mod_search .formbody:before { width:50px; height:33px; right:0; top:0; position:absolute; padding-top:17px; text-align:center; background-color:#444; font:15px FontAwesome; color:#be0028; content: "\f002"; } #Menusection .mod_search .formbody .submit { width:50px; height:50px; right:0; top:0; position:absolute; margin:0; padding:0; -webkit-box-shadow:0 0 0 0; box-shadow:0 0 0 0; border:0px; border-radius:0; font-size:0px; cursor:pointer; background:transparent; } #Menusection .mod_search .formbody .submit:hover { background-color:rgba(0,0,0,.05); } #Menusection .mod_search h1, #Menusection .mod_search h2, #Menusection .mod_search h3, #Menusection .mod_search h4, #Menusection .mod_search h5, #Menusection .mod_search h6 { width:90px; height:39px; left:0; top:0; position:absolute; margin:0; padding:17px 0 0 20px; font-size:16px; line-height:16px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Menusection .mod_search .formbody .text { width:100%; height:50px; left:0; top:0; position:absolute; display:block; padding:0 60px 0 90px; vertical-align:middle; background-color:rgba(0,0,0,.01); -webkit-box-shadow:0 0 0 0; box-shadow:0 0 0 0; border:0px; border-radius:0; font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } #Menusection .mod_search .header, #Menusection .mod_search .first, #Menusection .mod_search .last, #Menusection .mod_search .even { display:none; } /* Header Register and Login //////////////////////////////////////////////////////////////////// */ .reg_log { height:25px; position:relative; float:right; display:block; margin-top:20px; margin-right:15px; padding-left:10px; } #header .login_button { position:relative; float:left; display:block; margin-left:5px; } #header .login_button a:before { width:25px; height:20px; position:relative; float:left; display:inline-block; margin-top:-6px; margin-right:5px; padding-top:5px; text-align:center; font:16px FontAwesome; color:#626262; content: "\f13e"; } #header .login_button a:hover:before { background-color:rgba(0,0,0,.05); color:#ffffff; } #header .login_button a { height:19px; position:relative; display:block; margin-top:0; margin-bottom:0; padding-top:6px; padding-right:7px; padding-bottom:0; line-height:13px; text-decoration:none; color:#626262; cursor:pointer; } #header .login_button a:hover { background-color:#be0028; color:#ffffff; } /* Header Register //////////////////////////////////////////////////////////////////// */ #header .register_button a:before { width:25px; height:21px; position:relative; float:left; display:inline-block; margin-top:-6px; margin-right:5px; padding-top:4px; text-align:center; font:16px FontAwesome; color:#626262; content: "\f007"; } #header .register_button a:hover:before { background-color:rgba(0,0,0,.05); color:#ffffff; } #header .register_button { position:relative; float:left; display:block; margin-left:5px; } #header .register_button a { height:19px; position:relative; display:block; margin-top:0; margin-bottom:0; padding-top:6px; padding-right:7px; padding-bottom:0; line-height:13px; text-decoration:none; color:#626262; } #header .register_button a:hover { background-color:#be0028; color:#ffffff; } /* Header Article //////////////////////////////////////////////////////////////////// */ #header .header_article { position:relative; float:right; margin-right:0; } /* Breadcrumb //////////////////////////////////////////////////////////////////// */ .mod_breadcrumb { width:100%; position:relative; clear:both; display:block; padding-top:10px; } .mod_breadcrumb ul { margin:0; padding:0; } .mod_breadcrumb ul li { position:relative; float:left; display:block; margin-right:10px; } .mod_breadcrumb ul li a { text-decoration:none; color:#626262; } .mod_breadcrumb ul li a:hover { text-decoration:none; color:#be0028; } .mod_breadcrumb ul li:before { margin-right:10px; font-family:FontAwesome; content: "\f178"; } .mod_breadcrumb ul li:first-child:before { display:none; } /* Syndications //////////////////////////////////////////////////////////////////// */ .pdf_link, .syndication { right:0; top:-26px; position:absolute; white-space:nowrap; } /* Syndications //////////////////////////////////////////////////////////////////// */ @media (max-width:767px) { .pdf_link, .syndication { top:0px; } } .pdf_link a, .syndication a { margin-left:5px; font-size:16px; color:#626262; } .pdf_link a:hover, .syndication a:hover { text-decoration:none; color:#be0028; } /* Tab Control Slidersection //////////////////////////////////////////////////////////////////// */ #Slidersection .tabcontrol_tabs ul { margin:0; padding:0; border:0px; list-style-type:none; } #Slidersection .tabcontrol_tabs ul li { height:19px; position:relative; float:left; display:block; margin-right:-1px; padding:6px 13px 0; border-right:1px solid #be0028; border-left:1px solid #be0028; line-height:13px; cursor:pointer; } #Slidersection .tabcontrol_tabs ul li.tab_0 { border-right:1px; border-left:0px; } #Slidersection .tabcontrol_tabs ul li.selected { background-color:#be0028; color:#ffffff; } #Slidersection .tabcontrol_tabs { bottom:0; right:0; position:absolute; } #Slidersection .ce_tabcontrol { padding-top:10px; } @media (max-width:1139px) { #Slidersection .panes{ padding-bottom:50px; } } /* Menu Side //////////////////////////////////////////////////////////////////// */ aside nav ul { margin:0; padding:0; list-style-type:none; } aside nav ul li { width:100%; position:relative; display:block; background-color:#e8e8e8; list-style-type:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } aside nav ul li a, aside nav ul li strong, #portfolio_filter a { width:100%; position:relative; overflow:hidden; display:block; margin-bottom:1px; padding:6px 10px 6px 35px; background-color:#e8e8e8; text-decoration:none; color:#515151; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } aside nav ul li a:before, aside nav ul li strong:before, #portfolio_filter a:before { position: absolute; top: 9px; left: 15px; /*margin-right:15px;*/ font-family:FontAwesome; color:#be0028; content: "\f0da"; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } aside nav ul li a:hover:before, aside nav ul li strong:hover:before, aside nav ul li strong.active:before, #portfolio_filter a.active:before, #portfolio_filter a:hover:before { color:#ffffff; } aside nav ul li a:hover, aside nav ul li strong.active, aside nav ul li span.forward:hover, #portfolio_filter a:hover, #portfolio_filter a.active { background-color:#be0028; text-decoration:none; color:#ffffff; } aside nav ul.level_1 li > ul { display:none; } aside nav ul.level_1 li.active > ul, aside nav ul.level_1 li.trail > ul { display:block; } aside nav ul ul li { padding-left:15px; } /* Service Link //////////////////////////////////////////////////////////////////// */ .service-link { position:relative; display:block; padding-top:15px; padding-bottom:15px; text-align:center; font-size:13px; font:13px 'TitilliumText22LRegular',Arial,sans-serif !important; line-height:22px !important; } .service-link:before { font:50px FontAwesome; } .service-link a { position:relative; display:table; margin-top:20px; margin-right:auto; margin-left:auto; padding:6px 13px; background-color:#be0028; line-height:13px; text-decoration:none; color:#ffffff; } .service-link a:hover { background-color:rgba(be0028,.9); } /* News List Latest //////////////////////////////////////////////////////////////////// */ .mod_newslist .layout_latest, .mod_newsarchive .layout_latest { position:relative; display:block; padding-left:70px; } .mod_newslist .layout_latest time, .mod_newsarchive .layout_latest time { width:50px; left:0; top:7px; position:absolute; padding-bottom:5px; text-align:center; background-color:#be0028; } .categorie_box { bottom:0; left:0; position:absolute; margin:0; padding:0 10px; white-space:nowrap; background-color:#be0028; font-size:13px; color:#ffffff; } .mod_newslist .layout_latest time .date_box_day, .mod_newsarchive .layout_latest time .date_box_day { padding-top:5px; padding-bottom:5px; font-size:22px; font-weight:bold; color:#ffffff; } .mod_newslist .layout_latest time .date_box_month, .mod_newsarchive .layout_latest time .date_box_month { color:#ffffff; } .mod_newslist .layout_latest .info, .mod_newsarchive .layout_latest .info { position:relative; float:none; clear:both; display:block; margin-top:20px; margin-bottom:50px; padding-top:10px; border-top:1px solid #d6d6d6; } .mod_newslist .layout_latest h2, .mod_newsarchive .layout_latest h2 { margin-top:0; padding-bottom:10px; border-bottom:1px solid #d6d6d6; } .mod_newslist .layout_latest h2 a, .mod_newsarchive .layout_latest h2 a { text-decoration:none; color:#515151; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_newslist .layout_latest h2 a:hover, .mod_newsarchive .layout_latest h2 a:hover { color:#be0028; } .mod_newslist .layout_latest .info i, .mod_newsarchive .layout_latest .info i { margin-right:5px; } .mod_newslist .layout_latest .info .icon-comments, .mod_newslist .layout_latest .info .icon-user, .mod_newslist .layout_latest .info .icon-exclamation-sign, .mod_newsarchive .layout_latest .info .icon-comments, .mod_newsarchive .layout_latest .info .i { margin-left:20px; } .layout_latest .ce_text, .layout_latest .content-text{ overflow: visible; } /* Pagination //////////////////////////////////////////////////////////////////// */ .pagination { } .pagination ul { height:30px; position:relative; float:left; display:block; margin:0; padding:15px 0 0; list-style-type:none; } .pagination p { position:relative; float:right; display:block; margin-right:10px; } .pagination ul li { position:relative; float:left; display:block; } .pagination ul li a, .pagination ul li strong { margin-right:10px; padding:6px 13px; background-color:#e8e8e8; text-decoration:none; color:#515151; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination ul li a:hover, .pagination ul li strong { background-color:#be0028; color:#ffffff; } /* Paginierung Gallery */ nav[data-pagination] { } nav[data-pagination] ol { height:30px; position:relative; float:left; display:block; margin:0; padding:15px 0 0; list-style-type:none; } nav[data-pagination] p { position:relative; float:right; display:block; margin-right:10px; } nav[data-pagination] ol li { position:relative; float:left; display:block; } nav[data-pagination] ol li a, nav[data-pagination] ol li strong { margin-right:10px; padding:6px 13px; background-color:#e8e8e8; text-decoration:none; color:#515151; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav[data-pagination] ol li a:hover, nav[data-pagination] ol li a.active { background-color:#be0028; color:#ffffff; } nav[data-pagination] ol li a.active { pointer-events: none; } /* News List Simple //////////////////////////////////////////////////////////////////// */ .mod_newslist .layout_simple { height:50px; position:relative; overflow:hidden; display:block; margin-bottom:10px; padding:10px; background-color:#e8e8e8; } #Slidersection .mod_newslist .layout_simple { margin-bottom:5px; background-color:rgba(0,0,0,.1); } .mod_newslist .layout_simple figure, .mod_newslist .layout_simple img { left:0; top:0; width:50px !important; height:50px !important; padding:0px !important; margin:0px !important; position:absolute !important; } .mod_newslist .layout_simple figure { left:10px; top:10px; opacity: 10; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_newslist .layout_simple figure a { margin:0 10px 0 0; padding:0; line-height:0px; } .mod_newslist .layout_simple:hover figure { opacity: 0; } .mod_newslist .layout_simple a { height:58px; position:relative; overflow:hidden; display:block; margin-top:-2px; padding-left:60px; text-decoration:none; color:#515151; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_newslist .layout_simple a:hover { color:#be0028; } .mod_newslist .layout_simple time { width:50px; height:50px; left:10px; top:10px; position:absolute; text-align:center; background-color:#be0028; } .mod_newslist .layout_simple time .date_box_day { padding-top:3px; padding-bottom:0; font-size:22px; font-weight:bold; color:#ffffff; } .mod_newslist .layout_simple time .date_box_month { margin-top:-4px; color:#ffffff; } /* News Menu //////////////////////////////////////////////////////////////////// */ .mod_newsmenu ul { margin:0; padding:0; list-style-type:none; } .mod_newsmenu ul li a, .mod_newsmenu ul li strong { width:100%; position:relative; overflow:hidden; display:block; margin-bottom:1px; padding:6px 10px 6px 15px; background-color:#e8e8e8; text-decoration:none; color:#515151; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_newsmenu ul li.year a, .mod_newsmenu ul li.year strong { padding-top:12px; padding-bottom:12px; text-align:center; font-weight:bold; } .mod_newsmenu ul li ul.level_2 { padding-bottom:10px; } .mod_newsmenu ul.level_2 li a, .mod_newsmenu ul.level_2 li strong { padding-top:6px; padding-bottom:6px; text-align:left; font-weight:normal; } .mod_newsmenu ul.level_2 li a:before, .mod_newsmenu ul.level_2 li strong:before { margin-right:15px; font-family:FontAwesome; color:#be0028; content: "\f0da"; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_newsmenu ul li a:hover:before, .mod_newsmenu ul li strong:hover:before, .mod_newsmenu ul li strong.active:before { color:#ffffff; } .mod_newsmenu ul li a:hover, .mod_newsmenu ul li strong.active { background-color:#be0028; text-decoration:none; color:#ffffff; } .mod_newsmenu ul li a b, .mod_newsmenu ul li strong b { float:right; font-size:11px; font-weight:normal; color:rgba(155,155,155,.7); } @media (max-width:1020px) { .mod_newsmenu ul li a b, .mod_newsmenu ul li strong b{ display:none; } } /* News Full //////////////////////////////////////////////////////////////////// */ .mod_newsreader .layout_full > h1 { padding-bottom: 10px; border-bottom: 3px solid #be0028; } .mod_newsreader .layout_full .info i, .mod_newsreader .layout_full .info i { margin-right:5px; } .mod_newsreader .layout_full .info .icon-comments, .mod_newsreader .layout_full .info .icon-user, .mod_newsarchive .layout_latest .info .icon-comments, .mod_newsarchive .layout_latest .info .icon-user { margin-left:20px; } /* Comments //////////////////////////////////////////////////////////////////// */ .ce_comments { } .reply { margin-left:50px; } .comment { padding:10px 10px 10px 20px; background-color:#e8e8e8; border-left:4px solid #be0028; } .com_by { color:#be0028; } .ce_comments i { margin-right:10px; margin-left:20px; } .ce_comments .form { margin-top:20px; } /* Portfolio List Images //////////////////////////////////////////////////////////////////// */ #Informationsection .layout_portfolio_images { width:20%; height:0px; position:relative; overflow:hidden; float:left; display:block; padding-bottom:20%; } #container .layout_portfolio_images { width:25%; position:relative; overflow:hidden; float:left; display:block; padding-bottom:20%; height:auto !important; } #Informationsection .mod_newslist { margin:-2.1% -3.2% -2.2%; } #Informationsection .mod_article { overflow:visible; } .layout_portfolio_images_box { width:100%; height:100%; left:0; top:0; position:absolute; } .layout_portfolio_images_box, .layout_portfolio_images_box figure, .layout_portfolio_images_box img { width:100%; height:100%; } .layout_portfolio_images_box a { width:100%; height:100%; left:0; top:0; position:absolute; background-color:rgba(ffffff,.2); font-size:0px; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .layout_portfolio_images_box a:hover { background-color:rgba(ffffff,.01); } .portfolio_categorie { float:right; } @media (max-width:400px) { .portfolio_categorie{ float:none; } } /* Event List //////////////////////////////////////////////////////////////////// */ .mod_eventlist .layout_teaser { position:relative; display:block; padding-left:70px; } .mod_eventlist .layout_teaser .event_date_box { width:50px; left:0; top:7px; position:absolute; padding-bottom:5px; text-align:center; background-color:#be0028; } .mod_eventlist .layout_teaser .event_date_box .event_date_day { padding-top:5px; padding-bottom:5px; font-size:22px; font-weight:bold; color:#ffffff; } .mod_eventlist .layout_teaser .event_date_box .event_date_month { color:#ffffff; } .mod_eventlist .layout_teaser .info { position:relative; float:none; clear:both; display:block; margin-top:20px; margin-bottom:50px; padding-top:10px; border-top:1px solid #d6d6d6; } .mod_eventlist .layout_teaser h2 { margin-top:0; padding-bottom:10px; border-bottom:1px solid #d6d6d6; } .mod_eventlist .layout_teaser h2 a { text-decoration:none; color:#515151; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_eventlist .layout_teaser h2 a:hover { color:#be0028; } .mod_eventlist .layout_teaser .info i, .mod_eventreader .layout_full .info i { margin-right:5px; } .mod_eventlist .layout_teaser .info .icon-calendar, .mod_eventlist .layout_teaser .info .icon-map-marker, .mod_eventreader .layout_full .info .icon-map-marker { margin-left:20px; } /* Event Menu //////////////////////////////////////////////////////////////////// */ .mod_eventmenu ul { margin:0; padding:0; list-style-type:none; } .mod_eventmenu ul li a, .mod_eventmenu ul li strong { width:100%; position:relative; overflow:hidden; display:block; margin-bottom:1px; padding:6px 10px 6px 15px; background-color:#e8e8e8; text-decoration:none; color:#515151; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_eventmenu ul li.year a, .mod_eventmenu ul li.year strong { padding-top:12px; padding-bottom:12px; text-align:center; font-weight:bold; } .mod_eventmenu ul li ul.level_2 { padding-bottom:10px; } .mod_eventmenu ul.level_2 li a, .mod_eventmenu ul.level_2 li strong { padding-top:6px; padding-bottom:6px; text-align:left; font-weight:normal; } .mod_eventmenu ul.level_2 li a:before, .mod_eventmenu ul.level_2 li strong:before { margin-right:15px; font-family:FontAwesome; color:#be0028; content: "\f0da"; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_eventmenu ul li a:hover:before, .mod_eventmenu ul li strong:hover:before, .mod_newsmenu ul li strong.active:before { color:#ffffff; } .mod_eventmenu ul li a:hover, .mod_eventmenu ul li strong.active { background-color:#be0028; text-decoration:none; color:#ffffff; } .mod_eventmenu ul li a b, .mod_eventmenu ul li strong b { float:right; font-size:11px; font-weight:normal; color:rgba(155,155,155,.7); } @media (max-width:1020px) { .mod_eventmenu ul li a b, .mod_eventmenu ul li strong b{ display:none; } } /* Calendar Small //////////////////////////////////////////////////////////////////// */ .minicalendar { position:relative; overflow:hidden; margin-top:5px; margin-bottom:20px; padding-bottom:10px; background-color:#e8e8e8; border-collapse: collapse; width: 100%; } .minicalendar thead { width:100%; } .minicalendar thead tr:first-child { background-color:#be0028; } .minicalendar thead tr th.previous, .minicalendar thead tr th.current, .minicalendar thead tr th.next { height:110px; margin-right:auto; margin-left:auto; vertical-align:middle; text-align:center; font-size:20px; font-weight:normal; color:#ffffff; } .minicalendar thead tr th.previous, .minicalendar thead tr th.next { /*padding-right:20px;*/ /*padding-left:20px;*/ } .minicalendar thead tr th a { font-size:30px; text-decoration:none; color:#ffffff; } .minicalendar thead tr th a:hover { color:#fff; } .minicalendar thead tr th.current { /*width:100%;*/ } .minicalendar thead tr:last-child th { margin-right:auto; margin-left:auto; padding-top:10px; padding-bottom:10px; vertical-align:middle; text-align:center; font-size:10px; font-weight:bold; color:#515151; text-transform:uppercase; } .minicalendar thead tr:last-child th:first-child, .minicalendar tbody td:first-child { padding-left: 9px; } .minicalendar thead tr:last-child th:last-child, .minicalendar tbody td:last-child { padding-right: 9px; } .minicalendar tbody { /*width:90%; margin-right:5%; margin-left:5%;*/ table-layout: fixed; } .minicalendar tbody tr td { overflow:hidden; margin-right:auto; margin-left:auto; padding-top:4px; padding-bottom:4px; vertical-align:middle; text-align:center; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .minicalendar tbody tr td:hover, .minicalendar tbody tr td.selected { background-color:#be0028; color:#ffffff; } .minicalendar tbody tr td a { width:100%; height:100%; text-decoration:none; color:#be0028; } .minicalendar tbody tr td:hover a, .minicalendar tbody tr td.selected a { color:#ffffff; } /* Downloads //////////////////////////////////////////////////////////////////// */ .content-downloads, .content-download { } .content-downloads ul { margin:0; padding:0; list-style-type:none; } .content-downloads ul li, .content-download a { position:relative; display:block; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } .content-downloads ul li a, .content-download a { width:100%; position:relative; display:block; padding:12px 40px 10px; background-color:#e8e8e8; background-repeat: no-repeat; background-position: 12px center; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content-downloads ul li a:hover, .content-downloads ul li a:active, .content-download a:hover, .content-download a:active { background-color:#be0028; color:#ffffff; } .content-downloads ul li a span, .content-download a span { position:relative; float:right; display:block; text-decoration:none; color:#626262; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .content-downloads ul li a:hover span, .content-downloads ul li a:active span, .content-download a:hover span, .content-download a:active span { color:#ffffff; } .content-downloads ul li a:before, .content-download a:before { right:10px; top:13px; position:absolute; display:block; font:16px FontAwesome; text-decoration:none; color:#be0028; content: "\f019"; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .content-downloads ul li a:hover:before, .content-downloads ul li a:active:before, .content-download a:hover:before, .content-download a:active:before { color:#ffffff; } .content-downloads ul li a:after, .content-download a:after { position:relative; float:none; clear:both; display:block; content:""; } .content-downloads ul li img, .content-download img { left:12px; top:12px; position:absolute; z-index:9; } /* FAQ List //////////////////////////////////////////////////////////////////// */ .mod_faqlist { } .mod_faqlist ul { margin:0; padding:0; list-style-type:none; } .mod_faqlist ul li { position:relative; display:block; margin-bottom:10px; } .mod_faqlist ul li a { width:100%; position:relative; display:inline-block; padding:11px 11px 11px 40px; background-color:#e8e8e8; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_faqlist ul li a:hover, .mod_faqlist ul li a:active { background-color:#be0028; color:#ffffff; } .mod_faqlist ul li a:before { left:15px; top:12px; position:absolute; display:block; font:16px FontAwesome; color:#515151; content: "\f128"; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_faqlist ul li a:active:before, .mod_faqlist ul li a:hover:before { color:#ffffff; } /* Accordion //////////////////////////////////////////////////////////////////// */ .ce_accordion { margin-bottom:10px; } .ce_accordion .toggler { width:100%; position:relative; display:block; padding:11px 40px 11px 11px; background-color:#e8e8e8; color:#515151; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce_accordion .toggler:hover, .ce_accordion .ui-accordion-header-active { background-color:#be0028; color:#ffffff; } .ce_accordion .toggler:focus { outline:none; } .ce_accordion .ui-accordion-header:after { right:15px; top:13px; position:absolute; font:16px FontAwesome; color:#be0028; content: "\f0ab"; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce_accordion .ui-accordion-header:hover:after { color:#ffffff; } .ce_accordion .ui-accordion-header-active:after { right:15px; top:13px; position:absolute; font:16px FontAwesome; color:#ffffff; content: "\f0aa"; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce_accordion .accordion { padding:10px 11px; } /* Form //////////////////////////////////////////////////////////////////// */ form label { position:relative; float:none; display:block; margin-bottom:5px; } form { position:relative; } form fieldset label { display:inline; } form .text, form .textarea, form .captcha { width:100%; margin-bottom:10px; padding:10px; background-color:#e8e8e8; border:0px; color:#515151; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } form .upload { margin-bottom:10px; margin-left:0; } form .text:focus, form .textarea:focus, form .captcha:focus, #Slidersection form .text:focus { background-color:#be0028; color:#ffffff; outline:none; } form .select { width:100%; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } form fieldset { margin-bottom:10px; padding:0; border:0px; } form fieldset legend { margin-bottom:10px; } form fieldset span label { margin-right:15px; margin-left:-3px; } form span.mandatory { margin-left:3px; font-weight:bold; color:#be0028; } form p.error { margin-top:0; margin-bottom:5px; color:#be0028; } form br { display:none; } form .submit { position:relative; float:none; clear:both; display:block; margin-top:10px; padding:6px 13px; background-color:#be0028; border:0px; text-decoration:none; color:#ffffff; cursor:pointer; } form .submit:hover { background-color:rgba(be0028,.9); } form .submit:focus { outline:none; } .mod_subscribe .checkbox_container span, .mod_subscribe .checkbox_container span label, .mod_subscribe .checkbox_container span input { position:relative; float:left; display:inline; } .mod_unsubscribe .checkbox_container span, .mod_unsubscribe .checkbox_container span label, .mod_unsubscribe .checkbox_container span input { position:relative; float:left; display:inline; } .mod_subscribe .checkbox_container, .mod_unsubscribe .checkbox_container { position:relative; display:block; padding-bottom:20px; } .mod_subscribe .checkbox_container span label, .mod_unsubscribe .checkbox_container span label { margin-right:10px; } /* Search //////////////////////////////////////////////////////////////////// */ #main .mod_search .widget { margin-bottom: 1em; } .mod_search p.header { margin-block: 2em; } .mod_search .search_default { position:relative; overflow:hidden; display:block; margin-bottom:20px; background-color:#e8e8e8; /*padding-bottom: 10px;*/ } .mod_search .search_default h3 { margin-block: 0; } .mod_search .search_default figure { float: left; max-width: 35%; margin-right: 20px; } .mod_search .search_default figure a { display: block; background: transparent !important; padding: 0; } .mod_search .search_default figure img { display: block; } .mod_search .search_default a { width:100%; position:relative; display:inline-block; padding:6px 11px; background-color:rgba(190,0,40,.7); font-size:16px; text-decoration:none; color:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_search .search_default a:hover { background-color:rgba(190,0,40,.99); } .mod_search .search_default a span { float:right; padding-top:2px; font-size:12px; color:#fff; } .mod_search .search_default p { padding-inline: 20px; } .mod_search .text { -webkit-appearance: none; } /* Search Side //////////////////////////////////////////////////////////////////// */ aside .mod_search fieldset { position:relative; display:none; } /* Googlemap //////////////////////////////////////////////////////////////////// */ .dlh_googlemap { width:100% !important; } .mod_dlh_googlemaps { margin-bottom:20px; } #Informationsection .mod_dlh_googlemaps { margin:-2.1% -3.2%; } /* Table //////////////////////////////////////////////////////////////////// */ .ce_table table { width:100%; table-layout: fixed; } .ce_table table th, .ce_table table td { padding:8px 10px; text-align:left; } .ce_table table thead th { border-bottom:1px solid #d6d6d6; cursor:pointer; } /* Tab //////////////////////////////////////////////////////////////////// */ .ce_tabcontrol { } .ce_tabcontrol ul { position:relative; display:block; margin:0; padding:0; border-bottom:1px solid #be0028; list-style-type:none; } .ce_tabcontrol ul:after { position:relative; float:none; clear:both; display:block; content:""; } .ce_tabcontrol ul li { position:relative; float:left; display:block; margin-right:1px; padding:6px 10px; background-color:#e8e8e8; cursor:pointer; } .ce_tabcontrol ul li:hover, .ce_tabcontrol ul li.selected { background-color:#be0028; color:#ffffff; } /* Icon List //////////////////////////////////////////////////////////////////// */ .icon_list { margin-top:40px; } .icon_list i { position:relative; float:left; display:block; font-size:20px; width:30px !important; } .list_colored i { color:#be0028; } .icon_list div { width:25%; min-height:40px; position:relative; float:left; display:block; } @media (max-width:680px) { .icon_list div { width:100%; } } /* Slider //////////////////////////////////////////////////////////////////// */ #Slidersection section { margin-left:-3.2% !important; margin-right:-3.2% !important; } #Slidersection section.sc-first { margin-left:-3.2% !important; margin-right:-0% !important; width:77.45% !important; } #Slidersection section.sc-last { margin-right:-3.2% !important; margin-left:-0% !important; width:77.45% !important; } @media (max-width:1139px) { #Slidersection section.sc-last, #Slidersection section.sc-first { position:relative !important; display:block !important; width:106.4% !important; float:none !important; clear:both !important; margin-left:-3.2% !important; margin-right:-3.2% !important; padding-left: 0% !important; padding-right: 0% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } #Slidersection .mod_article { overflow:visible !important; } #Slidersection .ce_sliderStart img { width:100% !important; height:auto !important; } .ce_flexSlider h1, .ce_flexSlider h2, .ce_flexSlider h3 { margin-bottom:0; color:#dedede; } #Slidersection .content-slider { overflow:hidden !important; margin-bottom:0px !important; } #Slidersection .slider-control { width:100%; height:0%; left:0; top:50%; position:absolute; } #Slidersection .slider-control .slider-menu { top:140px !important; } #Slidersection .ce_sliderStart .slider-control .slider-prev { width:25px; height:80px; left:-0%; position:absolute; margin-top:-40px; margin-left:-20px; background-color:#be0028; font-size:0px; text-decoration:none; top:50%; z-index:99; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Slidersection .ce_sliderStart:hover .slider-control .slider-prev { margin-left:0; } #Slidersection .ce_sliderStart .slider-control .slider-next { width:25px; height:80px; right:0; top:50%; position:absolute; margin-top:-40px; margin-right:-20px; background-color:#be0028; font-size:0px; text-decoration:none; z-index:99; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Slidersection .ce_sliderStart:hover .slider-control .slider-next { margin-right:0; } #Slidersection .ce_sliderStart .slider-control .slider-next:hover, #Slidersection .ce_sliderStart .slider-control .slider-prev:hover { background-color:rgba(be0028,.5); } #Slidersection .ce_sliderStart .slider-control .slider-prev:before { left:7px; position:absolute; color:#fff; top:28px; font:22px FontAwesome; content: "\f104"; } #Slidersection .ce_sliderStart .slider-control .slider-next:before { right:7px; position:absolute; color:#fff; top:28px; font:22px FontAwesome; content: "\f105"; } #Slidersection .ce_sliderStart h1, #Slidersection .ce_sliderStart h2, #Slidersection .ce_sliderStart h3 { bottom:60px; position:absolute; margin:0; padding:10px 20px 12px; font-size:23px; line-height:15px; color:#fff; left:30px; background-color:rgba(0,0,0,0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Slidersection .ce_sliderStart figcaption { bottom:28px; position:absolute; display:block; padding:15px 20px 17px; font-size:13px; color:#fff; left:30px; background-color:rgba(0,0,0,0.5); width:auto !important; } @media (max-width:680px) { #Slidersection .ce_sliderStart h1, #Slidersection .ce_sliderStart h2, #Slidersection .ce_sliderStart h3, #Slidersection .ce_sliderStart figcaption {display:none;} } .slidersection_wide { display:none; } .slidersection_small { display:block; } } @media screen { /* Body //////////////////////////////////////////////////////////////////// */ body { margin:0; padding-top:20px; padding-bottom:20px; } /* block //////////////////////////////////////////////////////////////////// */ .block { overflow:hidden; } /* img //////////////////////////////////////////////////////////////////// */ img { border:0px; } /* Sections ////////////////////////////////////////////////////////////////// */ #wrapper, header, #container, #main, aside, footer, .custom, .custom .inside, .inside { position:relative; display:block; } /* #container:after //////////////////////////////////////////////////////////////////// */ #container:after { height:0px; clear:both; display:block; visibility: hidden; content: "."; } /* Wrapper //////////////////////////////////////////////////////////////////// */ #wrapper { width:90%; position:relative; display:block; margin-right:5%; margin-left:5%; } /* Inside Elements //////////////////////////////////////////////////////////////////// */ header .inside, footer .inside, #container, .custom .inside { margin-right:0; margin-left:0; width:auto; } /* header inside //////////////////////////////////////////////////////////////////// */ #header .inside { padding-right:3%; padding-left:3%; } /* Header min height //////////////////////////////////////////////////////////////////// */ header .inside { min-height:170px; } /* Inside Elements Main Left //////////////////////////////////////////////////////////////////// */ #container { padding:3%; } /* Inside Slidersection //////////////////////////////////////////////////////////////////// */ #Slidersection .inside .content-text, #Slidersection .inside .content-headline { padding-right:3%; padding-left:3%; } /* Inside Elements Informationsection //////////////////////////////////////////////////////////////////// */ #Informationsection .inside { padding:2% 3%; padding-bottom: 0; } /* Inside Elements Footer //////////////////////////////////////////////////////////////////// */ #footer .inside { padding:1% 3%; } /* Galerie ////////////////////////////////////////////////// */ .content-gallery ul { overflow:hidden; margin-top:0; padding-top:0; list-style-type:none; } .content-gallery ul li { float:left; } .content-gallery ul li.col_first { clear:left; } .float_left { float:left; } .float_right { float:right; } } @media (min-width: 1140px) { /* Max Width //////////////////////////////////////////////////////////////////// */ #wrapper { margin-right:auto; margin-left:auto; padding-right:40px; padding-left:40px; max-width:960px !important; margin-left:auto !important; margin-right:auto !important; } /* Container //////////////////////////////////////////////////////////////////// */ #container { margin-right:auto; margin-left:auto; padding-right:0; padding-left:0; max-width:960px !important; margin-left:auto !important; margin-right:auto !important; } #Slidersection { margin-top:30px; } #Informationsection .inside { padding-right:0; padding-left:0; } #header .inside { padding-right:0; padding-left:0; } #footer { margin-right:-40px; margin-left:-40px; } } @media (min-width: 768px) { /* Main ////////////////////////////////////////////////////////////////// */ #main { width:74.25%; float:right; } /* left ////////////////////////////////////////////////////////////////// */ #left { width:22.75%; float:left; } /* left ////////////////////////////////////////////////////////////////// */ #right { width:22.75%; float:right; } } /* allgemeine Definition */ .sc { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; clear:none !important; } .sc-first { } .sc-last { } .sc-clear { clear:left; } .sc-rowspan > * { margin: 0!important; padding: 0!important; } /* 2-spaltig */ .sc2 { width:49.5%;padding-right:1%;float:left;display:inline; } .sc2-first { clear:left; } .sc2-last { padding-right:0; } /* 3-spaltig */ .sc3 { width:32.3%;padding-right:1%;float:left;display:inline; } .sc3-first { clear:left; } .sc3-last { padding-right:1.1%; } .sc3-2 { width:65.6%;padding-right:1%;float:left;display:inline; } .sc3-2-first { clear:left; } .sc3-2-last { padding-right:1.1%; } /* 4-spaltig */ .sc4 { width:24%;padding-right:1%;float:left;display:inline; } .sc4-first { clear:left; } .sc4-last { } .sc4-2 { width:49%;padding-right:1%;float:left;display:inline; } .sc4-2-first { clear:left; } .sc4-2-last { } .sc4-3 { width:74%;padding-right:1%;float:left;display:inline; } .sc4-3-first { clear:left; } .sc4-3-last { } /* 5-spaltig */ .sc5 { width:19%;padding-right:1%;float:left;display:inline; } .sc5-first { clear:left; } .sc5-last { } .sc5-2 { width:39%;padding-right:1%;float:left;display:inline; } .sc5-2-first { clear:left; } .sc5-2-last { } .sc5-3 { width:59%;padding-right:1%;float:left;display:inline; } .sc5-3-first { clear:left; } .sc5-3-last { } .sc5-4 { width:79%;padding-right:1%;float:left;display:inline; } .sc5-4-first { clear:left; } .sc5-4-last { } /* Custom */ @media screen { .sc2 { width:48.5%; padding-right:3%; } .sc3 { width:31.3%; padding-right:3%; } .sc3-2 { width:65.6%; padding-right:3%; } .sc4 { width:22.75%; padding-right:3%; } .sc4-2 { width:48.5%; padding-right:3%; } .sc4-3 { width:74.25%; padding-right:3%; } .sc5 { width:17.6%; padding-right:3%; } .sc5-2 { width:38.2%; padding-right:3%; } .sc5-3 { width:58.8%; padding-right:3%; } .sc5-4 { width:79.4%; padding-right:3%; } .sc-last { padding-right:0; } @media (max-width:767px) { .sc2, .sc3, .sc3-2, .sc4, .sc4-2, .sc4-3, .sc5, .sc5-2, .sc5-3, .sc5-4 { width:100% !important; padding-right:0% !important; } } @media (max-width:1139px) { #Slidersection .sc2, #Slidersection .sc3, #Slidersection .sc3-2, #Slidersection .sc4, #Slidersection .sc4-2, #Slidersection .sc4-3, #Slidersection .sc5, #Slidersection .sc5-2, #Slidersection .sc5-3, #Slidersection .sc5-4 { width:100% !important; padding-right:0% !important; } } } html { height: 100%; background: url("../../files/theme_files/backgrounds/klinker-bgh-hell.jpg") no-repeat center top fixed; background-size: cover; } body { background: none transparent; font-size: 14px; } .content-text { overflow: hidden; } /* neuer Header */ #bgh-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; min-height: 148px; padding-top: 20px; padding-bottom: 5px; } #bgh-header > * { margin-left: 24px; } #bgh-header #logo, #bgh-header #logo a { position: static; float: none; width: auto; height: auto; margin-left: 0; } #header_claim { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; text-align: center; padding: 0 1em; } #header_claim h3 { font-size: 18px; font-style: italic; letter-spacing: 0.1em; /* text-transform: uppercase; */ line-height: 1.2; margin: 0 0 10px; } #header_claim p { color: #be0028; font-style: italic; font-size: 14px; margin: 0; } #header_claim p a { font-size: 19px; margin-left: 0.2em; white-space: nowrap; } #bgh-header .content-image { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; padding-bottom: 10px; } @media screen and (max-width: 580px) { #header .inside, #bgh-header { display: block; text-align: center; min-height: 0; } #bgh-header > * { margin-left: 0px; } #header_claim h3 { display: none; } #header_claim p { margin: 1em 0; } } #logo {width:263px;} /* Standards */ h1 { margin: 0.8em 0; } img { max-width: 100%; height: auto; } figure { font-size: inherit; line-height: inherit; } .content-slider figure { line-height: 0; } #container figcaption { font-size: 0.9em; font-style: italic; line-height: normal; box-sizing: border-box; max-width: 100%; padding-left: 1em; border-left: 3px solid #be0028; margin: 0.25em 0; } .table_wrapper { overflow: auto; } .content-table { overflow: auto; } .content-table table { table-layout: auto; width: 100%; } .content-table table th, .content-table table td { text-align: left; vertical-align: top; } table th:first-child, table td:first-child { padding-left: 0; } table th:last-child, table td:last-child { padding-right: 0; } .tableform table { width: 100%; } .tableform label { margin: 6px 0.25em 6px 0; } .media figure { margin-bottom: 14px; } .media--left, .media--right { overflow: hidden; } .media--left figure { float: left; margin-right: 21px; } .media--right figure { float: right; margin-left: 21px; } .media--left figure + *, .media--right figure + * { margin-top: 0; } @media (min-width: 500px) { .media--left figure:has(figcaption), .media--right figure:has(figcaption) { width: min-content; } .media--left figure:has(figcaption) img, .media--right figure:has(figcaption) img { max-width: none; } } .content-gallery ul { padding: 0; margin: 0 0 0 -12px; display: flex; flex-wrap: wrap; } .content-gallery ul li { float: none; margin: 0 0 12px 12px; } .content-gallery ul li.col_first { clear: none; } .content-gallery figure { position: relative; background-color: #be0028; overflow: hidden; } .content-gallery a[data-lightbox]::after { content: "vergrößern"; position: absolute; top: -20px; margin-top: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background-image: url("../../files/theme_files/img/plus-white2.svg"); background-repeat: no-repeat; background-size: 100%; text-indent: -999em; pointer-events: none; opacity: 0.1; transition: 0.5s; } .content-gallery li:hover a[data-lightbox]::after { top: 50%; opacity: 1; } a.lightbox:hover { background-image: url("../../files/theme_files/img/plus-white1.svg"); } .content-gallery img { vertical-align: middle; transition: opacity 0.5s; } .content-gallery img:hover { opacity: 0.6; } /*Header */ #header .header_article { width: 27%; } .header_claim { position: absolute; bottom: 53px; left: 0; right: 0; pointer-events: none; } .header_claim h3 { font-size: 18px; font-style: italic; letter-spacing: 0.1em; text-align: center; /*text-transform: uppercase;*/ padding: 0 2.5em; margin: 0 27% 0 263px; line-height: 1.2; } /* Container */ #container { padding-bottom: 3em; } /* Footer */ #footer a { color: inherit; } .ce_hyperlink.btn a { background-color: #be0028; color: #fff !important; display: table; line-height: 13px; margin-top: 20px; padding: 6px 13px; text-decoration: none; } .footer-impr-link { text-align: right; margin-top: 24px; } .footer-impr-link a { color: #fff; } .nav-footer { text-align: right; margin-top: 1em; } .nav-footer ul { padding: 0; margin: 0; } .nav-footer li { display: inline; } .nav-footer a, .nav-footer strong { padding: 2px 10px; } .nav-footer .active { background-color: #666; } /* Kommentare */ i.icon-comments { display: none; } i.icon-comments:before { content: normal; } .login_info br { display: inline; } /* Navigation */ .mainmenu ul.level_1 > li:first-child > a, .mainmenu ul.level_1 > li:first-child > strong { display: block; overflow: hidden; } .mainmenu a.protected:before, .mainmenu strong.protected:before { content: "\f13e"; /* Schloss-Symbol fa-unlock-alt */ font-family: FontAwesome; margin-right: 0.5em; } #left nav h3 { padding-bottom: 0.5em; margin-bottom: 0; } #left nav h3 a { display: block; color: inherit; text-decoration: none; } #left nav h3 a:hover { color: #be0028; } /* Service-Icons */ *[class*="icn-"]:before { content: ""; display: inline-block; width: 100px; height: 75px; background-image: url("../../files/theme_files/img/service-icons.svg"); background-repeat: no-repeat; background-position: 100% 5%; } .service-link h2 { margin-top: 5px; line-height: 22px; } .icn-bezahlbar:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 10% 5.5%; } .icn-ganzheitlich:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 20% 5.5%; } .icn-gaeste:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 30% 5.5%; } .icn-lebenslang:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 40% 5.5%; } .icn-verantwortlich:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 50% 5.5%; } .icn-notdienst:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 60% 5.5%; } .icn-gemeinschaft:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 70% 5.5%; } .icn-karte:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 80% 5.5%; } .icn-bezahlbar:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 10% 50%; } .icn-ganzheitlich:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 20% 50%; } .icn-gaeste:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 30% 50%; } .icn-lebenslang:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 40% 50%; } .icn-verantwortlich:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 50% 50%; } .icn-notdienst:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 60% 50%; } .icn-gemeinschaft:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 70% 50%; } .icn-karte:hover:before { background-image: url("../../files/theme_files/img/service-icons.svg"); background-position: 80% 50%; } /* Link erstmal unterdrücken .service-link a { display: none; }*/ .content-swiper { --swiper-theme-color: #be0028; --swiper-navigation-sides-offset: 0; } .swiper-button-next, .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 44* 27 + 4px); height: calc(var(--swiper-navigation-size) + 10px); background: transparent; border: 0; } .content-swiper.carousel {} .carousel > div { margin-inline: -26px; padding-inline: 13px; } .carousel .service-link { max-width: 219px; margin: 0 13px; margin-inline: auto; } .service-link a img { vertical-align: middle; } .carousel .swiper-slide { height: unset; } .ce_caroufredsel { overflow: visible; } .caroufredsel_skin { position: relative; margin: 0 -13px; } .caroufredsel_prev, .caroufredsel_next { position: absolute; top: 50%; background-color: #be0028; color: #fff; width: 20px; height: 80px; line-height: 80px; margin-top: -40px; font-family: FontAwesome; font-size: 22px; text-decoration: none !important; } .caroufredsel_prev { left: -27px; } .caroufredsel_next { right: -27px; } .caroufredsel_prev:before, .caroufredsel_next:before { display: inline-block; text-align: center; width: 100%; } .caroufredsel_prev:before { content: "\f104"; } .caroufredsel_next:before { content: "\f105"; } .caroufredsel_navi span { visibility: hidden; } /* News */ .mod_newslist figure { float: left; margin: 0 20px 12px 0; } .mod_newsarchive figure { float: none !important; width: 100%; margin: 0 !important; } p.more a, a.more { background-color: #3b3b3b; } /* Events */ .minicalendar thead tr th.previous, .minicalendar thead tr th.current, .minicalendar thead tr th.next { height: 110px; } .minicalendar tbody tr td.today { border: 1px solid #be0028; } .minicalendar tbody tr td.active { font-weight: bold; } /* iFrame */ #mieten, #mieten-wohnungssuche { margin: -20px -40px -3em; } #mieten iframe { display: block; border: 0; width: 100%; } /* Tabellen Ansprechpartner */ #ansprechpartner .col_first { width: 46%; } /*#ansprechpartner .col_1 { width: 20%; }*/ #ansprechpartner .col_last { text-align: right; white-space: nowrap; } /* Zeitschrift mit Schlagschatten */ #mitgliederservice-mitglieder-zeitschrift .content-gallery { overflow: visible; padding-left: 10px; } #mitgliederservice-mitglieder-zeitschrift .content-gallery ul { overflow: visible; } #mitgliederservice-mitglieder-zeitschrift .content-gallery figure { overflow: visible; } #mitgliederservice-mitglieder-zeitschrift .content-gallery img { box-shadow: 3px 5px 10px 2px #ccc; } /* Videos in der Lightbox */ .mod_article#videos { display: none; } .content-text.service-link a { padding: 0; } /* Video-Element haöbwegs responsiv */ .mejs-container, video { max-width: 100%; } /* Formular Wohnungsanfrage */ #anfrage .submit_container { margin-top: 14px; } #anfrage .submit { font-size: small; line-height: 1; padding: 10px 20px !important; } #anfrage .captcha { padding-left: 10px !important; } /* iFrame immosolve */ .embed-container { height: 100vh; width: 100%; padding-bottom: 50%; position: relative; box-sizing: border-box; } .embed-container iframe { min-width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .ce_sliderStart { position: relative; } /*#Slidersection .ce_sliderStart { margin-left: -3.2% !important; margin-right: -3.2% !important; }*/ a[class*='lightcase-icon-']:hover { text-decoration: none; } .lightcase-inlineWrap { padding: 0 !important; } .rte { /*overflow: hidden;*/ } /* Spalten */ @media (min-width: 768px) { .new-row { clear: both; overflow: hidden; padding-top: 1rem; } .col { float: left; padding-right: 3%; } .col:last-child, .col-last { padding-right: 0; } .col-last::after { content: ""; display: table; clear: both; height: 0; } .col-2 { width: 48.5%; } .col-3 { width: 31.33333%; } .col-3-2 { width: 65.66667%; } .col-4 { width: 22.75%; } .col-4-3 { width: 74.25%; } .col-5 { width: 17.6%; } }