body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} .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)} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /*! * mega menu layout * optimiced for Contao Official Demo Theme */.mod_navigation.dropdown{overflow:visible}.mod_navigation li.mm_container>a,.mod_navigation li.mm_container>span,.mod_navigation li.mm_container>strong{position:relative}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after,.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#F4F2F0;z-index:110}.mod_navigation li.mm_container .mm_dropdown{display:none;position:absolute;left:0;right:0;z-index:100}.mod_navigation li.mm_container .mm_dropdown>.inner{padding:1rem 2rem;border:1px solid #E5DFDC;background-color:rgba(244, 242, 240, 0.95);overflow:hidden}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown,.mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive~.mm_dropdown{display:block} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 2.5%; margin-right: 2.5%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 48.75%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 31.6666666667%; } .rs-column.-large-col-3-2 { width: 65.8333333333%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 23.125%; } .rs-column.-large-col-4-2 { width: 48.75%; } .rs-column.-large-col-4-3 { width: 74.375%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 18%; } .rs-column.-large-col-5-2 { width: 38.5%; } .rs-column.-large-col-5-3 { width: 59%; } .rs-column.-large-col-5-4 { width: 79.5%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 14.5833333333%; } .rs-column.-large-col-6-2 { width: 31.6666666667%; } .rs-column.-large-col-6-3 { width: 48.75%; } .rs-column.-large-col-6-4 { width: 65.8333333333%; } .rs-column.-large-col-6-5 { width: 82.9166666667%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.6923076923%; margin-right: 7.6923076923%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.6923076923%; } .rs-column.-large-first-row { margin-top: 7.6923076923%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.1538461538%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.2051282051%; } .rs-column.-medium-col-3-2 { width: 64.1025641026%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.2307692308%; } .rs-column.-medium-col-4-2 { width: 46.1538461538%; } .rs-column.-medium-col-4-3 { width: 73.0769230769%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.8461538462%; } .rs-column.-medium-col-5-2 { width: 35.3846153846%; } .rs-column.-medium-col-5-3 { width: 56.9230769231%; } .rs-column.-medium-col-5-4 { width: 78.4615384615%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.2564102564%; } .rs-column.-medium-col-6-2 { width: 28.2051282051%; } .rs-column.-medium-col-6-3 { width: 46.1538461538%; } .rs-column.-medium-col-6-4 { width: 64.1025641026%; } .rs-column.-medium-col-6-5 { width: 82.0512820513%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.6923076923%; margin-right: 7.6923076923%; } .rs-column.-large-last { margin-right: 7.6923076923%; } .rs-column.-large-first-row { margin-top: 7.6923076923%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.6923076923%; } .rs-column.-medium-first-row { margin-top: 7.6923076923%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.1538461538%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.2051282051%; } .rs-column.-small-col-3-2 { width: 64.1025641026%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.2307692308%; } .rs-column.-small-col-4-2 { width: 46.1538461538%; } .rs-column.-small-col-4-3 { width: 73.0769230769%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.8461538462%; } .rs-column.-small-col-5-2 { width: 35.3846153846%; } .rs-column.-small-col-5-3 { width: 56.9230769231%; } .rs-column.-small-col-5-4 { width: 78.4615384615%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.2564102564%; } .rs-column.-small-col-6-2 { width: 28.2051282051%; } .rs-column.-small-col-6-3 { width: 46.1538461538%; } .rs-column.-small-col-6-4 { width: 64.1025641026%; } .rs-column.-small-col-6-5 { width: 82.0512820513%; } .rs-column.-small-col-6-6 { width: 100%; } } /* titillium-web-regular - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: url('../../files/template/font/titillium-web-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/template/font/titillium-web-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/template/font/titillium-web-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/template/font/titillium-web-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/template/font/titillium-web-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/template/font/titillium-web-v10-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-700 - latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: url('../../files/template/font/titillium-web-v10-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/template/font/titillium-web-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/template/font/titillium-web-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/template/font/titillium-web-v10-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/template/font/titillium-web-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/template/font/titillium-web-v10-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'fontello'; src: url('../../files/template/font/fontello.eot?58223202'); src: url('../../files/template/font/fontello.eot?58223202#iefix') format('embedded-opentype'), url('../../files/template/font/fontello.woff2?58223202') format('woff2'), url('../../files/template/font/fontello.woff?58223202') format('woff'), url('../../files/template/font/fontello.ttf?58223202') format('truetype'), url('../../files/template/font/fontello.svg?58223202#fontello') format('svg'); font-weight: normal; font-style: normal; } #header .mod_navigation li:first-child strong:before, #header .mod_navigation li:first-child a:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #header .mod_navigation li:first-child strong:before, #header .mod_navigation li:first-child a:before { content: '\e801'; } /* '' */ body { font-family:'Titillium Web',Tahoma,Arial,Helvetica,sans-serif; background:#f0f0f0; color:#333; font-size:1.3rem; } form * { font-family:'Titillium Web',Tahoma,Arial,Helvetica,sans-serif; } figure { margin:0; padding:0; } h1,h2,h3,p { margin:10px 0 15px 0; } h1 { font-size:2.8rem; color:#004A8F; line-height:1.3; } h2 { font-size:2.2rem; color:#004A8F; line-height:1.3; } h3 { font-size:1.7rem; color:#004A8F; line-height:1.3; } a, a:active, a:visited { color:#004A8F;; } a:hover { color:#000; } /* Layout */ #header .inside, .caption-inside, #fullfooter .inside { max-width:1300px; margin-left:auto; margin-right:auto; } #header { height:200px; } /* Header */ #header .inside { height:100%; } #fullheader { background-color:#fff; } #fullheader figure { line-height:0; max-height:700px; } #fullheader figure img { width:100%; } #logo { position: absolute; left: 0; top: 40px; } .jubilaeum { position: absolute; right:0; font-size: 30px; color: #555; top: 48px; } .homeslider { max-height:700px; } .caption-container { position:absolute; left:0; top:0; right:0; bottom:0; } .caption-inside { display:flex; justify-content:right; align-items:center; height:100%; max-height:700px; } .rsts-skin-default .rsts-caption { position:inherit; font-size:50px; font-weight:bold; max-width:500px; padding:0; margin-right:0; display:inline-block; background-color:transparent; line-height:1.7; } .rsts-skin-default .rsts-caption span { color:#fff; background-color:#004A8F; } /* Navigation */ #header .mod_navigation { position:absolute; right:0; bottom:0; overflow:visible; } #header .mod_navigation li, #header .mod_navigation ul { margin:0; padding:0; list-style-type:none; } #header .mod_navigation ul { display: flex; } #header .mod_navigation li { display:inline-block; } #header .mod_navigation strong, #header .mod_navigation strong, #header .mod_navigation a { display:block; background-color:#004A8F; color:#fff; text-decoration:none; padding:10px 30px; font-size:20px; font-weight:bold; } #header .mod_navigation li:first-child { width:67px; border-right:2px solid #fff; } #header .mod_navigation li:first-child strong, #header .mod_navigation li:first-child a { text-indent:-9999px; padding:12px 0 7px 15px; } #header .mod_navigation li:first-child strong:before, #header .mod_navigation li:first-child a:before { text-indent:9999px; border-right: 4px solid #fff; font-size:28px; } #header .mod_navigation .trail, #header .mod_navigation a:hover, #header .mod_navigation .active { color:#a6c3ff; } /* Ebene 2 */ #header .mod_navigation .mod_navigation { position:static; right:auto; bottom:auto; } #header .mod_navigation .mod_navigation ul, #header .mod_navigation .mod_navigation li { display:block; } #header .mod_navigation .mod_navigation strong, #header .mod_navigation .mod_navigation strong, #header .mod_navigation .mod_navigation a { padding:0; color:#888; border-bottom:2px solid #888; background-color:transparent; line-height:2; } #header .mod_navigation .mod_navigation a { border-bottom:0; } #header .mod_navigation .mod_navigation li:first-child { width:auto; border-right:0; } #header .mod_navigation .mod_navigation li:first-child strong, #header .mod_navigation .mod_navigation li:first-child a { text-indent:0px; padding:0; } #header .mod_navigation .mod_navigation li:first-child strong:before, #header .mod_navigation .mod_navigation li:first-child a:before { display:none; } #header .mod_navigation .mod_navigation a:hover strong, #header .mod_navigation .mod_navigation strong.active { color:#004A8F; border-color:#004A8F; } /* Ebene 3 */ #header .mod_navigation .mod_navigation ul ul { margin-left:25px; } /* Brotkrumen */ .startseite .mod_breadcrumb { display:none; } .mod_breadcrumb ul, .mod_breadcrumb li { margin:0; padding:0; list-style-type:none; } .mod_breadcrumb li { display:inline-block; font-size:0.85rem; margin-bottom:2rem; } .mod_breadcrumb li:after { content:" /"; } .mod_breadcrumb li:last-child:after { content:""; } /* Main */ #main .inside { padding-top:20px; padding-bottom:40px; } /* Startseite */ .startseite .mod_article, .startseite .ce_image { overflow:visible; } .startseite .homeslider { overflow:hidden; } .auswahl { margin-top:30px; } .auswahl .image_container { box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5); line-height:0; transition:all 0.2s; } .auswahl .image_container:hover { box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); line-height:0; transition:all 0.4s; box-sizing:border-box; transform:scale(0.98,0.98); } .auswahl .image_container:active { box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); transition:all 0.4s; transform:scale(0.98,0.98); } .auswahl .image_container a { text-decoration:none; } .auswahl .caption { line-height:1; padding:10px 20px; font-size:2rem; font-weight:bold; text-align:center; color:#fff; background-color:#004A8F; } /* Footer */ #fullfooter { color:#fff; background:url('../../files/template/footer.png') top center no-repeat #004A8F; min-height:360px; font-size:1.1rem; } #fullfooter .inside { padding-top:20px; } #fullfooter a { color:#a6c3ff; text-decoration:none; } #fullfooter a:hover { color:#fff; } #fullfooter ul { margin-top:0; margin-bottom:0; list-style-type:none; text-align:right; } /* Formulare */ .spalten { display:flex; justify-content:center; padding:20px; background-color:#E6E6E6; border:1px solid #BFBFBF; } .passfedern .spalten { justify-content:space-around; } .form-info { background-color:#aaa; padding:2px 17px 2px 5px; margin:0; text-align:center; color:#fff; } form button { line-height: 35px; font-size: 20px; } .rahmen-grau-div, .rahmen-grau img { border:1px solid #BFBFBF; } fieldset { display:block; background-color:#F0F0F0; border:1px solid #BFBFBF; padding:10px; text-align:left; box-sizing:border-box; } legend { color:#fff; background-color:#aaa; margin:0 -11px; padding:2px 13px 2px 9px; white-space:nowrap; } fieldset fieldset { border:0; padding:0; } fieldset fieldset span { display:block; border-bottom:1px solid #BFBFBF; padding-bottom:4px; } fieldset img { vertical-align: middle; margin-right:10px; } fieldset .widget { border-bottom:1px solid #BFBFBF; padding-bottom:8px; margin-bottom:4px; } fieldset fieldset span:last-child, fieldset .widget:last-child { border-bottom:0px; padding-bottom:0; margin-bottom:0px; } fieldset.ihre-daten { margin:15px 0 15px 0 } fieldset.ihre-daten .widget { border-bottom:0px; padding-bottom:0; margin-bottom:2px; } fieldset.ihre-daten label { width:15%; display:inline-block; } fieldset.ihre-daten input, fieldset.ihre-daten textarea { width:84%; display:inline-block; vertical-align:middle; } fieldset.ihre-daten .explanation { font-size:1rem; } fieldset .widget-radio { border-bottom:0; padding-bottom:0; margin-bottom:6px; } input.feld-kurz { max-width:50px; } .abstand-kurz input[type="radio"], .abstand-kurz input[type="checkbox"] { margin:0 20px; } .widget-checkbox { margin-bottom:15px; } .widget-upload input { max-width:300px; } /* Einzug bei Radio-Buttons bei mehreren Zeilen */ fieldset input[type="radio"] + label{display:table; padding-left:6px;} fieldset input[type="radio"] { float: left; margin-top: 8px !important; } .spalte-links, .spalte-mitte, .spalte-rechts { margin-bottom:15px !important; } .spalte-mitte fieldset .widget { display: flex; justify-content: space-between; } .spalte-mitte { margin:0 6vw; min-width:140px; } .spalte-mitte fieldset fieldset { width:100% } .widget.error { background-color:#f00; color:#fff; } label.error { color:#000; font-weight:bold; } label.error, p.error, .upload.error { margin:0.5em 1em; } figure.schenkel { display:inline-block; min-width:45px; text-align: center; background-color: #fff; padding: 3px 5px; margin-right: 10px; margin-top:5px; } figure.schenkel img { margin-right:0; } .tellerfedern .spalte-links { margin-right:6vw; } .tellerfedern .spalte-links .feld-kurz { display: flex; justify-content: space-between; align-items:center; } .tellerfedern .spalte-links .feld-kurz label { margin-bottom:0; } .blattfedern .spalte-rechts, .biegeteile .spalte-rechts, .federringe .spalte-rechts, .federstecker .spalte-rechts fieldset { max-width:400px; } .blattfedern .spalte-mitte, .biegeteile .spalte-mitte, .federringe .spalte-mitte, .federstecker .spalte-mitte { margin:0 4vw; } #produkte-federwerkstoffe .rs-columns { font-size:80%; } #produkte-federwerkstoffe .rs-columns p { margin:0; } #produkte-federwerkstoffe .rs-column .block { background-color:#fff; border-bottom:2px solid #f0f0f0; text-align:center; box-sizing:border-box; padding-left:5px; padding-right:5px; } #produkte-federwerkstoffe h4 { height:auto; background-color:#aaa; color:#fff; font-weight:bold; text-align:center; margin:0; } #schenkelfedern .rs-columns .image_container, .passfedern .rs-columns .image_container, .oesenformen .rs-columns .image_container { padding: 10px; background-color: #fff; text-align: center; min-height: 150px; } .passfedern .caption, .oesenformen .caption { font-size:1.1rem; margin-bottom:5px; } #schenkelfedern .rs-columns .image_container { min-height:270px; } .button-sonder a { display: block; background: #004A8F; color: #fff; text-decoration: none; text-align: center; padding: 5px; } .button-sonder a:hover { background: #1c479e; } .altcha { border-radius: 0 !important; display: block !important; max-width: none !important; } .altcha-checkbox { width:auto !important; height:auto !important; } .altcha-checkbox input { width: auto !important; height: auto !important; } /* Mobile-Navi-Link */ .mod_mobile_menu { position:absolute; bottom:0; width:100%; text-align:center; color:#fff; background-color:#004A8F; line-height:37px; z-index:5; font-weight:bold; font-size:20px; text-decoration:none; cursor:pointer; } .mod_mobile_menu:hover { color:#a6c3ff; } /* Mobile Menu */ .mobile_menu { z-index:200; font-size:18px; line-height:2.4; } .mobile_menu .inner { background-color:#fff; background-color:rgba(255,255,255,0.95); } .mobile_menu ul { list-style-type:none; margin:0; padding:0 } .mobile_menu span, .mobile_menu strong { padding:0 10px 0 20px; border-bottom:1px solid #ccc; display:block; } .mobile_menu a { text-decoration:none; } .mobile_menu .close { position:absolute; right:10px; top:-2px; } .mobile_menu ul ul span, .mobile_menu ul ul strong { padding-left:30px; font-size:16px; } @media (max-width:1360px) { #header .inside, .caption-inside, #fullfooter .inside { max-width:none; margin-left:30px; margin-right:30px; } #wrapper { width:auto; margin-left:30px; margin-right:30px; } } @media (max-width:1200px) { .rsts-skin-default .rsts-caption { font-size:4vw; } #produkte-federstecker .spalten, #produkte-federringe .spalten, #produkte-biegeteile .spalten, #produkte-blattfedern .spalten { flex-wrap: wrap; } } @media (max-width:1140px) { .explanation { font-size:1rem; } } @media (max-width:1060px) { .spalte-mitte { margin:0 2vw; } } @media (max-width:960px) { .spalten { flex-wrap: wrap; } #produkte-druckfedern .spalte-mitte { min-width:330px; } #produkte-druckfedern .spalte-mitte fieldset { width:100%; } } /* Spaltenumbruch Nr. 1 */ @media (max-width:900px) { #header .mod_navigation strong, #header .mod_navigation span, #header .mod_navigation a { padding:5px 20px; font-size:18px; } #header .mod_navigation li:first-child { width:54px; } #header .mod_navigation li:first-child span, #header .mod_navigation li:first-child a { padding:4px 0 2px 8px; } h1 { font-size:2.3rem; color:#004A8F; line-height:1.3; } h2 { font-size:1.8rem; color:#004A8F; line-height:1.3; } h3 { font-size:1.4rem; color:#004A8F; line-height:1.3; } #fullfooter { padding-bottom:20px; } #fullfooter .rs-column.-medium-col-2-1 { width:100%; text-align:center; margin:0; } #fullfooter ul { text-align:center; margin:0; padding:0; } #fullfooter .rs-column.-medium-col-2-1:nth-child(3) { display:none; } #fullfooter .rs-column.-small-col-1-1 { max-width:none; } } /* Formulare anders anordnen */ @media (max-width:860px) { .produkte-federn { display:none; } } @media (max-width:750px) { fieldset.ihre-daten label { width:99%; display:block; } fieldset.ihre-daten input, fieldset .ihre-daten textarea { display:block; width:99%; } .spalte-links, .spalte-mitte, .spalte-rechts { width:99%; } .spalte-links fieldset, .spalte-mitte fieldset, .spalte-rechts fieldset { width:100%; } .spalte-mitte { margin:0; } .federstecker .spalte-mitte, .federringe .spalte-mitte, .blattfedern .spalte-mitte, .biegeteile .spalte-mitte { margin:0; } .federstecker .spalte-rechts, .federringe .spalte-rechts, .blattfedern .spalte-rechts, .biegeteile .spalte-rechts { max-width:none; } .tellerfedern .spalte-links { margin-right:0; } } @media (max-width:720px) { .jubilaeum { top:0; font-size:22px; } } /* Spaltenumbruch Nr. 2 */ @media (max-width:599px) { .rs-column.-small-col-1-1 { width:auto; margin-left:auto; margin-right:auto; float:none; max-width:410px; } } /* ab hier mobile Navigation */ @media (max-width:500px) { .desktop-navi { display:none; } .mobile_menu li.submenu_show > ul ul { margin-left:25px; } } @media (max-width:480px) { .rsts-skin-default .rsts-caption { display:none; } .spalten { display:block; } .formbody { font-size:1rem; } #produkte-druckfedern .spalte-mitte { min-width:auto; width:99%; } } @media print { #header { position:static; } #left, #header-image, #mobile-nav { display:none; } #main { box-shadow:none; } }