.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)}
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%}
#wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"],.mod_article [class^=module-],.mod_article [class*=" module-"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}}
.rs-columns {
clear: both;
display: inline-block;
width: 100%;
}
.rs-column {
float: left;
width: 100%;
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first {
clear: left;
}
.rs-column.-large-last {
margin-right: -5px;
}
.rs-column.-large-first-row {
margin-top: 0;
}
.rs-column.-large-col-1-1 {
width: 100%;
}
.rs-column.-large-col-2-1 {
width: 46.15385%;
}
.rs-column.-large-col-2-2 {
width: 100%;
}
.rs-column.-large-col-3-1 {
width: 28.20513%;
}
.rs-column.-large-col-3-2 {
width: 64.10256%;
}
.rs-column.-large-col-3-3 {
width: 100%;
}
.rs-column.-large-col-4-1 {
width: 19.23077%;
}
.rs-column.-large-col-4-2 {
width: 46.15385%;
}
.rs-column.-large-col-4-3 {
width: 73.07692%;
}
.rs-column.-large-col-4-4 {
width: 100%;
}
.rs-column.-large-col-5-1 {
width: 13.84615%;
}
.rs-column.-large-col-5-2 {
width: 35.38462%;
}
.rs-column.-large-col-5-3 {
width: 56.92308%;
}
.rs-column.-large-col-5-4 {
width: 78.46154%;
}
.rs-column.-large-col-5-5 {
width: 100%;
}
.rs-column.-large-col-6-1 {
width: 10.25641%;
}
.rs-column.-large-col-6-2 {
width: 28.20513%;
}
.rs-column.-large-col-6-3 {
width: 46.15385%;
}
.rs-column.-large-col-6-4 {
width: 64.10256%;
}
.rs-column.-large-col-6-5 {
width: 82.05128%;
}
.rs-column.-large-col-6-6 {
width: 100%;
}
@media screen and (max-width: 900px) {
.rs-column {
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first {
clear: none;
}
.rs-column.-large-last {
margin-right: 7.69231%;
}
.rs-column.-large-first-row {
margin-top: 7.69231%;
}
.rs-column.-medium-first {
clear: left;
}
.rs-column.-medium-last {
margin-right: -5px;
}
.rs-column.-medium-first-row {
margin-top: 0;
}
.rs-column.-medium-col-1-1 {
width: 100%;
}
.rs-column.-medium-col-2-1 {
width: 46.15385%;
}
.rs-column.-medium-col-2-2 {
width: 100%;
}
.rs-column.-medium-col-3-1 {
width: 28.20513%;
}
.rs-column.-medium-col-3-2 {
width: 64.10256%;
}
.rs-column.-medium-col-3-3 {
width: 100%;
}
.rs-column.-medium-col-4-1 {
width: 19.23077%;
}
.rs-column.-medium-col-4-2 {
width: 46.15385%;
}
.rs-column.-medium-col-4-3 {
width: 73.07692%;
}
.rs-column.-medium-col-4-4 {
width: 100%;
}
.rs-column.-medium-col-5-1 {
width: 13.84615%;
}
.rs-column.-medium-col-5-2 {
width: 35.38462%;
}
.rs-column.-medium-col-5-3 {
width: 56.92308%;
}
.rs-column.-medium-col-5-4 {
width: 78.46154%;
}
.rs-column.-medium-col-5-5 {
width: 100%;
}
.rs-column.-medium-col-6-1 {
width: 10.25641%;
}
.rs-column.-medium-col-6-2 {
width: 28.20513%;
}
.rs-column.-medium-col-6-3 {
width: 46.15385%;
}
.rs-column.-medium-col-6-4 {
width: 64.10256%;
}
.rs-column.-medium-col-6-5 {
width: 82.05128%;
}
.rs-column.-medium-col-6-6 {
width: 100%;
}
}
@media screen and (max-width: 599px) {
.rs-column {
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-last {
margin-right: 7.69231%;
}
.rs-column.-large-first-row {
margin-top: 7.69231%;
}
.rs-column.-medium-first {
clear: none;
}
.rs-column.-medium-last {
margin-right: 7.69231%;
}
.rs-column.-medium-first-row {
margin-top: 7.69231%;
}
.rs-column.-small-first {
clear: left;
}
.rs-column.-small-last {
margin-right: -5px;
}
.rs-column.-small-first-row {
margin-top: 0;
}
.rs-column.-small-col-1-1 {
width: 100%;
}
.rs-column.-small-col-2-1 {
width: 46.15385%;
}
.rs-column.-small-col-2-2 {
width: 100%;
}
.rs-column.-small-col-3-1 {
width: 28.20513%;
}
.rs-column.-small-col-3-2 {
width: 64.10256%;
}
.rs-column.-small-col-3-3 {
width: 100%;
}
.rs-column.-small-col-4-1 {
width: 19.23077%;
}
.rs-column.-small-col-4-2 {
width: 46.15385%;
}
.rs-column.-small-col-4-3 {
width: 73.07692%;
}
.rs-column.-small-col-4-4 {
width: 100%;
}
.rs-column.-small-col-5-1 {
width: 13.84615%;
}
.rs-column.-small-col-5-2 {
width: 35.38462%;
}
.rs-column.-small-col-5-3 {
width: 56.92308%;
}
.rs-column.-small-col-5-4 {
width: 78.46154%;
}
.rs-column.-small-col-5-5 {
width: 100%;
}
.rs-column.-small-col-6-1 {
width: 10.25641%;
}
.rs-column.-small-col-6-2 {
width: 28.20513%;
}
.rs-column.-small-col-6-3 {
width: 46.15385%;
}
.rs-column.-small-col-6-4 {
width: 64.10256%;
}
.rs-column.-small-col-6-5 {
width: 82.05128%;
}
.rs-column.-small-col-6-6 {
width: 100%;
}
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
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}
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
* HTML5 display definitions
* ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices */
audio:not([controls]) {
display: none;
height: 0;
}
/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support */
[hidden] {
display: none;
}
/* =============================================================================
* Base
* ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
font-family: sans-serif;
}
/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button,
input,
select,
textarea {
font-family: sans-serif;
}
/* Addresses margins handled incorrectly in IE6/7 */
body {
margin: 0;
}
/* =============================================================================
* Links
* ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test */
/* =============================================================================
* Typography
* ========================================================================== */
/* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] {
border-bottom: 1px dotted;
}
/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/* Addresses styling not present in S5, Chrome */
dfn {
font-style: italic;
}
/* Addresses styling not present in IE6/7/8/9 */
mark {
background: yellow;
color: black;
}
/* Addresses margins set differently in IE6/7 */
p {
margin: 1em 0;
}
pre {
margin: 1em 0;
font-family: monospace, serif;
_font-family: "courier new", monospace;
font-size: 1em;
}
/* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: "courier new", monospace;
font-size: 1em;
}
/* Improves readability of pre-formatted text in all browsers */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4 */
/* 1 */
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
/* 2 */
small {
font-size: 75%;
}
/* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930 */
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.25em;
}
sub {
bottom: -0.2em;
}
/* =============================================================================
* Lists
* ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/* Addresses paddings set differently in IE6/7 */
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/* Corrects list images handled incorrectly in IE7 */
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
* Embedded content
* ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
}
/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
* Figures
* ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure,
form {
margin: 0;
}
/* =============================================================================
* Forms
* ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
/* Define consistent border, margin, and padding */
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7 */
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}
/* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}
/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button,
input {
line-height: normal;
/* 1 */
}
/* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6 */
button {
cursor: pointer;
/* 1 */
-webkit-appearance: button;
/* 2 */
*overflow: visible;
/* 3 */
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
/* 1 */
-webkit-appearance: button;
/* 2 */
*overflow: visible;
/* 3 */
}
/* Re-set default cursor for disabled elements */
button[disabled] {
cursor: default;
}
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
* Known issue: excess padding remains in IE6 */
/* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
/* Removes inner padding and search cancel button in S5, Chrome on OS X */
/* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers */
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* =============================================================================
* Tables
* ========================================================================== */
/* Remove most spacing between table cells */
table {
border-collapse: collapse;
border-spacing: 0;
}
@charset "UTF-8";
/*
* Main Stylesheet
*
* @copyright Copyright (c) 2012 rocksolidthemes.com
* @license https://rocksolidthemes.com/agb No free usage allowed
*/
/* ===========================================
* # Index: The structure of this stylesheet
*
* - Imports (Sass only)
* - Fonts
* - Basic settings (Sass only)
* - Colors (Sass only)
* - General styles
* - Button styles
* - Wrapper Elements
* - Elements in order of appearance in HTML
* - Content styles
* – custom styles
* - Sidebar styles
* - Form styles
* - Content elements
* - Footer styles
* - Module styles (Search, FAQ, News, Events, Comments)
* - Media queries
* - Grid (design + production helper)
* ======================================== */
/* ===========================================
* Fonts IDAS
* ======================================== */
@font-face {
font-family: "RockSolid Icons";
src: url("../../files/idas/fonts/rocksolid-icons.woff") format("woff"), url("../../files/idas/fonts/rocksolid-icons.ttf") format("truetype"), url("../../files/idas/fonts/rocksolid-icons.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/* IDAS ========================================= */
@font-face {
font-family: "SA_0220_11";
font-weight: 100;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_11.woff") format("woff");
}@font-face {
font-family: "SA_0220_11";
font-weight: 100;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_11.woff2") format("woff2");
}
@font-face {
font-family: "SA_0220_21";
font-weight: 200;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_21.woff") format("woff");
}@font-face {
font-family: "SA_0220_21";
font-weight: 200;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_21.woff2") format("woff2");
}
@font-face {
font-family: "SA_0220_31";
font-weight: 300;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_31.woff") format("woff");
}@font-face {
font-family: "SA_0220_31";
font-weight: 300;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_31.woff2") format("woff2");
}
@font-face {
font-family: "SA_0220_41";
font-weight: 400;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_41.woff") format("woff");
}@font-face {
font-family: "SA_0220_41";
font-weight: 400;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_41.woff2") format("woff2");
}
@font-face {
font-family: "SA_0220_51";
font-weight: 500;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_51.woff") format("woff");
}@font-face {
font-family: "SA_0220_51";
font-weight: 500;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_51.woff2") format("woff2");
}
@font-face {
font-family: "SA_0220_61";
font-weight: 600;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_61.woff") format("woff");
}@font-face {
font-family: "SA_0220_61";
font-weight: 600;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_61.woff2") format("woff2");
}
@font-face {
font-family: "SA_0220_71";
font-weight: 700;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_71.woff") format("woff");
}@font-face {
font-family: "SA_0220_71";
font-weight: 700;
font-style: normal;
src: url("../../files/idas/fonts/SA_0220_71.woff2") format("woff2");
}
/* ===========================================
* General styles
* ======================================== */
:root {
--safe-area-left: 0px;
--safe-area-right: 0px;
--safe-area-top: 0px;
--safe-area-bottom: 0px;
}
@supports (padding: calc(constant(safe-area-inset-left, 0) / 1.5)) {
:root {
/* Non-standard iOS 11.1 syntax */
--safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5);
--safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5);
--safe-area-top: constant(safe-area-inset-top, 0px);
--safe-area-bottom: constant(safe-area-inset-bottom, 0px);
}
}
@supports (padding: calc(max(0, env(safe-area-inset-left, 0) - 14px))) and (padding: calc(max(0, 1px))) {
:root {
/* W3C standard and iOS 11.2 syntax */
--safe-area-left: calc(max(0, env(safe-area-inset-left, 0) - 14px));
--safe-area-right: calc(max(0, env(safe-area-inset-right, 0) - 14px));
--safe-area-top: env(safe-area-inset-top, 0);
--safe-area-bottom: env(safe-area-inset-bottom, 0);
}
}
html {
position: relative;
box-sizing: border-box;
font: 1rem/1.6 "SA_0220_41", sans-serif;
color: none;
border-top: 6px solid #A5062C;
-webkit-tap-highlight-color: #1fa5d1;
}
@media screen and (max-width: 599px) {
html {
font-size: 13px;
}
}
body {
background: #fff none 50% 0 no-repeat scroll;
background-size: auto;
}
body.background-variation-1 {
background: url("../../files/idas/img/pattern.png");
}
body.background-variation-1 .page {
background: #f2f2f2;
}
body.background-variation-1 .page-footer {
background: url("../../files/idas/img/pattern.png");
}
body.background-variation-1 .page-footer-inner {
background: #810023;
}
* {
box-sizing: inherit;
}
.rs-columns {
clear: both;
display: inline-block;
vertical-align: top;
width: 100%;
margin-left: 0 !important;
/*
margin-left: 5px !important;
background: #E6A5AF;
*/
}
.rs-column {
float: left;
width: 100%;
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first {
clear: left;
}
.rs-column.-large-last {
margin-right: -5px;
}
.rs-column.-large-first-row {
margin-top: 0;
}
.rs-column.-large-col-1-1 {
width: 100%;
}
.rs-column.-large-col-2-1 {
width: 46.15385%;
}
.rs-column.-large-col-2-2 {
width: 100%;
}
.rs-column.-large-col-3-1 {
width: 28.20513%;
}
.rs-column.-large-col-3-2 {
width: 64.10256%;
}
.rs-column.-large-col-3-3 {
width: 100%;
}
.rs-column.-large-col-4-1 {
width: 19.23077%;
}
.rs-column.-large-col-4-2 {
width: 46.15385%;
}
.rs-column.-large-col-4-3 {
width: 73.07692%;
}
.rs-column.-large-col-4-4 {
width: 100%;
}
.rs-column.-large-col-5-1 {
width: 13.84615%;
}
.rs-column.-large-col-5-2 {
width: 35.38462%;
}
.rs-column.-large-col-5-3 {
width: 56.92308%;
}
.rs-column.-large-col-5-4 {
width: 78.46154%;
}
.rs-column.-large-col-5-5 {
width: 100%;
}
.rs-column.-large-col-6-1 {
width: 10.25641%;
}
.rs-column.-large-col-6-2 {
width: 28.20513%;
}
.rs-column.-large-col-6-3 {
width: 46.15385%;
}
.rs-column.-large-col-6-4 {
width: 64.10256%;
}
.rs-column.-large-col-6-5 {
width: 82.05128%;
}
.rs-column.-large-col-6-6 {
width: 100%;
}
.luxe-fullwidth .rs-column {
margin-top: 4.34783%;
margin-right: 4.34783%;
}
.luxe-fullwidth .rs-column.-large-last {
margin-right: -5px;
}
.luxe-fullwidth .rs-column.-large-first-row {
margin-top: 0;
}
.luxe-fullwidth .rs-column.-large-col-1-1 {
width: 100%;
}
.luxe-fullwidth .rs-column.-large-col-2-1 {
width: 47.82609%;
}
.luxe-fullwidth .rs-column.-large-col-2-2 {
width: 100%;
}
.luxe-fullwidth .rs-column.-large-col-3-1 {
width: 30.43478%;
}
.luxe-fullwidth .rs-column.-large-col-3-2 {
width: 65.21739%;
}
.luxe-fullwidth .rs-column.-large-col-3-3 {
width: 100%;
}
.luxe-fullwidth .rs-column.-large-col-4-1 {
width: 21.73913%;
}
.luxe-fullwidth .rs-column.-large-col-4-2 {
width: 47.82609%;
}
.luxe-fullwidth .rs-column.-large-col-4-3 {
width: 73.91304%;
}
.luxe-fullwidth .rs-column.-large-col-4-4 {
width: 100%;
}
.luxe-fullwidth .rs-column.-large-col-5-1 {
width: 16.52174%;
}
.luxe-fullwidth .rs-column.-large-col-5-2 {
width: 37.3913%;
}
.luxe-fullwidth .rs-column.-large-col-5-3 {
width: 58.26087%;
}
.luxe-fullwidth .rs-column.-large-col-5-4 {
width: 79.13043%;
}
.luxe-fullwidth .rs-column.-large-col-5-5 {
width: 100.0%;
}
.luxe-fullwidth .rs-column.-large-col-6-1 {
width: 13.04348%;
}
.luxe-fullwidth .rs-column.-large-col-6-2 {
width: 30.43478%;
}
.luxe-fullwidth .rs-column.-large-col-6-3 {
width: 47.82609%;
}
.luxe-fullwidth .rs-column.-large-col-6-4 {
width: 65.21739%;
}
.luxe-fullwidth .rs-column.-large-col-6-5 {
width: 82.6087%;
}
.luxe-fullwidth .rs-column.-large-col-6-6 {
width: 100.0%;
}
@media screen and (max-width: 900px) {
.rs-column,
.luxe-fullwidth .rs-column {
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first,
.luxe-fullwidth .rs-column.-large-first {
clear: none;
}
.rs-column.-large-last,
.luxe-fullwidth .rs-column.-large-last {
margin-right: 7.69231%;
}
.rs-column.-large-first-row,
.luxe-fullwidth .rs-column.-large-first-row {
margin-top: 7.69231%;
}
.rs-column.-medium-first,
.luxe-fullwidth .rs-column.-medium-first {
clear: left;
}
.rs-column.-medium-last,
.luxe-fullwidth .rs-column.-medium-last {
margin-right: -5px;
}
.rs-column.-medium-first-row,
.luxe-fullwidth .rs-column.-medium-first-row {
margin-top: 0;
}
.rs-column.-medium-col-1-1,
.luxe-fullwidth .rs-column.-medium-col-1-1 {
width: 100%;
}
.rs-column.-medium-col-2-1,
.luxe-fullwidth .rs-column.-medium-col-2-1 {
width: 46.15385%;
}
.rs-column.-medium-col-2-2,
.luxe-fullwidth .rs-column.-medium-col-2-2 {
width: 100%;
}
.rs-column.-medium-col-3-1,
.luxe-fullwidth .rs-column.-medium-col-3-1 {
width: 28.20513%;
}
.rs-column.-medium-col-3-2,
.luxe-fullwidth .rs-column.-medium-col-3-2 {
width: 64.10256%;
}
.rs-column.-medium-col-3-3,
.luxe-fullwidth .rs-column.-medium-col-3-3 {
width: 100%;
}
.rs-column.-medium-col-4-1,
.luxe-fullwidth .rs-column.-medium-col-4-1 {
width: 19.23077%;
}
.rs-column.-medium-col-4-2,
.luxe-fullwidth .rs-column.-medium-col-4-2 {
width: 46.15385%;
}
.rs-column.-medium-col-4-3,
.luxe-fullwidth .rs-column.-medium-col-4-3 {
width: 73.07692%;
}
.rs-column.-medium-col-4-4,
.luxe-fullwidth .rs-column.-medium-col-4-4 {
width: 100%;
}
.rs-column.-medium-col-5-1,
.luxe-fullwidth .rs-column.-medium-col-5-1 {
width: 13.84615%;
}
.rs-column.-medium-col-5-2,
.luxe-fullwidth .rs-column.-medium-col-5-2 {
width: 35.38462%;
}
.rs-column.-medium-col-5-3,
.luxe-fullwidth .rs-column.-medium-col-5-3 {
width: 56.92308%;
}
.rs-column.-medium-col-5-4,
.luxe-fullwidth .rs-column.-medium-col-5-4 {
width: 78.46154%;
}
.rs-column.-medium-col-5-5,
.luxe-fullwidth .rs-column.-medium-col-5-5 {
width: 100%;
}
.rs-column.-medium-col-6-1,
.luxe-fullwidth .rs-column.-medium-col-6-1 {
width: 10.25641%;
}
.rs-column.-medium-col-6-2,
.luxe-fullwidth .rs-column.-medium-col-6-2 {
width: 28.20513%;
}
.rs-column.-medium-col-6-3,
.luxe-fullwidth .rs-column.-medium-col-6-3 {
width: 46.15385%;
}
.rs-column.-medium-col-6-4,
.luxe-fullwidth .rs-column.-medium-col-6-4 {
width: 64.10256%;
}
.rs-column.-medium-col-6-5,
.luxe-fullwidth .rs-column.-medium-col-6-5 {
width: 82.05128%;
}
.rs-column.-medium-col-6-6,
.luxe-fullwidth .rs-column.-medium-col-6-6 {
width: 100%;
}
}
@media screen and (max-width: 599px) {
.rs-column,
.luxe-fullwidth .rs-column {
margin-right: 7.69231%;
}
.rs-column.-medium-first,
.luxe-fullwidth .rs-column.-medium-first {
clear: none;
}
.rs-column.-medium-last,
.luxe-fullwidth .rs-column.-medium-last {
margin-right: 7.69231%;
}
.rs-column.-medium-first-row,
.luxe-fullwidth .rs-column.-medium-first-row {
margin-top: 7.69231%;
}
.rs-column.-small-first,
.luxe-fullwidth .rs-column.-small-first {
clear: left;
}
.rs-column.-small-last,
.luxe-fullwidth .rs-column.-small-last {
margin-right: -5px;
}
.rs-column.-small-first-row,
.luxe-fullwidth .rs-column.-small-first-row {
margin-top: 0;
}
.rs-column.-small-col-1-1,
.luxe-fullwidth .rs-column.-small-col-1-1 {
width: 100%;
}
.rs-column.-small-col-2-1,
.luxe-fullwidth .rs-column.-small-col-2-1 {
width: 46.15385%;
}
.rs-column.-small-col-2-2,
.luxe-fullwidth .rs-column.-small-col-2-2 {
width: 100%;
}
.rs-column.-small-col-3-1,
.luxe-fullwidth .rs-column.-small-col-3-1 {
width: 28.20513%;
}
.rs-column.-small-col-3-2,
.luxe-fullwidth .rs-column.-small-col-3-2 {
width: 64.10256%;
}
.rs-column.-small-col-3-3,
.luxe-fullwidth .rs-column.-small-col-3-3 {
width: 100%;
}
.rs-column.-small-col-4-1,
.luxe-fullwidth .rs-column.-small-col-4-1 {
width: 19.23077%;
}
.rs-column.-small-col-4-2,
.luxe-fullwidth .rs-column.-small-col-4-2 {
width: 46.15385%;
}
.rs-column.-small-col-4-3,
.luxe-fullwidth .rs-column.-small-col-4-3 {
width: 73.07692%;
}
.rs-column.-small-col-4-4,
.luxe-fullwidth .rs-column.-small-col-4-4 {
width: 100%;
}
.rs-column.-small-col-5-1,
.luxe-fullwidth .rs-column.-small-col-5-1 {
width: 13.84615%;
}
.rs-column.-small-col-5-2,
.luxe-fullwidth .rs-column.-small-col-5-2 {
width: 35.38462%;
}
.rs-column.-small-col-5-3,
.luxe-fullwidth .rs-column.-small-col-5-3 {
width: 56.92308%;
}
.rs-column.-small-col-5-4,
.luxe-fullwidth .rs-column.-small-col-5-4 {
width: 78.46154%;
}
.rs-column.-small-col-5-5,
.luxe-fullwidth .rs-column.-small-col-5-5 {
width: 100%;
}
.rs-column.-small-col-6-1,
.luxe-fullwidth .rs-column.-small-col-6-1 {
width: 10.25641%;
}
.rs-column.-small-col-6-2,
.luxe-fullwidth .rs-column.-small-col-6-2 {
width: 28.20513%;
}
.rs-column.-small-col-6-3,
.luxe-fullwidth .rs-column.-small-col-6-3 {
width: 46.15385%;
}
.rs-column.-small-col-6-4,
.luxe-fullwidth .rs-column.-small-col-6-4 {
width: 64.10256%;
}
.rs-column.-small-col-6-5,
.luxe-fullwidth .rs-column.-small-col-6-5 {
width: 82.05128%;
}
.rs-column.-small-col-6-6,
.luxe-fullwidth .rs-column.-small-col-6-6 {
width: 100%;
}
}
/* Resetting box model for moo_mediabox and j_colorbox */
#mbCenter,
#colorbox {
box-sizing: content-box;
}
/* Text-Highlight-Farbe */
::selection {
background: #AA5C66;
color: #ffffff;
text-shadow: none !important;
}
::-moz-selection {
background: #AA5C66;
color: #ffffff;
text-shadow: none !important;
}
button,
input,
select,
textarea {
outline: none;
font-family: inherit;
}
table {
width: 100%;
border-collapse: collapse;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
table th,
table td {
border: 1px solid #e5e5e5;
}
table th {
padding: 0.66667em 1em;
font-weight: bold;
text-align: left;
}
table td {
padding: 0.76923em 1.15385em;
font-size: 0.86667em;
color: #5a5d63;
}
table thead tr {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03));
}
table tfoot tr {
background-color: #f7f7f7;
}
a {
color: #BE485C;
text-decoration: none;
}
a:hover,
a:focus {
/* text-decoration: underline; */
border-bottom: 1px solid #BE0027;
}
a:hover,
a:active {
outline: 0;
}
a.external-link:after {
font: 0.86667em/1 "RockSolid Icons";
content: "\e151";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.26667em;
}
/* Icon attribute */
*[data-icon]:before {
font: 100%/1 "RockSolid Icons";
content: attr(data-icon);
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.26667em;
}
*[data-icon].after:before {
content: none;
}
*[data-icon].after:after {
font: 100%/1 "RockSolid Icons";
content: attr(data-icon);
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.26667em;
}
.clear {
clear: both;
}
.invisible {
position: absolute;
height: 1px !important;
width: 1px !important;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0 !important;
overflow: hidden;
border: 0;
}
.syndication {
margin: 0.8em 0 0 1.33333em;
float: right;
}
.syndication a {
margin-left: 0.13333em;
border: 0 !important;
}
.syndication img {
border: 0 !important;
}
.mime_icon {
margin-bottom: -0.25em;
}
.download-element {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.content-toplink,
.ce_toplink,
.toplink {
margin: 1.6em 0;
}
.content-toplink a,
.ce_toplink a,
.toplink a {
display: block;
width: 100%;
}
.content-toplink > a:before,
.ce_toplink > a:before,
.toplink > a:before {
content: "▲"; color: #C85266;
/* font: 100%/1 "RockSolid Icons";
content: "\e00c";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision; */
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.33333em;
}
.swiper-button-prev.swiper-button-prev,
.swiper-button-next.swiper-button-next {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: 0;
border-radius: 0;
text-shadow: none;
box-shadow: none;
background: transparent;
}
:root:root {
--swiper-theme-color: #75bb3c;
}
.ce_accordion {
border: 1px solid #e5e5e5;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
.ce_accordion .accordion {
position: relative;
overflow: hidden;
/* padding: 1px 3.84615% 0.8em; */
padding: 10px 3.84615% .8rem;
box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12);
/* background-color: aqua; */
}
.ce_accordion .accordion:before {
content: "";
position: absolute;
top: -50px;
left: 5%;
z-index: -1;
width: 90%;
height: 50px;
border-radius: 100%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
/*
#ex-010 {
display: none;
} */
.ce_accordion .toggler button {
position: relative;
border: none;
color: #5a5d63;
background-color: #EAEAEA;
line-height: 0.7rem;
/* margin-left: 0%; */
}
.ce_accordion .toggler {
position: relative;
margin: -2px;
padding: 0.66667rem 11.5% 0.4rem 6%;
margin-top: -2.8rem;
border: 2px solid #e5e5e5;
border-top: 0;
border-radius: 4px;
outline: none;
color: #5a5d63;
background-color: #EAEAEA;
box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12);
cursor: pointer;
}
div.accordion {
/* margin-top: -0.2rem; */
height: auto!important;
border: 1px solid #e5e5e5;
border-top: 2px solid #BE002766;
border-radius: 0 0 4px 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
background-color: #EAEAEA;
z-index: 200;
}
.ce_accordion .toggler:after {
font: 1.6rem/1 "RockSolid Icons";
content: "\e00b";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
box-sizing: border-box;
position: absolute;
top: 0.6rem;
right: 3.84615%;
width: 1em;
height: 1em;
padding-left: 0.05em;
border-radius: 100%;
color: #ffffff;
background: #75bb3c;
background: #BE0027b3;
background: #BE002780;
}
.ce_accordion .toggler.ui-accordion-header-active:after,
.ce_accordion .toggler:hover:after {
content: "\e009";
padding: 0.05em 0 0;
}
.ce_accordion + .ce_accordion {
margin-top: -3px;
}
/* .content-accordion {
position: relative;
min-height: 8rem;
} */
.content-accordion .handorgel__header {
display: block;
margin: 0;
border: 1px solid #e5e5e5;
/* collapse borders */
margin-bottom: -1px;
outline: none;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-transform: none;
color: #5a5d63;
background: #ffffff;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
.content-accordion .handorgel__header__button {
position: relative;
display: block;
width: 100%;
padding: 0.66667em 11.53846% 0.66667em 3.84615%;
margin: 0;
border: none;
background: #ffffff;
border-radius: inherit;
text-shadow: none;
box-shadow: none;
color: inherit;
cursor: pointer;
font-size: inherit;
font-weight: inherit;
text-transform: inherit;
text-align: left;
}
.content-accordion .handorgel__header__button:hover,
.content-accordion .handorgel__header__button:focus-visible {
outline: none;
}
.content-accordion .handorgel__header__button:after {
font: 1.33333em/1 "RockSolid Icons";
content: "\e00b";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
box-sizing: border-box;
position: absolute;
top: 0.6em;
right: 3.84615%;
width: 1em;
height: 1em;
padding-left: 0.05em;
border-radius: 100%;
color: #ffffff;
background: #75bb3c;
}
.content-accordion .handorgel__header--open .handorgel__header__button:after,
.content-accordion .handorgel__header__button:hover:after,
.content-accordion .handorgel__header__button:focus-visible:after {
content: "\e009";
padding: 0.05em 0 0;
}
.content-accordion .handorgel__content {
position: relative;
display: none;
overflow: hidden;
height: 0;
/* collapse borders */
margin-bottom: -1px;
border: 1px solid #e5e5e5;
border-top-color: #e0e2e5;
box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12);
transition: height 0.5s ease;
}
.content-accordion .handorgel__content--open {
display: block;
-webkit-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.content-accordion .handorgel__content__inner {
padding: 1px 3.84615% 0.8em;
}
/* ===========================================
* Custom Anfang
* ======================================== */
/* .ex-001 {
font: SA_0220_41, sans-serif;
font-weight: 400;
font-size: 1.1rem;
color: #646464;
color: #BE0027;
} */
#logolink a:hover,
#logolink a:focus {
text-decoration: none;
border-bottom: 1px solid #fff;
margin-bottom: -1px;
}
hr {
clear: both;
height: 2px;
overflow: visible;
/* margin: 1.6em 0; */
margin: 1em 0;
/* margin: 10px 0 -10px 0; */
border: 0;
background: #BE485C;
}
hr.new1 {
border-top: 2px solid #BE485C;
clear: both;
height: 2px;
overflow: visible;
margin: 1em 0 .2em 0;
}
/* linie tätigkeitsberichte ggf. anpassen */
hr.new2 {
clear: both;
height: 2px;
max-width: 400px;
overflow: visible;
margin: 1em 0;
border: 0;
background: #BE485C;
}
/* linie ifk-aktuell
*/
hr.new3 {
clear: both;
height: 2px;
overflow: visible;
margin: 1em 0 2em 0;
border: 0;
background: #BE485C;
}
/* linie über calender
*/
hr.new4 {
clear: both;
height: 2px;
max-width: 780px;
overflow: visible;
/* x */
margin: 1em 0 1em 0;
border: 0;
background: #BE485C;
}
/* linie ifk-aktuell
*/
hr.new5 {
clear: both;
height: 2px;
overflow: visible;
margin: -.5em 0 1em 0;
border: 0;
background: #BE485C;
}
/* linie unter „Registrierung“ */
hr.new6 {
/* clear: both; */
height: 2px;
overflow: visible;
margin: 0.7em 0 1.7em 0;
/* margin-bottom: 2em; */
border: 0;
background: #BE485C;
}
/* linie weiß im footer */
hr.new7 {
/* clear: both; */
height: 1px;
overflow: visible;
/* z-index: 1000;
/* margin: 0.7em 0 1.7em 0; */
margin-bottom: .5em;
/* border: 0; */
background: #fff;
}
tbody.tr:active {
background: #EECECF;
}
/*
.submenu::before {
background: #9F1438;
} +/
/* ceg = content element im grid =========================== background: #c2c6cc;
ceg10 = text
ceg20 = bild
cge30 = head */
/* .ceg1 {
padding-top: -20px;
} */
.ceg10 {
float: left;
}
.ceg2 {
margin-top: 0;
}
.ceg30 {
margin-top: -22px!important;
margin-bottom: 1em;
max-width: 940px;
}
.ceg3 {
margin-bottom: 1em;
max-width: 940px;
}
.ceg4 {
margin-bottom: 1em;
}
/* .ceg4 {
background: red;
height: 33px;
} */
.ceg31 {
margin-bottom: -50px;
background: #c2c6cc;
}
/* weitere hr */
.ceg32 {
margin-bottom: 1em;
max-width: 940px;
}
/* Buchproduktinfo */
.ceg11 {
float: right;
}
/* .grid3, .grid4, .grid5, .grid6, .grid7,
.grid8, .grid9, .grid10, grid11, */
.grid12 {
clear: both;
}
.grid4 {
display: inline-block;
}
.content-text {
margin: 0;
/* background: #c2c6cc; */
}
.content-image {
margin: 0.86em;
float: right;
}
.mod_article.block {
/*background: #c2c6cc;*/
margin-left: -10px;
margin-right: -10px;
}
/* buchvorstellung – rechts m. bild txt kleiner */
div.grid6.content-text.media.media--left
figure {
margin-top: 22px;
}
.teaser01 {
height: auto;
border-radius: 5px;
border: 1px solid #DC7384A6;
background-color: #FDF3F4;
padding: 2px 2px 10px 12px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
/*
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12); */
}
.teaser02 {
height: auto;
border-radius: 5px;
border: 1px solid #DEDEDE;
background-color: #F7F7F7;
padding: 18px 2px 0 9px;
margin-bottom: 40px;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.12);
}
/* zeitschriftenbeiträge */
.rubrik01 {
/* height: 180px; */
height: auto;
border-radius: 5px;
border: 1px solid #DEDEDE;
background-color: #F7F7F7;
padding: 18px 6px 0 9px;
margin-bottom: -30px;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.12);
}
/* sliderbutton */
a.rsts-prev,
a.rsts-next {
width: 20px!important;
height: 20px!important;
}
a.rsts-prev {
right: 42px!important;
}
/* ===========================================
* Custom Ende ▲
* ======================================== */
.confirmation {
color: #75bb3c;
}
.information {
color: #1fa5d1;
}
.warning {
color: #e52f2f;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
position: relative;
display: block;
padding: 0.66667em 0 0.66667em 3.33333em;
color: #5d9530;
}
p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {
font: 1.73333em/1 "RockSolid Icons";
content: "\e044";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: absolute;
left: 0.30769em;
top: 1.06667em;
margin-top: -0.5em;
}
p.information,
div.information,
span.information {
border-color: #1fa5d1;
color: #1884a7;
}
p.information:before,
div.information:before,
span.information:before {
content: "\e0a6";
left: 0.46154em;
}
p.warning,
div.warning,
span.warning {
border-color: #e52f2f;
color: #b72525;
}
p.warning:before,
div.warning:before,
span.warning:before {
content: "\e144";
}
p.drop-cap:first-letter,
span.drop-cap {
float: left;
margin: 0.12em 0.12em -0.2em 0;
font-size: 3.33333em;
line-height: 0.7;
color: #999999;
}
p.drop-cap:first-letter {
/* IE8 and IE9 calculate em's from the parent element */
/* margin: 0.4em 0.4em -0.66667em 0 \0/; */
margin: 0.4em 0.4em -0.66667em 0;
}
code {
padding: 0.14286em 0.35714em;
font-family: "Lucida Console", monospace;
font-size: 0.93333em;
line-height: 1.35714;
background-color: #e5e5e5;
border-radius: 3px;
}
pre {
margin: 1.71429em 0;
padding: 0 0.42857em;
display: block;
overflow: auto;
font-family: "Lucida Console", monospace;
font-size: 0.93333em;
line-height: 1.71429;
background: #e5e5e5;
}
pre .hljs,
pre code {
font-size: 1em;
padding: 0;
line-height: inherit;
background-color: transparent;
}
/* ===========================================
* Button styles
* ======================================== */
/*
.button-secondary,
.page-footer-inner form button,
.page-footer-inner form input[type="submit"],
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
padding: 0.8em 1.33333em;
border: 1px solid;
border-color: #f1ebeb #cdb8b8 #c6afaf;
border-radius: 2px;
font-weight: bold;
color: #be485c;
text-align: center;
text-decoration: none;
/*
text-shadow: 0 1px 0 #cdb8b8;
*
background: #e6dcdc;
background: #EABAB6;
/*
background: linear-gradient(#f1ebeb, #ece5e5 50%, #dbcdcd);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1);
}
.button-secondary:hover,
.page-footer-inner form button:hover,
.page-footer-inner form input[type="submit"]:hover,
.button-secondary:focus,
.page-footer-inner form button:focus,
.page-footer-inner form input[type="submit"]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
text-decoration: none;
/*
background-color: #b8b0b0; *
background-color: #EACECE;
/*
background-image: linear-gradient(#f7f4f4, #eae2e2 50%, #d7c7c7);
background-image: linear-gradient(#f7f4f4, #eae2e2, #d7c7c7, #F0E4E4); *
}
.button-secondary:active,
.page-footer-inner form button:active,
.page-footer-inner form input[type="submit"]:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
/*
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); *
}
.button-secondary {
padding: 0.4em 0.8em;
border-color: #eaeaea #d8d8d8 #d1d1d1;
border-color: #eaeaea #d8d8d8 #d1d1d1;
font-weight: normal;
color: #5a5d63;
color: #be485c;
text-shadow: none;
background: #f7f7f7;
/*
background: linear-gradient(#ffffff, #ffffff 50%, #eaeaea); *
}
.button-secondary:hover,
.button-secondary:focus {
/*
border-color: #e0e0e0 #cecece #c9c9c9;
background: #c5c5c5;
/*
background: linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); *
}
.button-secondary:active {
/*
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); */
/* ===========================================
* Wrapper Elements
* ======================================== */
.page-wrapper {
position: relative;
}
.page,
.page-footer-inner {
max-width: 1100px;
margin: 0 auto;
}
@media screen and (max-width: 1100px) {
.page,
.page-footer-inner {
padding-right: var(--safe-area-right);
padding-left: var(--safe-area-left);
}
}
/* Main wrapper */
.page {
/* zoom: 1; */
transform-origin: 0 0;
position: relative;
padding-top: var(--safe-area-top);
background-color: none;
}
.page:before {
content: "";
display: table;
}
.page:after {
content: "";
display: table;
clear: both;
}
/* ===========================================
* Elements in order of appearance in HTML
* ======================================== */
.page-header {
zoom: 1;
position: relative;
z-index: 50;
margin: 0 4%;
padding: 0 0 0;
}
.page-header:before {
content: "";
display: table;
}
.page-header:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 900px) {
.page-header {
margin-right: 6.66667%;
margin-left: 6.66667%;
}
}
.logo {
float: left;
margin: 35px 25px 0 -30px;
}
@media screen and (max-width: 599px) {
.logo {
margin: 20px 0;
width: 100%;
}
}
.logo a {
display: block;
}
.logo img {
display: block;
width: 15rem;
height: auto;
}
@media screen and (max-width: 599px) {
.logo img {
margin: 0 auto;
}
}
/* */
.main-navigation {
margin: 4.5rem 0 0;
text-align: right;
background-color: none;
}
@media screen and (max-width: 900px) {
.main-navigation {
clear: both;
margin: 0 0 0 -2.8em;
padding-top: 1.33333em;
text-align: left;
}
}
@media screen and (max-width: 599px) {
.main-navigation {
display: none;
}
}
.main-navigation ul {
display: inline;
margin: 0;
margin-right: 8%;
padding: 0;
}
.main-navigation li {
position: relative;
display: inline-block;
margin-right: -1.06667em;
margin-left: 1.73333em;
}
.main-navigation > ul > li > a {
position: relative;
display: block;
z-index: 3;
/*padding: 0.57143em 1.14286em;*/
padding: .2rem .5rem;
font-family: "SA_0220_41", sans-serif;
font-size: 1.1rem;
letter-spacing: .03em;
color: #8C8C8C;
text-decoration: none;
}
.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus {
color: #9f1438;
}
.main-navigation > ul > li.active > a,
.main-navigation > ul > li.trail > a {
color: #9f1438;
}
.main-navigation > ul > li.submenu:before {
content: "";
position: absolute;
left: 1.06667em;
right: 1.06667em;
bottom: 0;
display: none;
z-index: 2;
height: 3px;
background: #9f1438;
}
.main-navigation > ul > li > ul {
position: absolute;
left: 0;
top: 100%;
z-index: 1;
overflow: hidden;
min-width: 100%;
max-height: 0;
margin-top: -2px;
padding: 0;
border: 1px solid #e5e5e5;
border-radius: 4px;
text-align: left;
white-space: nowrap;
background: #ffffff;
opacity: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
transform: translate3d(0, 0, 0);
}
.main-navigation > ul > li > ul li {
display: inline;
margin: 0;
}
.main-navigation > ul > li > ul a {
position: relative;
display: block;
padding: 0.38462em 1em 0.38462em 0;
border-top: 1px solid #e5e5e5;
font-size: 0.86667em;
color: #5a5d63;
text-decoration: none;
}
.main-navigation > ul > li > ul a:hover,
.main-navigation > ul > li > ul a:focus {
color: #9f1438;
}
.main-navigation > ul > li > ul > li:first-child > a {
border-top: 0;
}
.main-navigation > ul > li > ul li.active > a,
.main-navigation > ul > li > ul li.trail > a {
color: #9f1438;
}
.main-navigation > ul > li > ul ul a {
padding-left: 0.76923em;
border-top: 0;
}
.main-navigation > ul > li > ul ul ul a {
margin-left: 1.33333em;
}
.main-navigation > ul > li:hover {
z-index: 5;
}
.main-navigation > ul > li:hover > ul {
max-height: 9999px;
padding: 1em;
opacity: 1;
transition: opacity 0.2s;
}
.main-navigation > ul > li.submenu:hover:before {
/* change generated content to avoid IE8 ghost pseudo elements */
content: " ";
display: block;
}
.main-navigation > ul > li:last-child > ul,
.main-navigation > ul > li.last > ul {
left: auto;
right: 0;
}
@media screen and (max-width: 900px) {
.main-navigation > ul > li:last-child > ul,
.main-navigation > ul > li.last > ul {
left: 0;
right: auto;
}
}
.main-navigation-mobile-open {
position: absolute;
/* top: 50px; */
top: calc(50px + var(--safe-area-top));
/* left: 6.66667%; */
left: calc(6.66667% + var(--safe-area-left));
width: 44px;
height: 39px;
margin: -20px 0 0 -11px;
padding: 11px;
display: none;
z-index: 200;
text-indent: -99em;
line-height: 0;
}
.main-navigation-mobile-open:after {
content: "";
display: block;
height: 3px;
border-radius: 2px;
background: #777777;
box-shadow: 0 7px #777777, 0 14px #777777;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile-open {
display: block;
}
}
.main-navigation-mobile-close {
position: absolute;
top: 0;
right: -17.64706%;
display: none;
width: 17.64706%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
border: 0 !important;
text-indent: -99em;
background: none !important;
box-shadow: none !important;
}
.is-active > .main-navigation-mobile-close {
display: block;
}
.main-navigation-mobile {
/* Hide mobile navigation by default */
display: none;
padding: 0;
padding-top: var(--safe-area-top);
padding-bottom: var(--safe-area-bottom);
padding-left: var(--safe-area-left);
color: #ffffff;
background: #1e2022;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile {
display: block;
background: #8C1438;
}
}
.modernizr-js .main-navigation-mobile {
display: none;
}
.main-navigation-mobile.is-enabled {
position: absolute;
top: 0;
left: -85%;
z-index: 201;
width: 85%;
min-height: 100%;
transition: left 0.2s ease-out;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile.is-enabled {
display: block;
}
}
.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
left: 0;
transform: translate3d(-100%, 0, 0);
transition: transform 0.2s ease-out;
}
.main-navigation-mobile.is-active {
left: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.modernizr-csstransforms3d .main-navigation-mobile.is-active {
transform: translate3d(0, 0, 0);
}
.main-navigation-mobile ul {
display: block;
margin: 0;
padding: 0;
}
.main-navigation-mobile ul ul {
background: #1e2022;
box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04);
}
.main-navigation-mobile .is-collapsed > ul {
display: none;
}
.main-navigation-mobile li {
position: relative;
display: block;
}
.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail {
display: block;
padding: 0.69231em 1em 0.61538em;
border-bottom: 1px solid #000000;
color: inherit;
background-color: #9F1438;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
transition: background-color 0.6s ease-out;
}
.main-navigation-mobile a:hover,
.main-navigation-mobile a:focus,
.main-navigation-mobile strong:hover,
.main-navigation-mobile strong:focus,
.main-navigation-mobile span.active:hover,
.main-navigation-mobile span.active:focus,
.main-navigation-mobile span.trail:hover,
.main-navigation-mobile span.trail:focus {
outline: none;
text-decoration: none;
background-color: #121314;
transition: background-color 0.2s ease-out;
}
.main-navigation-mobile a.active,
.main-navigation-mobile a.trail,
.main-navigation-mobile strong.active,
.main-navigation-mobile strong.trail,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail {
font-weight: bold;
}
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
background-color: #313438;
box-shadow: inset 0 0 5px #1e2022;
}
.main-navigation-mobile li li a,
.main-navigation-mobile li li strong,
.main-navigation-mobile li li span.active,
.main-navigation-mobile li li span.trail {
padding-left: 2em;
}
.main-navigation-mobile li li li a,
.main-navigation-mobile li li li strong,
.main-navigation-mobile li li li span.active,
.main-navigation-mobile li li li span.trail {
padding-left: 3em;
}
.main-navigation-mobile li li li li a,
.main-navigation-mobile li li li li strong,
.main-navigation-mobile li li li li span.active,
.main-navigation-mobile li li li li span.trail {
padding-left: 4em;
}
.main-navigation-mobile li li li li li a,
.main-navigation-mobile li li li li li strong,
.main-navigation-mobile li li li li li span.active,
.main-navigation-mobile li li li li li span.trail {
padding-left: 5em;
}
.main-navigation-mobile .main-navigation-mobile-expand {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
margin: 0;
padding: 0.61538em 1em;
border: solid transparent;
border-width: 0.23077em 0;
box-shadow: inset 1px 0 #333333;
border-radius: 0;
outline: none;
line-height: 0;
color: inherit;
text-indent: -99em;
text-shadow: none;
background: none;
}
.main-navigation-mobile .main-navigation-mobile-expand:after {
font: 1.23077em/1 "RockSolid Icons";
content: "\e009";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
/* display: inline-block; */
position: relative;
display: block;
}
.main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after {
content: "\e00c";
}
.content-wrapper {
zoom: 1;
}
.content-wrapper:before {
content: "";
display: table;
}
.content-wrapper:after {
content: "";
display: table;
clear: both;
margin-bottom: -8px;
}
.tag-line {
margin: 0 4%;
padding: 2em 0;
border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 900px) {
.tag-line {
margin-right: 6.66667%;
margin-left: 6.66667%;
}
}
/*
.tag-line h1,
.tag-line h2,
.tag-line h3 {
margin: 0;
font-family: "SA_0220_41", Arial, sans-serif;
font-weight: normal;
/* font-style: italic; /
color: #5a5d63;
}
.tag-line h1,
.tag-line h2 {
font-size: 1.6em;
}
.tag-line h3 {
font-size: 1.06667em;
*/
.tag-line .media > figure,
.tag-line .content-image > figure,
.tag-line .image_container {
display: block;
margin: 0;
padding: 0;
border: 0;
background: none;
}
.tag-line .image_container img,
.tag-line img {
display: block;
width: 100%;
height: auto;
margin: 2em 0;
}
@media screen and (max-width: 900px) {
.tag-line .image_container img,
.tag-line img {
/*width: 115.38462%;*/
width: calc(115.38462% + var(--safe-area-right) + var(--safe-area-left));
margin-right: -7.69231%;
margin-right: calc(-7.69231% - var(--safe-area-right));
margin-left: -7.69231%;
margin-left: calc(-7.69231% - var(--safe-area-left));
}
}
.tag-line > img:first-child, .tag-line > .mod_article > img:first-child,
.tag-line > .image_container:first-child img, .tag-line > .mod_article > .image_container:first-child img,
.tag-line > .ce_image:first-child img,
.tag-line > .mod_article > .ce_image:first-child img {
margin-top: -2em;
}
.tag-line > img:last-child, .tag-line > .mod_article > img:last-child,
.tag-line > .image_container:last-child img, .tag-line > .mod_article > .image_container:last-child img,
.tag-line > .ce_image:last-child img,
.tag-line > .mod_article > .ce_image:last-child img {
margin-bottom: -2em;
}
.tag-line .rsts-main {
margin: 2em 0;
}
.tag-line .rsts-slide img {
margin: 0;
}
/* ===========================================
* Content styles
* ======================================== */
.main-content {
float: left;
/* float: right;
width: 52%; */
width: 70%;
margin: 4% 12% 0 12%;
}
.luxe-fullwidth .main-content {
float: none;
width: auto;
margin-left: 4%;
margin-right: 4%;
}
.luxe-sidebar-right .main-content {
float: left;
margin-right: 0;
margin-left: 8%;
}
@media screen and (max-width: 900px) {
.main-content,
.luxe-fullwidth .main-content,
.luxe-sidebar-right .main-content {
float: none;
width: auto;
margin-right: 6.66667%;
margin-left: 6.66667%;
}
}
/* ===========================================
* custom styles
* ======================================== ./
!important
hd-001
/* ========= Anfang neue IDAS ========= */
/*
.hd-001 {
font: SA_0220_71, sans-serif;
font-weight: 700!important;
font-size: 1.35rem;
color: blue;
color: #646464;
color: blue;
color: #AA3E56;
line-height: 1.15;
letter-spacing: .03rem;
}
.hd-002 {
font: SA_0220_21, sans-serif!important;
font-weight: 200;
font-size: 2.35rem;
color: #646464;
line-height: 1.15;
letter-spacing: .03rem;
color: #AA3E56; color: blue;
} */
/*
p {
font: SA_0220_31, sans-serif;
font-weight: 300;
font-size: 1.06rem;
color: #646464;
line-height: 1.45;
letter-spacing: .03rem;
word-spacing: .03rem;
}
*/
p a {
color: #646464;
font-style: 400;
text-decoration: none!important;
padding: 2px 1px 2px 1px;
/* border-bottom: 4px solid #BE0027; */
border-bottom: 2px solid rgba(190, 0, 39, 0.5);
}
p a:hover,
p a:focus {
/* color: #BE0027; */
color: #fff;
/* padding-bottom: .188rem; */
border-bottom: 0;
background-color: #BE002780;
}
em {
font: SA_0220_41, sans-serif;
font-style: 400;
/* color: #222222; */
color: #646464;
padding-right: .125rem;
letter-spacing: .02rem;
}
strong {
/* font: SA_0212_72, sans-serif; */
font-style: 700;
color: #646464;
}
/* „fette links“ */
strong a {
/* font: SA_0212_82, sans-serif; */
font-style: 700;
color: #BE0027;
background-color: #fff;
/* background-color: #EBCFD440;
background-color: #EBCFD440; */
border: 2px solid #BE002773;
padding: 4px 4px 3px 5px;
border-radius: 5px;
}
strong a:hover,
strong a:focus {
/* font: SA_0212_72, sans-serif; */
font-style: 700;
/* color: #646464; */
color: #fff;
}
/* ========= Ende neue IDAS ========= */
.content-toplink a {
display: inline-block;
/* border: 1px solid rgba(86,86,86,.55); */
border: 1px solid #ccc;
/* border: 1px solid #C85266; */
border-radius: 3px;
padding: 3px 15px 3px 10px;
width: auto;
/* background: #e5e5e5; */
background: #DCDCDC;
background: #fff;
}
/*
.hdl-300 { /* h3 in linklisten /
color: #aa3e56!important;
font-size: 1.35em;
padding-bottom: 6px;
}
.hdl-301 { /* h3 in linklisten wenn weitere h folgen /
color: #aa3e56!important;
font-size: 1.35em;
padding-bottom: 0;
margin-bottom: -5px!important;
} */
/*
p {
font: SA_0220_41/1.4 Arial, sans-serif;
font-weight: normal;
font-size: 1.06em;
color: #646464;
line-height: 1.4em;
letter-spacing:.005em;
word-spacing: .06em;
}
p a {
color: #BE0027;
text-decoration: none!important;
/* padding-bottom: 2px;
border-bottom: 0px solid #aa3e56; ./
}
p a:hover{
color: #BE0027;
/*
text-decoration: none; ./
padding-bottom: 0px;
border-bottom: 1px solid #BE0027;
}
em {
font: SA_0212_32/1.4 Arial, sans-serif;
font-style: italic;
/* color: red; ./
} */
.txt022 { /* kusiv */
font-family: "SA_0220_31", Arial, sans-serif;
font-style: italic;
letter-spacing: .02em;
}
/* p03x+h04x alternative abstände */
.txt030 {
/*margin-bottom: -.8em!important;*/
padding: 8px 0 0 0;
}
/* 1. gliederungsebene b.links */
.txt-031 {
margin: 15px 0 -10px 0!important;
font-family: "SA_0220_61", Arial, sans-serif;
font-size: 1.22em;
}
/* 2. gliederungsebene b.links nach 2. */
.txt-032 {
margin: -8px 0 -17px 0!important;
font-family: "SA_0220_61", Arial, sans-serif;
text-indent: 18px;
}
/* 2. gliederungsebene b.links nach 1. */
.txt-033 {
margin: 18px 0 -17px 0!important;
font-family: "SA_0220_61", Arial, sans-serif;
text-indent: 18px;
}
/* die themen im überblick */
.txt-034 {
margin-bottom: -0.5em!important;
}
/* teaser link weiter*/
.txt-035 {
line-height: 0;
}
/* krt seite krt-üs */
.txt-036 {
font-size: 1.3em;
color: #9f1438;
line-height: 0.9;
}
/* einzelpunkt grau b.links */
.spa-001 {
color: #A0A0A0;
/* padding-left: 0px; */
}
/* links im footer */
.spa-002 {
word-spacing: .35em;
}
.spa-002 a:hover {
color: #E1AFAF;
}
.spa-002 a:focus {
color: #E1AFAF;
}
/* Satzung listen */
div.rte ol {
list-style-type: decimal;
letter-spacing:.005em;
word-spacing: .06em;
}
div.rte ol li {
letter-spacing:.005em;
word-spacing: .06em;
padding-left: 3px;
margin-left: 35px;
}
/* ---------- jahrbuch + link listen ---------- */
div.rte ul {
font: SA_0220_41/1.4 arial,verdana;
font-weight: normal;
font-size: 1.06em;
color: #646464;
line-height: 1.4em;
letter-spacing:.005em;
word-spacing: .06em;
list-style: none;
}
div.rte ul li::before {content: "■"; color: #BE485C;
display: inline-block; width: .9em;
line-height: 1.5em;
margin-left: -.8em;
}
div.rte ul li li::before {content: "■"; color: #BE485C;
display: inline-block; width: .9em;
}
/* ---------- search block ---------- */
#ctrl_submit_18.submit {
font-size: 1em;
color: #9F1438;
background: #EEDEDE;
}
#search.mod_search.search.block p.header {
font-size: 1em;
background: #fff;
padding: .1em .3em;
border: 1px solid #C5C5C5!important;
border-radius: 4px!important;
}
#search.mod_search.search.block p.info {
display: none;
}
#search.mod_search.search.block div.search_default {
font-size: 1em;
background: #fff;
padding: 0 .3em;
margin-top: -0.75em;
border: 1px solid #C5C5C5!important;
border-radius: 4px!important;
}
.content-text.media.media--left
figure {
margin-top: 1em;
}
.art-001 { /* artikel länder position */
margin-top: -22px;
/* background-color: aqua; */
}
.tbx330 { /* box stellungnahme */
max-width: 750px;
}
/* abstand top */
#article-145,
#article-146,
#article-147,
#article-148,
#article-159 {
margin-top: -1.4em;
}
/* #################################################### */
.main-content p,
.main-content ul,
.main-content ol,
.main-content table,
.main-content form,
.main-content fieldset {
margin-top: 1em;
margin-bottom: 1em;
}
.main-content strong {
font-family: "SA_0220_61", sans-serif;
color: #BE0027B3;
letter-spacing: .01rem;
}
/* A */
.main-content p {
font: SA_0220_41, sans-serif;
font-weight: 400;
font-size: 1.1rem;
color: #646464;
line-height: 1.6;
letter-spacing: .015rem;
word-spacing: .01rem;
margin: .6rem 0 .6rem 0;
}
/*
.main-content p strong {
font: SA_0220_41, sans-serif;
font-weight: 400;
color: #BE0027;
} */
/*
.main-content p strong {
font: SA_0220_51, sans-serif;
font-style: 400;
color: #646464;
color: #BE0027;
} */
/*
.main-content h1,
.main-content h2,
.main-content h3,
*/
.main-content h4,
.main-content h5,
.main-content h6 {
margin-top: 0.75em;
margin-bottom: 0.3em;
font-family: "SA_0220_31", sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.1;
letter-spacing: .02em;
color: #B04056;
}
.main-content h1 {
font-family: "SA_0220_71", sans-serif;
font-size: 1.06rem;
line-height: 1.35;
letter-spacing: .07rem;
margin-top: 1rem;
margin-bottom: 1.25rem;
color: #BE0027b3;
}
@media screen and (max-width: 599px) {
.main-content h1 {
font-size: 1.4rem;
}
}
.main-content h2 {
font-family: "SA_0220_11", sans-serif;
font-size: 2.4rem;
margin-top: 1rem;
line-height: 1.2;
margin-bottom: 0.5rem;
color: #BE0027;
}
.main-content h3 {
font-family: "SA_0220_21", sans-serif;
font-size: 1.5rem;
line-height: 1.3;
/* letter-spacing: .023rem; */
padding-bottom: .5rem;
margin: 1rem 0 0 0;
color: #BE0027b3;
}
.main-content h4 {
font-family: "SA_0220_41", sans-serif;
font-size: 1.3em;
line-height: 1.3;
color: #BE0027b3;
}
.main-content h5 {
font-size: 1.2em;
}
/* ü nur für slider /
.main-content h6 {
text-align: left;
max-width: 16.4em;
font-size: 1.3em;
letter-spacing: .03em !important;
color: #aa3e56 !important;
padding: 2px 7px 4px 0;
margin-bottom: 30px !important;
/*margin-top: -8px !important;
} */
/* seitenbild mod_pageimage im-001 block .mod_pageimage .image_container
.im-001 figure.image_container
.mod_pageimage .im-001 .image_container {
margin-bottom: 55px;
}
.mod_pageimage.im-001 block {
width: auto;
width: 200px;
/* margin: 600px 0 0 0; *
padding-bottom: 10px;
max-height: 200px;
width: 400px!important;
padding-bottom: 505px;
margin-bottom: 505px;
div.mod_pageimage img-100 block
} */
/*
.mod_pageimage block image_container {
border-left: 4px solid #000;
z-index: -100;
} */
/* ========================================================================================================
.bx-001 {
padding-left: 3%;
background-color: #A8BAFC26;
}
*/
/* .bx-200 {} /* (nicht löschen) */
.bx-200 {
padding: 0 3.5% 0 3.5%;
}
.bx-210 { /* kalender-pos. */
margin: 3rem 0 3rem 0;
}
.ce-220 { /* standard text (vor dem accordion) */
background-color: #F8F8F8;
border: 2px solid #E0E0E0;
border-radius: 6px;
display: block;
padding: .2rem .5rem 1rem 1.5rem;
/* margin-bottom: -1.3rem; */
margin-top: -1.3rem!important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.ce-222 { /* kommende event-vorstellung */
background-color: #FDF3F4;
border: 1px solid #DC738499;
border-radius: 6px;
display: block;
padding: .2rem .5rem 2rem 1.5rem;
margin: 0 0 -2rem 0;
/*
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
*/
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.ce-219 { /* akt.event-programm */
background-color: #FDF3F4;
border: 1px solid #DC738499;
border-radius: 6px;
display: block;
padding: .3rem .5rem 1.5rem 1.5rem;
margin: -1rem 0 -1rem 0;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
/* box-shadow: 10px 10px 10px 15px rgba(0, 0, 0, 0.1); */
}
/* .ce-230 {
background-color: #F5F5F5;
background-color: #F8F8F8;
border: 2px solid #E0E0E0;
border-radius: 6px;
display: block;
padding: .2rem .5rem 1rem -2rem;
margin-bottom: -1.3rem;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
} */
/*
.ui-accordion-content {
margin: .2rem .5rem 1rem -.75rem;
margin: .2rem .5rem 1rem .5rem;
background-color: #F8F8F8;
} */
.ui-accordion-content-active {
/* padding-top: .7rem!important; */
border-bottom: solid #F8F8F8 .5rem;
background-color: #F8F8F8;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)!important;
}
.txt-280 {
font-size: 1.03rem!important;
line-height: 1.35!important;
margin-top: .7rem!important;
}
.txt-290 {
font-size: .95rem!important;
/*line-height: 1.35!important;*/
margin-bottom: -.5rem!important;
}
.txt-300 {
line-height: 1.35!important;
margin-top: .5rem!important;
}
.txt-310 {
text-indent: -1.5rem;
padding-left: 1.5rem;
line-height: 1.35!important;
margin: .6rem 0 .6rem 0!important;
}
.txt-310 em {
font-size: 1.1rem;
color: #5a5a5a;
}
.txt-315 {
padding-left: 1.5rem;
line-height: 1.35!important;
position: -1.4rem 0 .6rem 0!important;
}
.txt-315 em {
font-size: 1.1rem;
color: #5a5a5a;
}
.txt-311 {
text-indent: -1.5rem;
padding-left: 1.5rem;
margin-bottom: -.4rem!important;
line-height: 1.45!important;
}
.txt-320 {
margin-top: -.85rem!important;
}
.txt-321 {
font-size: 1.03rem!important;
line-height: 1.35!important;
margin-bottom: -.3rem!important;
}
.bu-100 {
font-size: .85rem!important;
line-height: 1.35!important;
margin-top: -.85rem!important;
}
/* ----------------- */
.txt-400 { /* h2/h3 */
font-family: SA_0220_11, sans-serif!important;
font-size: 1.35rem!important;
line-height: 1.35!important;
color: #be0027b3!important;
padding-top: .6rem;
}
.txt-401 { /* h4 einzug */
font-family: SA_0220_41, sans-serif!important;
font-size: 1.35rem!important;
line-height: 1.35!important;
color: #be0027b3!important;
padding-left: 1.6rem;
}
.txt-402 { /* h4 */
font-family: SA_0220_41, sans-serif!important;
font-size: 1.35rem!important;
line-height: 1.35!important;
color: #be0027b3;
}
.txt-410 { /* h3 teaser */
font-family: SA_0220_11, sans-serif!important;
font-size: 1.7rem!important;
line-height: 1.35!important;
color: #be0027b3!important;
/* padding-top: .6rem; */
}
.txt-491 { /* p einzug */
padding-left: 1.6rem;
}
.main-content h2 + p,
.main-content h2 + ul,
.main-content h2 + ol,
.main-content h2 + blockquote,
.main-content h3 + p,
.main-content h3 + ul,
.main-content h3 + ol,
.main-content h3 + blockquote,
.main-content h4 + p,
.main-content h4 + ul,
.main-content h4 + ol,
.main-content h4 + blockquote,
.main-content h5 + p,
.main-content h5 + ul,
.main-content h5 + ol,
.main-content h5 + blockquote,
.main-content h6 + p,
.main-content h6 + ul,
.main-content h6 + ol,
.main-content h6 + blockquote {
margin-top: 0;
}
.main-content ul,
.main-content ol {
/* padding-left: 7.69231%; */
list-style: square;
padding-left: 1rem;
}
.main-content ul li[data-icon],
.main-content ol li[data-icon] {
list-style: none;
}
.main-content ul li[data-icon]:before,
.main-content ol li[data-icon]:before {
left: -1.4em;
width: 0;
}
.main-content ul {
list-style: disc;
}
.main-content ul ul {
margin-top: 0;
}
.main-content ol {
list-style: decimal;
}
.main-content ol ol,
.main-content ol ul {
margin-top: 0;
}
.main-content ol ol {
list-style: upper-alpha;
}
.main-content ol ol ol {
list-style: lower-roman;
}
.main-content ol ol ol ol {
list-style: lower-alpha;
}
.main-content blockquote {
position: relative;
margin: 1.66667em 0;
font-family: "SA_0220_31", Arial, sans-serif;
font-size: 1.6em;
font-style: italic;
}
@media screen and (max-width: 599px) {
.main-content blockquote {
font-size: 1.28571em;
}
}
.main-content blockquote p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.main-content blockquote:before {
content: "\201e";
display: block;
width: 0.58333em;
height: 0.83333em;
padding: 0 0 0 0.25em;
border-radius: 100%;
font-size: 2em;
line-height: 0.2;
color: white;
background: #75bb3c;
}
.main-content blockquote small,
.main-content blockquote i,
.main-content blockquote em {
display: block;
margin-top: 0.33333em;
font-family: "SA_0220_31", serif;
font-size: 0.75em;
font-style: normal;
color: #5a5d63;
}
.main-content blockquote small:before,
.main-content blockquote i:before,
.main-content blockquote em:before {
content: "– ";
}
.main-content img {
max-width: 100%;
height: auto;
}
.ce_accordion h1 {
font-size: 1.86667em;
}
.ce_accordion h2 {
font-size: 1.6em;
}
.ce_accordion h3 {
font-size: 1.4em;
}
/* ===========================================
* Sidebar styles
* ======================================== */
.sidebar {
position: relative;
/* float: left; */
display: none;
float: right;
width: 28.0%;
margin: 4% 0 0;
padding: 0 0 0 4%;
}
@media screen and (max-width: 900px) {
.sidebar {
clear: both;
float: none;
width: auto;
padding: 0;
}
}
@media screen and (max-width: 599px) {
.sidebar {
margin: 0 6.66667%;
}
}
.luxe-sidebar-right .sidebar {
float: right;
padding-right: 4%;
padding-left: 0;
}
@media screen and (max-width: 900px) {
.luxe-sidebar-right .sidebar {
float: none;
padding-right: 0;
}
}
.sidebar .mod_article > .block,
.sidebar .mod_form,
.sidebar .mod_subscribe {
margin: 1.33333em 0;
}
@media screen and (max-width: 900px) {
.sidebar .mod_article > .block,
.sidebar .mod_form,
.sidebar .mod_subscribe {
float: left;
width: 40%;
margin: 6.66667% 0 0 6.66667%;
}
}
@media screen and (max-width: 599px) {
.sidebar .mod_article > .block,
.sidebar .mod_form,
.sidebar .mod_subscribe {
float: none;
width: auto;
margin-left: 0;
}
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
margin: 1em 0 0.5em;
}
.sidebar h1,
.sidebar h2,
.sidebar h3 {
font-size: 1.33333em;
color: #999999;
}
.sidebar h4 {
font-size: 1.13333em;
}
.sidebar h5 {
font-size: 1em;
}
.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar table,
.sidebar blockquote,
.sidebar fieldset,
.sidebar form {
margin: 1em 0;
}
.sidebar ul,
.sidebar ol {
padding: 0;
list-style-type: none;
}
@media screen and (max-width: 900px) {
.sidebar .sub-navigation {
float: left;
width: 40%;
margin: 6.66667% 0 0 6.66667%;
}
}
@media screen and (max-width: 599px) {
.sidebar .sub-navigation {
display: none;
}
}
.sub-navigation h3 {
display: inline;
margin: 0;
font-size: 0.8em;
}
.sub-navigation h3 a {
display: block;
margin: 2.91667em 0 1.25em;
font-weight: bold;
letter-spacing: 1px;
color: #999999;
text-decoration: none;
text-transform: uppercase;
}
.sub-navigation h3 a:hover,
.sub-navigation h3 a:focus {
text-decoration: underline;
}
.sub-navigation ul {
margin: 0;
padding: 0;
}
.sub-navigation ul li {
display: inline;
}
.sub-navigation ul a {
display: block;
padding: 0.61538em 0;
font-size: 0.86667em;
color: #5a5d63;
text-decoration: none;
}
.sub-navigation ul a:hover,
.sub-navigation ul a:focus {
color: #9f1438;
}
.sub-navigation ul ul a {
padding-top: 0;
padding-left: 6.25%;
}
.sub-navigation ul ul ul a {
padding-left: 12.5%;
}
.sub-navigation ul li.active > a,
.sub-navigation ul li.trail > a {
color: #9f1438;
}
.mod_subscribe {
padding: 1.33333em;
border: 1px solid #e5e5e5;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
.mod_subscribe form {
margin: 0;
}
.mod_subscribe form input {
padding-right: 3.66667em;
}
.mod_subscribe .formbody {
position: relative;
}
.mod_subscribe .formbody .widget {
margin: 0;
}
.mod_subscribe h1,
.mod_subscribe h2,
.mod_subscribe h3 {
margin-top: 0;
font-size: 0.8em;
text-transform: uppercase;
}
.mod_subscribe button[type="submit"] {
position: absolute;
right: 0.26667em;
bottom: 0.33333em;
width: auto;
overflow: hidden;
padding: 0.4em 0.66667em;
line-height: 0;
text-indent: -99em;
}
.mod_subscribe button[type="submit"]:after {
font: 1.6em/1 "RockSolid Icons";
content: "\e0ce";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
position: relative;
display: block;
}
/* ===========================================
* Form styles
* ======================================== */
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
clear: both;
}
form .widget {
clear: both;
position: relative;
margin: 1.33333em 0;
}
form p b.error,
form p.error {
display: block;
margin: 0;
color: #e52f2f;
}
form input,
form textarea {
padding: 0.8em 1em;
line-height: normal;
border: 1px solid #e0e0e0;
outline: none;
color: inherit;
/* background: #f9f9f9; */
background: #ffffff;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
transition: border 0.2s;
}
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
/* multiple rules, because user agents are required to ignore a rule with an unknown selector */
color: #5a5d63;
}
form input:-moz-placeholder,
form textarea:-moz-placeholder {
color: #5a5d63;
}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
color: #5a5d63;
}
form input::placeholder,
form textarea::placeholder {
color: #5a5d63;
}
form input:hover,
form textarea:hover {
border-color: #9f1438;
}
form input:focus,
form textarea:focus {
border-color: #9f1438;
}
form textarea {
height: 200px;
resize: vertical;
line-height: 1.5;
}
form fieldset {
margin: 1.33333em 0;
border: 1px solid #c2c6cc;
}
form fieldset legend {
padding: 0 0.33333em;
}
form fieldset + br {
/* Kill
that Contao injects */
display: none;
}
form input[type="checkbox"],
form input[type="radio"],
form input[type="image"] {
width: auto !important;
height: auto !important;
margin: 0;
padding: 0;
border: 0;
}
form input[type="checkbox"] {
vertical-align: middle;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
form input[type="radio"] {
vertical-align: middle;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
background: none;
}
form .valid input,
form .valid textarea {
border-color: #75bb3c;
}
form .invalid input,
form .invalid textarea,
form input.error,
form textarea.error {
border-color: #e52f2f;
}
form input[type="file"] {
height: auto;
padding: 0;
border: 0;
/* IE8 and IE9 */
/* border: 1px solid #e0e0e0 \0/;
font-size: 0.8em;
background: none;
box-shadow: none; */
}
/*
form button,
form input[type="submit"] {
margin-top: 1.33333em;
} */
/*
/* ----- mitglieds antrag sende button ( doppelt) *
.btn-02#ctrl_38 {
max-width: 400px;
margin-left: 0;
}
.btn-02#ctrl_38:hover,
.btn-02#ctrl_38:focus {
border: 1px solid #9f1438;
}
/* ----- mitglieds antrag - datum eingabe *
#ctrl_30.text.mandatory {
max-width: 200px;
letter-spacing:.04em;
background-color: aqua;
}
*/
.main-content form p b.error,
.main-content form p.error {
float: right;
width: 69.23077%;
margin-bottom: 0.66667em;
}
@media screen and (max-width: 599px) {
.main-content form p b.error,
.main-content form p.error {
float: none;
width: auto;
margin-left: 0;
}
}
.main-content form .widget p.error + input,
.main-content form .widget p.error + textarea,
.main-content form .widget p.error + select {
margin-left: 30.76923%;
}
@media screen and (max-width: 599px) {
.main-content form .widget p.error + input,
.main-content form .widget p.error + textarea,
.main-content form .widget p.error + select {
margin-left: 0;
}
}
/* .main-content form .explanation,
.main-content form .captcha_text {
/*width: 69.23077%;
margin-left: 30.76923%; *
} */
@media screen and (max-width: 599px) {
.main-content form .explanation,
.main-content form .captcha_text {
width: auto;
margin-left: 0;
}
}
.main-content form fieldset p b.error,
.main-content form fieldset p.error {
width: auto;
margin-left: 0;
}
.main-content form label {
display: inline-block;
width: 30.76923%;
}
@media screen and (max-width: 599px) {
.main-content form label {
display: block;
width: auto;
}
}
.main-content form label + input,
.main-content form label + textarea,
.main-content form label + select {
/* Kill space between label and element */
margin-left: -0.26667em;
}
@media screen and (max-width: 599px) {
.main-content form label + input,
.main-content form label + textarea,
.main-content form label + select {
margin-left: 0;
}
}
.main-content form input[type="checkbox"] + label {
display: inline;
width: auto;
margin-right: 0;
}
.main-content form textarea,
.main-content form fieldset,
.main-content form button,
.main-content form input[type="submit"] {
margin-left: 30.76923%;
}
@media screen and (max-width: 599px) {
.main-content form textarea,
.main-content form fieldset,
.main-content form button,
.main-content form input[type="submit"] {
margin-left: 0;
}
}
.main-content form fieldset p {
margin: 0;
}
.main-content form fieldset label {
display: inline;
width: auto;
margin: 0;
}
.main-content form fieldset label:after {
/* add line break after label */
content: "\A";
white-space: pre;
}
.main-content form input,
.main-content form textarea,
.main-content form select,
.main-content form fieldset,
.main-content form button {
/* width: 69.23077%; */
width: 100%;
/* For rounding failures */
margin-right: -0.66667em;
}
@media screen and (max-width: 599px) {
.main-content form input,
.main-content form textarea,
.main-content form select,
.main-content form fieldset,
.main-content form button {
width: 100%;
}
}
.main-content form input[type="checkbox"],
.main-content form input[type="radio"],
.main-content form input[type="image"] {
margin-right: 0;
}
/* erforderlich stern */
form span.mandatory {
margin-left: 0.13333em;
color: #e52f2f;
/* color: aqua; */
}
form .explanation,
form .captcha_text {
font-size: 0.8em;
margin: -1em 0 2em;
color: #5a5d63;
}
form .explanation p,
form .captcha_text p {
margin: 0 !important;
}
form .captcha_text {
float: left;
margin-top: 0.8em;
font-size: inherit;
color: #1e2022;
}
form .styled_select {
font-size: 1.06667em;
}
form label + .styled_select {
/* Kill space between label and element */
margin-left: -0.26667em;
}
form .widget-submit {
margin-top: 0.8em;
}
.sidebar form input,
.sidebar form textarea,
.sidebar form button {
width: 100%;
margin: 0;
}
.sidebar form label {
display: block;
margin-bottom: 0.33333em;
}
.sidebar form input[type="checkbox"],
.sidebar form input[type="radio"],
.sidebar form input[type="image"] {
width: auto;
height: auto;
}
/* tabulator */
.tab-01 {
width: 163px;
display: block;
float: left;
}
/* antragsform: erklärung */
.widget.widget-explanation.explanation {
font-size: 1em;
margin: 5px 0 10px 0;
float: left;
/* background-color: aqua; */
}
/* antragsform: button absenden *
/*button#ctrl_38.submit * {
font-size: 1em;
margin: 5px 0 10px 0; *
float: left;
/* background-color: aqua; *
}
/* antragsform: button absenden *
/* div.widget.widget-submit *
#ctrl_38.submit.btn-02 {
font-size: 3em;
margin: 5px 0 10px 0; *
float: left;
} */
/* ===========================================
* Content elements
* ======================================== */
.audio-subline {
margin-top: -13px;
padding-bottom: 0;
width: 98%;
font-size: 1.2em;
}
/* pos. produktbilder */
.cboxElement {
/* border: 4px solid #000000;
margin-top: 16px;*/
margin-top: 0!important;
}
.content-404 {
position: relative;
}
.content-404 h1 {
font-family: "SA_0220_41", sans-serif;
font-style: normal;
font-size: 1.6em;
color: #5a5d63;
text-align: center;
}
@media screen and (max-width: 599px) {
.main-content .content-404 h1 {
font-size: 1.28571em;
}
}
.content-404 h1 i {
display: block;
margin-bottom: 0.16em;
font-weight: bold;
font-style: normal;
font-size: 5.20833em;
line-height: 1;
}
.content-404 h1 b {
display: inline-block;
width: 2.5em;
height: 2.5em;
overflow: hidden;
margin: 0 0.08333em -0.55em;
border-radius: 100%;
font-family: "SA_0220_71", Arial, sans-serif;
font-weight: normal;
font-style: italic;
font-size: 0.48em;
color: #c5c6c8;
text-indent: -999px;
background: #ebebeb;
}
.content-404 h1 b:after {
content: "Oh!";
position: relative;
top: -0.2em;
display: block;
text-indent: 0;
}
.content-404 form {
position: relative;
margin: 0 auto;
}
.content-404 form input {
width: 69.23077%;
margin-left: 15.38462%;
padding-right: 3.33333em;
}
@media screen and (max-width: 599px) {
.main-content .content-404 form input {
width: 100%;
margin-left: 0;
}
}
.content-404 form button {
position: absolute;
top: -0.2em;
right: 15.38462%;
width: 3.53333em;
height: 3.53333em;
overflow: hidden;
margin: 0 0.33333em 0 0;
padding: 0;
white-space: nowrap;
background: none;
border: 0;
text-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 599px) {
.main-content .content-404 form button {
width: 3.53333em;
right: 0;
}
}
.content-404 form button:before {
font: 100%/1 "RockSolid Icons";
content: "\e0cb";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin: 0.6087em 0.65217em;
font-size: 1.53333em;
color: #1fa5d1;
}
.image-wrapper, .media > figure a,
.content-image > figure a,
.content-gallery figure a,
.image_container a {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.image-wrapper:before, .media > figure a:before,
.content-image > figure a:before,
.content-gallery figure a:before,
.image_container a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1e2022;
opacity: 0;
transform: translateZ(0);
transition: opacity 0.3s;
}
.image-wrapper:after, .media > figure a:after,
.content-image > figure a:after,
.content-gallery figure a:after,
.image_container a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: none;
width: 31px;
height: 31px;
margin: -15px;
background: linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat;
background-size: 100% 1px, 1px 100%;
}
.image-wrapper:hover:before, .media > figure a:hover:before,
.content-image > figure a:hover:before,
.content-gallery figure a:hover:before,
.image_container a:hover:before, .image-wrapper:focus:before, .media > figure a:focus:before,
.content-image > figure a:focus:before,
.content-gallery figure a:focus:before,
.image_container a:focus:before {
opacity: 0.6;
}
.image-wrapper:hover:after, .media > figure a:hover:after,
.content-image > figure a:hover:after,
.content-gallery figure a:hover:after,
.image_container a:hover:after, .image-wrapper:focus:after, .media > figure a:focus:after,
.content-image > figure a:focus:after,
.content-gallery figure a:focus:after,
.image_container a:focus:after {
display: block;
}
.media > figure,
.content-image > figure,
.content-gallery figure,
.image_container {
position: relative;
display: inline-block;
max-width: 100%;
}
.media > figure.float_below, .media > figure.float_above,
.content-image > figure.float_below,
.content-image > figure.float_above,
.content-gallery figure.float_below,
.content-gallery figure.float_above,
.image_container.float_below,
.image_container.float_above {
width: 100%;
margin: 0.8em 0 0;
}
/*.media > figure a:before, .media > figure a:after,
.content-image > figure a:before,
.content-image > figure a:after,
.content-gallery figure a:before,
.content-gallery figure a:after,
.image_container a:before,
.image_container a:after {
} */
.media > figure img,
.content-image > figure img,
.content-gallery figure img,
.image_container img {
display: block;
width: 100%;
height: auto;
}
.media > figure figcaption, .media > figure .caption,
.content-image > figure figcaption,
.content-image > figure .caption,
.content-gallery figure figcaption,
.content-gallery figure .caption,
.image_container figcaption,
.image_container .caption {
position: relative;
float: left;
width: auto !important;
max-width: 91.66667%;
margin-top: -1.69231em;
padding: 0.46154em 1em;
font-size: 0.86667em;
color: white;
background: #75bb3c;
background: rgba(117, 187, 60, 0.9);
}
.media--below {
display: flex;
flex-direction: column;
align-items: start;
}
.media--below > figure {
order: 1;
}
.media--right > figure,
.media--left > figure,
.image_container.float_right,
.image_container.float_left {
float: right;
margin: 1.53846% 0 3.84615% 7.69231%;
width: 46.15385% !important;
}
@media screen and (max-width: 599px) {
.media--right > figure,
.media--left > figure,
.image_container.float_right,
.image_container.float_left {
float: none !important;
margin-left: 0;
width: auto !important;
}
}
.luxe-fullwidth .media--right > figure, .luxe-fullwidth
.media--left > figure, .luxe-fullwidth
.image_container.float_right, .luxe-fullwidth
.image_container.float_left {
margin: 0 0 2.17391% 4.34783%;
width: 39.13043% !important;
}
@media screen and (max-width: 900px) {
.luxe-fullwidth .media--right > figure, .luxe-fullwidth
.media--left > figure, .luxe-fullwidth
.image_container.float_right, .luxe-fullwidth
.image_container.float_left {
width: 46.15385%;
}
}
@media screen and (max-width: 599px) {
.luxe-fullwidth .media--right > figure, .luxe-fullwidth
.media--left > figure, .luxe-fullwidth
.image_container.float_right, .luxe-fullwidth
.image_container.float_left {
width: auto !important;
margin-left: 0;
}
}
.no-resize .media--right > figure, .luxe-fullwidth .no-resize .media--right > figure, .media--right > figure.no-resize, .luxe-fullwidth .media--right > figure.no-resize, .no-resize
.media--left > figure, .luxe-fullwidth .no-resize
.media--left > figure,
.media--left > figure.no-resize, .luxe-fullwidth
.media--left > figure.no-resize, .no-resize
.image_container.float_right, .luxe-fullwidth .no-resize
.image_container.float_right,
.image_container.float_right.no-resize, .luxe-fullwidth
.image_container.float_right.no-resize, .no-resize
.image_container.float_left, .luxe-fullwidth .no-resize
.image_container.float_left,
.image_container.float_left.no-resize, .luxe-fullwidth
.image_container.float_left.no-resize {
width: auto !important;
}
.media--left > figure,
.image_container.float_left {
float: left;
margin: 1.53846% 7.69231% 3.84615% 0;
}
@media screen and (max-width: 599px) {
.media--left > figure,
.image_container.float_left {
float: none !important;
margin-right: 0;
}
}
.luxe-fullwidth .media--left > figure, .luxe-fullwidth
.image_container.float_left {
margin: 0 4.34783% 2.17391% 0;
}
@media screen and (max-width: 599px) {
.luxe-fullwidth .media--left > figure, .luxe-fullwidth
.image_container.float_left {
margin-right: 0;
}
}
.no-resize .media:not(.media--left):not(.media--right) > figure img, .media:not(.media--left):not(.media--right) > figure.no-resize img, .no-resize
.image_container:not(.float_right):not(.float_left) img,
.image_container:not(.float_right):not(.float_left).no-resize img {
width: auto;
max-width: 100%;
}
.ce_youtube-wrapper,
.ce_vimeo-wrapper {
position: relative;
/* ratio 16 to 9 */
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed,
.ce_vimeo-wrapper iframe,
.ce_vimeo-wrapper object,
.ce_vimeo-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs__video:not(.mejs__container-fullscreen),
.mejs__audio:not(.mejs__container-fullscreen) {
margin: 1.33333em 0;
}
.mejs__video:not(.mejs__container-fullscreen) video,
.mejs__audio:not(.mejs__container-fullscreen) video {
object-fit: cover;
}
.mejs__video button,
.mejs__audio button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius: 0;
box-shadow: none !important;
}
.mejs__video button:hover,
.mejs__video button:focus,
.mejs__audio button:hover,
.mejs__audio button:focus {
background-color: transparent;
}
.content-player video,
.content-player audio,
.video_container video,
.audio_container audio {
display: block;
width: 98%;
}
.content-player video,
.video_container video {
height: auto;
}
.content-player iframe,
.content-youtube iframe,
.content-vimeo iframe,
.video_container iframe {
border: 0;
}
.content-player .aspect,
.content-player .responsive,
.content-youtube .aspect,
.content-youtube .responsive,
.content-vimeo .aspect,
.content-vimeo .responsive,
.video_container .aspect,
.video_container .responsive {
position: relative;
padding-bottom: 56.25%;
}
.content-player .aspect.aspect--16\:9, .content-player .aspect.ratio-169,
.content-player .responsive.aspect--16\:9,
.content-player .responsive.ratio-169,
.content-youtube .aspect.aspect--16\:9,
.content-youtube .aspect.ratio-169,
.content-youtube .responsive.aspect--16\:9,
.content-youtube .responsive.ratio-169,
.content-vimeo .aspect.aspect--16\:9,
.content-vimeo .aspect.ratio-169,
.content-vimeo .responsive.aspect--16\:9,
.content-vimeo .responsive.ratio-169,
.video_container .aspect.aspect--16\:9,
.video_container .aspect.ratio-169,
.video_container .responsive.aspect--16\:9,
.video_container .responsive.ratio-169 {
padding-bottom: 56.25%;
}
.content-player .aspect.aspect--16\:10, .content-player .aspect.ratio-1610,
.content-player .responsive.aspect--16\:10,
.content-player .responsive.ratio-1610,
.content-youtube .aspect.aspect--16\:10,
.content-youtube .aspect.ratio-1610,
.content-youtube .responsive.aspect--16\:10,
.content-youtube .responsive.ratio-1610,
.content-vimeo .aspect.aspect--16\:10,
.content-vimeo .aspect.ratio-1610,
.content-vimeo .responsive.aspect--16\:10,
.content-vimeo .responsive.ratio-1610,
.video_container .aspect.aspect--16\:10,
.video_container .aspect.ratio-1610,
.video_container .responsive.aspect--16\:10,
.video_container .responsive.ratio-1610 {
padding-bottom: 62.5%;
}
.content-player .aspect.aspect--21\:9, .content-player .aspect.ratio-219,
.content-player .responsive.aspect--21\:9,
.content-player .responsive.ratio-219,
.content-youtube .aspect.aspect--21\:9,
.content-youtube .aspect.ratio-219,
.content-youtube .responsive.aspect--21\:9,
.content-youtube .responsive.ratio-219,
.content-vimeo .aspect.aspect--21\:9,
.content-vimeo .aspect.ratio-219,
.content-vimeo .responsive.aspect--21\:9,
.content-vimeo .responsive.ratio-219,
.video_container .aspect.aspect--21\:9,
.video_container .aspect.ratio-219,
.video_container .responsive.aspect--21\:9,
.video_container .responsive.ratio-219 {
padding-bottom: 42.85714%;
}
.content-player .aspect.aspect--4\:3, .content-player .aspect.ratio-43,
.content-player .responsive.aspect--4\:3,
.content-player .responsive.ratio-43,
.content-youtube .aspect.aspect--4\:3,
.content-youtube .aspect.ratio-43,
.content-youtube .responsive.aspect--4\:3,
.content-youtube .responsive.ratio-43,
.content-vimeo .aspect.aspect--4\:3,
.content-vimeo .aspect.ratio-43,
.content-vimeo .responsive.aspect--4\:3,
.content-vimeo .responsive.ratio-43,
.video_container .aspect.aspect--4\:3,
.video_container .aspect.ratio-43,
.video_container .responsive.aspect--4\:3,
.video_container .responsive.ratio-43 {
padding-bottom: 75%;
}
.content-player .aspect.aspect--3\:2, .content-player .aspect.ratio-32,
.content-player .responsive.aspect--3\:2,
.content-player .responsive.ratio-32,
.content-youtube .aspect.aspect--3\:2,
.content-youtube .aspect.ratio-32,
.content-youtube .responsive.aspect--3\:2,
.content-youtube .responsive.ratio-32,
.content-vimeo .aspect.aspect--3\:2,
.content-vimeo .aspect.ratio-32,
.content-vimeo .responsive.aspect--3\:2,
.content-vimeo .responsive.ratio-32,
.video_container .aspect.aspect--3\:2,
.video_container .aspect.ratio-32,
.video_container .responsive.aspect--3\:2,
.video_container .responsive.ratio-32 {
padding-bottom: 66.66667%;
}
.content-player .aspect iframe,
.content-player .aspect [data-splash-screen],
.content-player .aspect img,
.content-player .responsive iframe,
.content-player .responsive [data-splash-screen],
.content-player .responsive img,
.content-youtube .aspect iframe,
.content-youtube .aspect [data-splash-screen],
.content-youtube .aspect img,
.content-youtube .responsive iframe,
.content-youtube .responsive [data-splash-screen],
.content-youtube .responsive img,
.content-vimeo .aspect iframe,
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .aspect img,
.content-vimeo .responsive iframe,
.content-vimeo .responsive [data-splash-screen],
.content-vimeo .responsive img,
.video_container .aspect iframe,
.video_container .aspect [data-splash-screen],
.video_container .aspect img,
.video_container .responsive iframe,
.video_container .responsive [data-splash-screen],
.video_container .responsive img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.content-player .aspect [data-splash-screen],
.content-player .responsive [data-splash-screen],
.content-youtube .aspect [data-splash-screen],
.content-youtube .responsive [data-splash-screen],
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .responsive [data-splash-screen],
.video_container .aspect [data-splash-screen],
.video_container .responsive [data-splash-screen] {
margin: 0;
color: inherit;
}
.content-player .aspect [data-splash-screen] p,
.content-player .responsive [data-splash-screen] p,
.content-youtube .aspect [data-splash-screen] p,
.content-youtube .responsive [data-splash-screen] p,
.content-vimeo .aspect [data-splash-screen] p,
.content-vimeo .responsive [data-splash-screen] p,
.video_container .aspect [data-splash-screen] p,
.video_container .responsive [data-splash-screen] p {
position: relative;
}
.content-gallery.content-gallery--cols-1 > ul > li,
.content-gallery > ul.cols_1 > li,
.ce_gallery.content-gallery--cols-1 > ul > li,
.ce_gallery > ul.cols_1 > li {
width: 97%;
}
.content-gallery.content-gallery--cols-2 > ul > li,
.content-gallery > ul.cols_2 > li,
.ce_gallery.content-gallery--cols-2 > ul > li,
.ce_gallery > ul.cols_2 > li {
width: 47.75%;
}
.content-gallery.content-gallery--cols-3 > ul > li,
.content-gallery > ul.cols_3 > li,
.ce_gallery.content-gallery--cols-3 > ul > li,
.ce_gallery > ul.cols_3 > li {
width: 31.33333%;
}
.content-gallery.content-gallery--cols-4 > ul > li,
.content-gallery > ul.cols_4 > li,
.ce_gallery.content-gallery--cols-4 > ul > li,
.ce_gallery > ul.cols_4 > li {
width: 23.125%;
}
.content-gallery.content-gallery--cols-5 > ul > li,
.content-gallery > ul.cols_5 > li,
.ce_gallery.content-gallery--cols-5 > ul > li,
.ce_gallery > ul.cols_5 > li {
width: 18.2%;
}
.content-gallery.content-gallery--cols-6 > ul > li,
.content-gallery > ul.cols_6 > li,
.ce_gallery.content-gallery--cols-6 > ul > li,
.ce_gallery > ul.cols_6 > li {
width: 14.91667%;
}
.content-gallery.content-gallery--cols-7 > ul > li,
.content-gallery > ul.cols_7 > li,
.ce_gallery.content-gallery--cols-7 > ul > li,
.ce_gallery > ul.cols_7 > li {
width: 12.57143%;
}
.content-gallery.content-gallery--cols-8 > ul > li,
.content-gallery > ul.cols_8 > li,
.ce_gallery.content-gallery--cols-8 > ul > li,
.ce_gallery > ul.cols_8 > li {
width: 10.8125%;
}
.content-gallery.content-gallery--cols-9 > ul > li,
.content-gallery > ul.cols_9 > li,
.ce_gallery.content-gallery--cols-9 > ul > li,
.ce_gallery > ul.cols_9 > li {
width: 9.44444%;
}
.content-gallery.content-gallery--cols-10 > ul > li,
.content-gallery > ul.cols_10 > li,
.ce_gallery.content-gallery--cols-10 > ul > li,
.ce_gallery > ul.cols_10 > li {
width: 8.35%;
}
.content-gallery.content-gallery--cols-11 > ul > li,
.content-gallery > ul.cols_11 > li,
.ce_gallery.content-gallery--cols-11 > ul > li,
.ce_gallery > ul.cols_11 > li {
width: 7.45455%;
}
.content-gallery.content-gallery--cols-12 > ul > li,
.content-gallery > ul.cols_12 > li,
.ce_gallery.content-gallery--cols-12 > ul > li,
.ce_gallery > ul.cols_12 > li {
width: 6.70833%;
}
@media screen and (max-width: 599px) {
/*.content-gallery,
.ce_gallery {
/* doubled class for specificity *
} */
.content-gallery.content-gallery > ul > li, .content-gallery.ce_gallery > ul > li,
.ce_gallery.content-gallery > ul > li,
.ce_gallery.ce_gallery > ul > li {
width: auto;
}
}
.content-gallery.no-resize > ul > li,
.ce_gallery.no-resize > ul > li {
width: auto;
}
.content-gallery > ul,
.ce_gallery > ul {
zoom: 1;
display: flex;
flex-wrap: wrap;
margin: 0 -1.545% !important;
padding: 0 0 1.545% 0 !important;
list-style: none !important;
}
.content-gallery > ul:before,
.ce_gallery > ul:before {
content: "";
display: table;
}
.content-gallery > ul:after,
.ce_gallery > ul:after {
content: "";
display: table;
clear: both;
}
.content-gallery > ul > li,
.ce_gallery > ul > li {
float: left;
width: 23.125%;
margin: 1.5% 0 0 1.5%;
}
@media screen and (max-width: 599px) {
.content-gallery > ul > li,
.ce_gallery > ul > li {
margin-right: 1.5%;
margin-bottom: 1.5%;
}
}
.content-gallery > ul > li > figure,
.content-gallery > ul > li > .image_container,
.ce_gallery > ul > li > figure,
.ce_gallery > ul > li > .image_container {
display: block;
width: 100%;
}
.content-gallery img,
.ce_gallery img {
width: 100%;
height: auto;
}
.main-content .ce_imageslider img {
max-width: none;
}
.content-downloads,
.enclosure,
.ce_downloads {
position: relative;
margin: 2.66667em 0;
padding: 1.33333em 7.69231%;
border: 1px solid #e5e5e5;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
.luxe-fullwidth .content-downloads, .luxe-fullwidth
.enclosure, .luxe-fullwidth
.ce_downloads {
padding: 1.33333em 4.34783%;
}
.content-downloads p, .content-downloads h3, .content-downloads h4, .content-downloads h5, .content-downloads h6,
.enclosure p,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.ce_downloads p,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6 {
margin: 0.4em 0 !important;
}
.content-downloads h1, .content-downloads h2, .content-downloads h3, .main-content .content-downloads h1, .main-content .content-downloads h2, .main-content .content-downloads h3,
.enclosure h1,
.enclosure h2,
.enclosure h3, .main-content
.enclosure h1, .main-content
.enclosure h2, .main-content
.enclosure h3,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3, .main-content
.ce_downloads h1, .main-content
.ce_downloads h2, .main-content
.ce_downloads h3 {
margin: 0 0 0.83333em;
padding: 0 0 0.83333em;
border-bottom: 1px solid #e5e5e5;
font-family: "SA_0220_41", sans-serif;
font-size: 0.8em;
font-weight: bold;
font-style: normal;
letter-spacing: 0.08333em;
color: #5a5d63;
text-transform: uppercase;
}
.content-downloads ul, .main-content .content-downloads ul,
.enclosure ul, .main-content
.enclosure ul,
.ce_downloads ul, .main-content
.ce_downloads ul {
margin: 0;
padding: 0;
list-style: none;
}
.main-content .ce_imageslider img {
max-width: none;
}
.home-slider,
.main-image {
margin: 2.66667em 0;
}
@media screen and (max-width: 900px) {
.home-slider {
width: 115.38462%;
/*width: calc(115.38462% + var(--safe-area-right) + var(--safe-area-left));*/
margin-right: -7.69231%;
margin-right: calc(-7.69231% - var(--safe-area-right));
margin-left: -7.69231%;
margin-left: calc(-7.69231% - var(--safe-area-left));
}
}
@media screen and (max-width: 900px) {
.home-slider img {
margin-bottom: 1em;
}
}
.main-image img {
display: block;
width: 100%;
max-width: none !important;
height: auto;
}
.section-headline,
.featured-list > header,
.teaser-boxes > header,
.team-boxes > header {
display: inline-block;
width: 100%;
margin-bottom: 2em;
border-bottom: 1px solid #e5e5e5;
}
.section-headline h1,
.featured-list > header h1,
.teaser-boxes > header h1,
.team-boxes > header h1,
.section-headline h2,
.featured-list > header h2,
.teaser-boxes > header h2,
.team-boxes > header h2,
.section-headline h3,
.featured-list > header h3,
.teaser-boxes > header h3,
.team-boxes > header h3 {
float: left;
margin: 0 0.83333em -0.16667em 0;
padding: 0.25em 0 0.66667em;
border-bottom: 3px solid #999999;
font-family: "SA_0220_71", sans-serif;
font-size: .8em;
font-weight: bold;
font-style: normal;
color: #5a5d63;
letter-spacing: 0.08333em;
text-transform: uppercase;
}
.section-headline a,
.featured-list > header a,
.teaser-boxes > header a,
.team-boxes > header a {
float: right;
font-size: 0.86667em;
}
.section-headline a:after,
.featured-list > header a:after,
.teaser-boxes > header a:after,
.team-boxes > header a:after {
font: 0.53846em/1 "RockSolid Icons";
content: "\e019";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.14286em;
margin-left: 1.42857em;
}
@media screen and (max-width: 599px) {
.featured-list {
float: none;
width: auto;
}
}
.featured-list.-left,
.featured-list.-right {
width: 46.15385%;
margin-bottom: 2.66667em;
}
.luxe-fullwidth .featured-list.-left,
.luxe-fullwidth .featured-list.-right {
width: 47.82609%;
}
.featured-list.-left {
float: left;
}
.featured-list.-right {
float: right;
}
.featured-list > header {
margin: 0.66667em 0 0.4em;
}
.featured-list ul {
padding-left: 2.15385em;
list-style: none;
font-size: 0.86667em;
line-height: 1.61538;
}
.featured-list li {
position: relative;
margin: 0.30769em 0;
}
.featured-list li:before {
font: 100%/1 "RockSolid Icons";
content: "\e019";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: absolute;
top: 0.375em;
left: -3.5em;
box-sizing: border-box;
width: 2em;
height: 2em;
padding-top: 0.5em;
font-size: 0.61538em;
color: white;
text-align: center;
background: #75bb3c;
}
.icon-boxes {
position: relative;
overflow: hidden;
clear: both;
padding: 1.6em 0.66667em;
margin: 1.06667em -0.66667em;
letter-spacing: -0.3em;
}
@media screen and (max-width: 599px) {
.icon-boxes {
margin-right: 0;
margin-left: 0;
}
.icon-boxes:after {
right: 0;
left: 0;
}
.icon-boxes .box {
width: 100%;
}
}
.icon-boxes.-highlight {
padding-top: 2.66667em;
border-top: 1px solid #e5e5e5;
}
.icon-boxes.-highlight:before {
content: "";
position: absolute;
top: -50px;
left: 0;
z-index: -1;
width: 100%;
height: 50px;
border-radius: 100%;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.icon-boxes-item {
position: relative;
display: inline-block;
font-size: 0.86667em;
letter-spacing: normal;
color: #5a5d63;
text-decoration: none;
vertical-align: top;
}
.icon-boxes-item:nth-child(3n+1):before {
transition-delay: 0.3s, 0.3s;
}
.icon-boxes-item:nth-child(3n+2):before {
transition-delay: 0.6s, 0.6s;
}
.icon-boxes-item:nth-child(3n+3):before {
transition-delay: 0.9s, 0.9s;
}
.icon-boxes-item:nth-child(3n+4):before {
transition-delay: 1.2s, 1.2s;
}
.icon-boxes-item:hover,
.icon-boxes-item:focus {
text-decoration: none;
}
.icon-boxes-item:before {
box-sizing: border-box;
width: 1.66667em;
height: 1.66667em;
padding-top: 0.33333em;
border-radius: 100%;
font-size: 1.84615em;
color: white;
text-align: center;
background: #75bb3c;
transition-property: opacity, transform, color, background;
transition-duration: 0.2s, 0.2s, 0.2s, 0.1s;
}
.not-in-view > .icon-boxes-item:before,
.does-repeat.not-in-view > .icon-boxes-item:before,
.does-repeat .not-in-view > .icon-boxes-item:before {
opacity: 0;
transform: translate(0, -30px);
}
.does-repeat.in-view > .icon-boxes-item:before,
.does-repeat .in-view > .icon-boxes-item:before,
.has-shown > .icon-boxes-item:before {
opacity: 1;
transform: translate(0, 0);
}
.icon-boxes-item:hover:before,
.icon-boxes-item:focus:before {
color: #75bb3c;
background: transparent;
transition-delay: 0s, 0s;
}
.icon-boxes-item h3 {
font-family: "SA_0220_41", sans-serif;
font-style: normal;
font-size: 1.61538em;
color: #5a5d63;
}
.icon-boxes-item p {
line-height: 1.84615;
}
.teaser-boxes,
.team-boxes {
margin: 2.66667em 0;
zoom: 1;
}
.teaser-boxes:before,
.team-boxes:before {
content: "";
display: table;
}
.teaser-boxes:after,
.team-boxes:after {
content: "";
display: table;
clear: both;
}
.teaser-boxes-item,
.team-boxes-item {
font-size: 0.86667em;
color: #5a5d63;
text-decoration: none;
}
.teaser-boxes-item:hover,
.team-boxes-item:hover {
text-decoration: none;
}
.teaser-boxes-item h3,
.team-boxes-item h3 {
margin: 0 0 0.125em;
font: normal bold 1em/1.6 "SA_0220_41", sans-serif;
color: #5a5d63;
}
.teaser-boxes-item h4,
.team-boxes-item h4 {
margin: 0.72727em 0;
padding-bottom: 0.54545em;
border-bottom: 1px solid #e5e5e5;
font-size: 0.84615em;
}
/* ################################################################################################################## */
/* nicht verwendet */
/* teaser text */
.teaser-boxes-item p,
.team-boxes-item p {
margin: 0.15385em 0;
font-size: 1rem;
/* color: red; */
}
.teaser-boxes-item > a,
.team-boxes-item > a {
display: block;
}
.teaser-boxes-item .image-wrapper,
.team-boxes-item .image-wrapper,
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
margin-bottom: 1.125em;
}
.teaser-boxes-item img,
.team-boxes-item img {
display: block;
width: 100%;
height: auto;
margin-bottom: 1.125em;
}
@media screen and (max-width: 599px) {
.teaser-boxes-item img,
.team-boxes-item img {
max-width: 100%;
}
}
.teaser-boxes-item .image-wrapper img,
.team-boxes-item .image-wrapper img {
margin: 0;
}
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
display: block;
width: 100%;
padding-top: 56.25%;
background: #e5e5e5;
}
.team-boxes-item > ul {
margin: 0.61538em 0;
padding: 0;
border-top: 1px solid #e5e5e5;
list-style-type: none;
}
.team-boxes-item > ul li {
display: inline;
}
.team-boxes-item > ul a {
display: inline-block;
overflow: hidden;
padding: 0.61538em 0.30769em 0 1px;
outline: none;
line-height: 0;
letter-spacing: -1em;
text-indent: -99em;
text-decoration: none;
}
.team-boxes-item > ul a:before {
content: none;
}
.team-boxes-item > ul a:after {
font: 1.38462em/1 "RockSolid Icons";
content: attr(data-icon);
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
position: relative;
display: block;
letter-spacing: 0;
color: #c2c6cc !important;
}
.team-boxes-item > ul a:hover:after,
.team-boxes-item > ul a:focus:after {
color: inherit !important;
}
.feature-box {
display: inline-block;
width: 100%;
margin: 0.8em 0;
}
.feature-box h2 {
margin-bottom: 0;
font-size: 1.6em;
line-height: 1.5;
color: #5a5d63;
}
.feature-box h2 + p {
margin-top: 1.2em;
}
.feature-box.-left .feature-box-text {
float: right;
}
@media screen and (max-width: 599px) {
.feature-box.-left .feature-box-text {
float: none;
}
}
.feature-box.-left .feature-box-image {
float: left;
}
@media screen and (max-width: 599px) {
.feature-box.-left .feature-box-image {
float: none;
}
}
.feature-box.-fade.not-in-view {
opacity: 0;
}
.feature-box.-fade.in-view {
transition: opacity 2s;
opacity: 1;
}
.feature-box.-move.not-in-view .feature-box-text {
transform: translate(-20%, 0);
}
.feature-box.-move.not-in-view .feature-box-image {
transform: translate(20%, 0);
}
.feature-box.-move.-left.not-in-view .feature-box-text {
transform: translate(20%, 0);
}
.feature-box.-move.-left.not-in-view .feature-box-image {
transform: translate(-20%, 0);
}
.feature-box.-move.in-view.in-view .feature-box-text,
.feature-box.-move.in-view.in-view .feature-box-image {
/* Doubled class to get needed specificity */
transition: transform 0.3s;
transform: translate(0, 0);
}
.feature-box-text,
.feature-box-image {
width: 46.15385%;
}
@media screen and (max-width: 599px) {
.feature-box-text,
.feature-box-image {
float: none;
width: auto;
}
}
.luxe-fullwidth .feature-box-text,
.luxe-fullwidth .feature-box-image {
width: 47.82609%;
}
@media screen and (max-width: 599px) {
.luxe-fullwidth .feature-box-text,
.luxe-fullwidth .feature-box-image {
float: none;
width: auto;
}
}
.feature-box-image {
float: right;
margin-bottom: 2.4em;
}
@media screen and (max-width: 599px) {
.feature-box-image {
float: none;
}
}
.highlight-box {
position: relative;
margin: 4.8em 0 3.2em;
padding: 0 0 8em;
}
.highlight-box:before,
.highlight-box:after {
content: "";
position: absolute;
bottom: 4em;
width: 39.13043%;
border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 599px) {
.highlight-box:before,
.highlight-box:after {
width: 23.07692%;
}
}
.highlight-box:before {
left: 0;
}
.highlight-box:after {
right: 0;
}
.highlight-box h1,
.highlight-box h2,
.highlight-box h3 {
margin-top: 1em;
margin-bottom: 0.66667em;
text-align: center;
font-family: "SA_0220_41", sans-serif;
font-style: normal;
font-size: 1.6em;
color: #5a5d63;
}
.highlight-box a {
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 6.66667em;
height: 6.66667em;
margin: 0 -3.33333em;
font-style: italic;
font-size: 1.2em;
color: white;
text-align: center;
text-shadow: 0 1px 0 #5d9430;
}
.highlight-box a:hover {
text-decoration: none;
}
.highlight-box a:hover .highlight-box-link-label {
transform: perspective(750px) rotateX(180deg);
}
.highlight-box a:hover .highlight-box-link-icon {
transform: perspective(750px) rotateX(360deg);
}
.highlight-box .highlight-box-link-label,
.highlight-box .highlight-box-link-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1.66667em 0.83333em 0;
border-radius: 100%;
background: #75bb3c;
transition: transform 0.3s;
backface-visibility: hidden;
transform: perspective(750px);
}
.highlight-box .highlight-box-link-icon {
transform: perspective(750px) rotateX(180deg);
}
.highlight-box .highlight-box-link-icon:before {
top: 0.10417em;
margin-right: 0;
font-size: 2.66667em;
}
.highlight-headline h1,
.highlight-headline h2,
.highlight-headline h3 {
color: #5a5d63;
text-align: center;
line-height: 1.5;
}
.highlight-headline h1 {
margin-bottom: 1.28571em;
font-size: 1.86667em;
}
.highlight-headline h2 {
margin-bottom: 1.5em;
font-size: 1.6em;
}
.highlight-headline h3 {
margin-bottom: 1.71429em;
font-size: 1.4em;
}
.testimonial,
.main-content .testimonial {
font-size: 1.2em;
}
.testimonial:before,
.main-content .testimonial:before {
content: none;
}
.testimonial > p,
.main-content .testimonial > p {
position: relative;
padding: 1.11111em;
border: 1px solid #c2c6cc;
}
.testimonial > p:before,
.testimonial > p:after,
.main-content .testimonial > p:before,
.main-content .testimonial > p:after {
content: "";
position: absolute;
right: 29px;
bottom: -32px;
width: 0;
height: 0;
border-color: #b4b9c0 transparent transparent transparent;
border-style: solid;
border-width: 32px 32px 0 0;
}
@media screen and (max-width: 599px) {
.testimonial > p:before,
.testimonial > p:after,
.main-content .testimonial > p:before,
.main-content .testimonial > p:after {
content: none;
}
}
.testimonial > p:after,
.main-content .testimonial > p:after {
right: 30px;
bottom: -30px;
border-color: #ffffff transparent transparent transparent;
border-width: 30px 30px 0 0;
}
.testimonial-author,
.testimonial .testimonial-author {
font-size: 0.86667em;
}
@media screen and (max-width: 599px) {
.testimonial-author,
.testimonial .testimonial-author {
font-size: 1.06667em;
}
}
.testimonial-author img,
.testimonial .testimonial-author img {
float: left;
margin-left: 1.53846em;
border-radius: 100%;
}
@media screen and (max-width: 599px) {
.testimonial-author img,
.testimonial .testimonial-author img {
margin-left: 0;
}
}
.testimonial-author > small,
.testimonial .testimonial-author > small {
margin: 0.46154em 0 2em 1.53846em;
}
.testimonial-author > img + small,
.testimonial-author > picture + small,
.testimonial .testimonial-author > img + small,
.testimonial .testimonial-author > picture + small {
margin: 1.07692em 0 0 0.76923em;
}
.testimonial-author small,
.testimonial .testimonial-author small {
float: left;
}
.testimonial-author small:before,
.testimonial .testimonial-author small:before {
content: none;
}
.testimonial-author small a:after,
.testimonial .testimonial-author small a:after {
content: none;
}
.contact-box-map {
position: relative;
/* Fixes bug in iOS with too small maps */
min-height: 280px;
padding-bottom: 56.25%;
}
.contact-box-map > a,
.contact-box-map > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.contact-box-map > a {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #e5e3df;
}
.contact-box > ul {
padding: 0;
list-style-type: none;
}
.contact-box-address,
.contact-box-hours,
.contact-box-phone,
.contact-box-fax,
.contact-box-email {
position: relative;
padding-left: 1.53846em;
}
.contact-box-address:before,
.contact-box-hours:before,
.contact-box-phone:before,
.contact-box-fax:before,
.contact-box-email:before {
font: 0.92308em/1 "RockSolid Icons";
content: "\e0d3";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: absolute;
top: 0.33333em;
left: 0;
color: #ffffff;
}
.contact-box-hours:before {
content: "\e049";
}
.contact-box-phone:before {
content: "\e0e6";
}
.contact-box-fax:before {
content: "\e078";
}
.contact-box-email:before {
content: "\e0cd";
}
/* ===========================================
* Footer styles
* ======================================== */
/* zeile kontakt aufnehmen */
.mod_form.block h3 {
width: auto;
margin: 0 0 12px 35px;
letter-spacing: 0.06em;
/* background-color: darkgreen; */
}
/* kontaktformular */
/* 1 bis 3 neu aber unklar
#ctrl_1.text.mandatory {
padding: 8px 10px;
width: 93%;
margin: -40px 0 -10px 35px;
background-color: #984143;
}
#ctrl_2.text.mandatory {
padding: 8px 10px;
width: 93%;
margin: -40px 0 -10px 35px;
background-color: #984143;
}
#ctrl_3.textarea.mandatory {
padding: 8px 10px;
width: 93%;
margin: -5px 0 -10px 35px;
background-color: #984143;
}
*/
/* Footer-Formular */
#ctrl_13.text.mandatory {
padding: 8px 10px;
width: 90%;
margin: -40px 0 -10px 35px;
letter-spacing: .03rem;
font-size: 0.9rem!important;
background-color: #8F1228;
}
#ctrl_14.text.mandatory {
padding: 8px 10px;
width: 90%;
margin: -10px 0 -10px 35px;
letter-spacing: .03rem;
font-size: 0.9rem!important;
background-color: #8F1228;
}
#ctrl_15.textarea.mandatory {
padding: 8px 10px;
width: 90%;
margin: -5px 0 -10px 35px;
letter-spacing: .03rem;
font-size: 0.9rem!important;
background-color: #8F1228;
height: 100px;
}
#ctrl_16.submit {
width: auto;
font-weight: bold;
letter-spacing: .05em;
color: #EACECE;
font-size: 1.1em!important;
margin-left: 35px;
margin-top: 5px;
border: 0;
padding: 7px 15px 6px 15px;
/* border: 1px solid #6C001B; */
background: #A0474A;
background: #CD0000;
background: #C43D3D;
}
#ctrl_16:hover {
color: #fff;
padding: 6px 14px 5px 14px;
border: 1px solid #fff;
background: #7D1438;
}
/*
#ctrl_38 {
width: auto;
font-weight: bold;
color: #fff;
letter-spacing: .04em;
padding: 12px 20px;
font-size: .95em!important;
background: linear-gradient(#AFAFAF, #B4B4B4 50%, #CFCFCF);
}
#ctrl_38:hover {
color: #fff;
letter-spacing: .04em;
background: #BE485C;
}
*/
/*
#ctrl_70.submit {
font-weight: bold;
color: #BE485C;
margin-left: 25px;
margin-top: 0;
padding: 7px 20px;
padding: 0.8em 1.3em;
padding: 12px 15px 11px 15px;
padding: 12px 20px;
/* font-size: .95em!important; *
background-color: #000;
background-color: #EACECE!important;
background-color: #000!important;
} */
input#ctrl_67.text.mandatory,
input#ctrl_68.text.mandatory,
textarea#ctrl_69.textarea.mandatory {
color: #fff;
font-size: 1.2em!important;
}
/* Kontaktformular
mehrere Regeln, da Benutzeragenten eine Regel mit unbekanntem Selektor ignorieren müssen */
#ctrl_13::-webkit-input-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_13::-moz-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_13::-ms-input-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_13::placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_14::-webkit-input-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_14::-moz-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_14::-ms-input-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_14::placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_15::-webkit-input-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_15::-moz-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_15::-ms-input-placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
#ctrl_15::placeholder {
letter-spacing: .03rem;
color: #F8F8F8!important;
}
/* -------- mod_pageimage (Standard) > Seitenbild < ------------
background-color: aquamarine;
*/
.mod_pageimage.mod-001.block {
background-color: none;
padding-bottom: 0!important;
margin-bottom: 0!important;
}
/* -------- Spaltenumschlag < ------------ */
.spu-001 {
margin-top: 1.5rem;
}
/* -------------------- */
/*.page-wrapperfooter.page-footer { /* ← nicht löschen !!! / } */
.page-footer {
background-color: #A5062C;
/* background-color: #810023!important; */
/* padding-bottom: var(--safe-area-bottom); */
}
.page-footer-inner {
zoom: 1;
padding-top: 3%;
font-size: 0.86667em;
color: #ffffff;
background-color: #A5062C;
/*collapse white-space between inline-block elements;*/
letter-spacing: -0.3em;
}
.page-footer-inner:before {
content: "";
display: table;
}
.page-footer-inner:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 900px) {
.page-footer-inner {
margin-top: 0;
}
}
.page-footer-inner h1,
.page-footer-inner h2,
.page-footer-inner h3 {
margin: 0 0 1.66667em;
padding: 0 0 0.41667em;
border-bottom: 1px solid #ffffff; /*rgba(255,255,255,.30);*/
font-size: 0.92308em;
color: #ffffff;
text-transform: uppercase;
}
.page-footer-inner ul {
padding: 0;
list-style: none;
}
.page-footer-inner a {
color: #ffffff;
text-decoration: none;
letter-spacing: 0.04em;
}
.page-footer-inner a:hover,
.page-footer-inner a:focus {
text-decoration: underline;
}
/*
.page-footer-inner form label {
position: absolute;
left: 1.30769em;
left: 3rem;
top: 1.15385em;
top: .15rem;
letter-spacing: 3px;
color: #c07f91;
/* color: #fff; /
} */
.page-footer-inner form .error + label {
top: 2.76923em;
}
.page-footer-inner form input,
.page-footer-inner form textarea {
width: 81.81818%;
padding: 1.15385em 1.15385em 1em;
border-color: #72001f transparent #b40031;
background: #810023;
background: linear-gradient(#72001f, #b40031) 0 0/1px 100% no-repeat, linear-gradient(#72001f, #b40031) 100% 0/1px 100% no-repeat, linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #810023;
background-origin: border-box, border-box;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 900px) {
.page-footer-inner form input,
.page-footer-inner form textarea {
width: 100%;
}
}
.page-footer-inner form input:focus,
.page-footer-inner form textarea:focus {
border-color: #7b5d2f;
}
.page-footer-inner form button,
.page-footer-inner form input[type="submit"] {
font-size: 1.15385em;
padding-right: 2.66667em;
padding-left: 2.66667em;
}
.footer-column {
display: inline-block;
width: 20%;
margin: 0 0 4% 4%;
letter-spacing: 0.08em;
vertical-align: top;
}
.footer-column.-large {
width: 44%;
}
@media screen and (max-width: 900px) {
.footer-column,
.footer-column-1,
.footer-column.-large {
width: 40%;
margin-left: 6.66667%;
}
}
@media screen and (max-width: 599px) {
.footer-column,
.footer-column-1,
.footer-column.-large {
display: block;
width: auto;
margin-top: 10%;
margin-right: 6.66667%;
}
}
.footer-map {
/* display: block; */
display: none;
margin: 0 -3px;
border: 3px solid #5a5d63;
border-radius: 3px;
}
.footer-map:hover,
.footer-map:focus {
border-color: #1e2022;
}
.footer-map:after {
content: none !important;
}
.footer-map img {
display: block;
width: 100%;
height: auto;
}
/* ----- ergänzung ----- */
p.footer-address {
color: #ffffff;
font-size: 1em;
letter-spacing: 0.04em;
width: 100%;
}
.footer-address,
.footer-hours,
.footer-phone,
.footer-fax,
.footer-email {
position: relative;
padding-left: 1.8em;
letter-spacing: 0.04em;
}
.footer-address:before,
.footer-hours:before,
.footer-phone:before,
.footer-fax:before,
.footer-email:before {
/*font: 0.92308em/1 "RockSolid Icons";*/
font: 1em/1 "RockSolid Icons";
content: "\e0d3";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: absolute;
top: 0.33333em;
left: 0;
color: #ffffff;
}
.footer-hours:before {
content: "\e049";
}
.footer-phone:before {
content: "\e0e6";
}
.footer-fax:before {
content: "\e078";
}
.footer-email:before {
content: "\e0cd";
}
.footer-link-list {
margin: -0.76923em 0 1em;
}
.footer-link-list a {
display: block;
padding: 0.76923em 0;
border-top: 1px dotted #c2c6cc;
}
.footer-link-list a:before {
font: 0.46154em/1 "RockSolid Icons";
content: "\e019";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.33333em;
margin-right: 0.83333em;
}
.footer-link-list > li:first-child > a {
border-top: 0;
}
.page-footer .mod_newslist article {
border-bottom: 0;
}
.page-footer .mod_newslist .news-boxes-item {
font-size: 1em;
}
.page-footer .mod_newslist .news-boxes-item .news-boxes-item-info {
margin-top: 1.92308em;
color: #ffffff;
}
.page-footer .mod_newslist .news-boxes-item h4 {
margin: 0 0 0.46154em;
line-height: 1.38462;
}
.page-footer .mod_newslist .news-boxes-item h4 > a {
color: #ffffff;
}
.footer-navigation {
zoom: 1;
clear: both;
margin: 0 4%;
padding: 1em 0 1.53846em;
border-top: 1px solid #ffffff;
letter-spacing: .02em;
}
.footer-navigation:before {
content: "";
display: table;
}
.footer-navigation:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 900px) {
.footer-navigation {
margin: 0 6.66667%;
display: none;
}
}
.footer-navigation .social-links {
float: right;
margin: 0;
padding: 0;
font-size: 1.23077em;
display: none;
}
@media screen and (max-width: 599px) {
.footer-navigation .social-links {
float: none;
margin-left: -0.5em;
display: none;
}
}
.footer-navigation .social-links li {
display: inline;
}
.footer-navigation .social-links a {
display: inline-block;
width: 1.0625em;
overflow: hidden;
margin-left: 0.5em;
white-space: nowrap;
}
.footer-navigation .social-links a:hover,
.footer-navigation .social-links a:focus {
color: inherit;
}
/* .footer-info-links *
.ce_rsce_luxe_footer_box.footer-info-links */
.footer-column ce_rsce_luxe_footer_box.footer-info-links p {
display: inline;
}
/* .footer-info-links ul,
.footer-info-links li {
display: inline;
margin: 0;
padding: 0;
} *
/* li:after *
.footer-info-links li:before {
content: " | ";
margin: 0 6px;
} */
.footer-info {
display: block;
margin-right: 30px;
width: 90%;
}
@media screen and (max-width: 599px) {
.footer-info {
text-align: left;
clear: both;
}
}
.footer-info p {
display: inline;
color: #ffffff;
font-size: .98em;
letter-spacing: 0.04em;
line-height: 1;
}
/*
.footer-info .rocksolid-copyright {
color: #ffffff;
}
.footer-info .rocksolid-copyright:before {
content: "·";
display: inline-block;
margin: 0 0.38462em 0 0.15385em;
}
*/
/* ===========================================
* Slider styles
* ======================================== */
.rsts-skin-testimonials.rsts-main {
position: relative;
margin: 1.8em 0;
}
.rsts-skin-testimonials .rsts-header {
border-bottom: 1px solid #e5e5e5;
}
.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6 {
margin: 0;
padding: 0.14286em 0 0.64286em;
font-size: 0.93333em;
font-weight: 600;
color: #5a5d63;
letter-spacing: 0.07143em;
text-transform: uppercase;
}
.rsts-skin-testimonials .rsts-prev,
.rsts-skin-testimonials .rsts-next {
position: absolute;
top: -0.33333em;
left: 0;
overflow: hidden;
text-indent: -99em;
line-height: 0;
}
.rsts-skin-testimonials .rsts-prev:hover,
.rsts-skin-testimonials .rsts-next:hover {
text-decoration: none;
}
.sidebar .rsts-skin-testimonials .rsts-prev,
.sidebar .rsts-skin-testimonials .rsts-next {
bottom: 0.4em;
}
.rsts-skin-testimonials .rsts-prev:after,
.rsts-skin-testimonials .rsts-next:after {
font: 0.66667em/1 "RockSolid Icons";
content: "\e018";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
position: relative;
display: block;
padding: 1em;
color: #c2c6cc;
}
.rsts-skin-testimonials .rsts-next {
left: 2.06667em;
}
.rsts-skin-testimonials .rsts-next:after {
content: "\e019";
}
.rsts-skin-testimonials .rsts-nav {
position: absolute;
right: -5px;
top: 2px;
line-height: 0;
}
.rsts-skin-testimonials .rsts-nav ul {
margin: 0;
padding: 0;
}
.rsts-skin-testimonials .rsts-nav li {
display: inline;
}
.rsts-skin-testimonials .rsts-nav a {
float: left;
width: 17px;
height: 17px;
overflow: hidden;
outline: none;
padding: 5px;
text-indent: -99em;
}
.rsts-skin-testimonials .rsts-nav a:after {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 100%;
background: #c2c6cc;
opacity: 0.8;
}
.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
opacity: 1;
width: 10px;
height: 10px;
margin: -1px;
}
.rsts-skin-testimonials .rsts-nav-prev,
.rsts-skin-testimonials .rsts-nav-next {
display: none !important;
}
.slid-01 {
position: relative;
top: -26px;
}
/* ===========================================
* Module styles (Search, FAQ, News, Events, Comments, Sitemap etc.)
* ======================================== */
.fixed-note {
position: fixed;
display: table;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 4em;
padding: 0.8em 1.33333em 0.8em 5.33333em;
padding-right: calc(1.33333em + var(--safe-area-right));
padding-bottom: calc(0.8em + var(--safe-area-bottom));
padding-left: calc(5.33333em + var(--safe-area-left));
border-top: 1px solid #c2c6cc;
z-index: 99;
background-color: #ffffff;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 900px) {
.fixed-note {
position: relative;
padding-top: calc(0.8em + var(--safe-area-top));
padding-bottom: 0.8em;
}
}
@media screen and (max-width: 599px) {
.fixed-note {
display: block;
padding-left: 1.33333em;
/*padding-left: calc(1.33333em + var(--safe-area-left));*/
}
}
.fixed-note:before {
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 0.83333em;
/*left: calc(0.83333em + var(--safe-area-left));*/
font-size: 2.4em;
color: #75bb3c;
}
@media screen and (max-width: 900px) {
.fixed-note:before {
top: 0.66667em;
margin-top: 0;
}
}
@media screen and (max-width: 599px) {
.fixed-note:before {
position: static;
}
}
.fixed-note h1,
.fixed-note h2,
.fixed-note h3 {
font-size: 1em;
margin: 0.4em 0;
}
.fixed-note p {
font-size: 0.93333em;
margin: 0.42857em 0;
}
@media screen and (max-width: 599px) {
.fixed-note p {
font-size: 1.06667em;
}
}
.fixed-note-column {
display: table-cell;
vertical-align: middle;
padding: 0 0.66667em;
}
.fixed-note-column:last-child {
text-align: right;
}
@media screen and (max-width: 900px) {
.fixed-note-column:last-child {
text-align: left;
}
}
@media screen and (max-width: 900px) {
.fixed-note-column {
display: block;
margin: 0.8em 0;
padding: 0;
}
}
.fixed-note-link,
.fixed-note-button {
white-space: nowrap;
}
.fixed-note-button {
margin: 0;
}
.fixed-note-closed {
position: fixed;
right: calc(2em + var(--safe-area-right));
bottom: var(--safe-area-bottom);
z-index: 99;
padding: 0.53333em 0.8em;
color: #be485c;
text-decoration: none;
background: #e6dcdc;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1100px) {
.fixed-note-closed {
/*right: 0;*/
right: var(--safe-area-right);
}
}
@media screen and (max-width: 900px) {
.fixed-note-closed {
position: absolute;
top: calc(0.8em + var(--safe-area-top));
right: calc(6.66667% + var(--safe-area-right));
bottom: auto;
padding: 0.26667em 0.8em;
}
}
@media screen and (max-width: 599px) {
.fixed-note-closed {
right: calc(0.8em + var(--safe-area-right));
}
}
.fixed-note-closed:hover,
.fixed-note-closed:focus {
background-color: #d1bebe;
}
.fixed-note-closed:before {
font: 100%/1 "RockSolid Icons";
content: "\e0a6";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
}
.fixed-note-closed > span {
display: none;
}
.back a:before,
.previous a:before,
.next a:after {
font: 100%/1 "RockSolid Icons";
content: "\e018";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.33333em;
}
.next a:after {
content: "\e019";
margin-right: 0;
margin-left: 0.33333em;
}
nav[data-pagination] > p,
.pagination > p {
text-align: center;
}
nav[data-pagination] ol,
nav[data-pagination] ul,
.pagination ol,
.pagination ul {
padding: 0 !important;
list-style-type: none !important;
text-align: center;
}
nav[data-pagination] ol li,
nav[data-pagination] ul li,
.pagination ol li,
.pagination ul li {
display: inline-block;
}
nav[data-pagination] ol li a, nav[data-pagination] ol li strong, nav[data-pagination] ol li span,
nav[data-pagination] ul li a,
nav[data-pagination] ul li strong,
nav[data-pagination] ul li span,
.pagination ol li a,
.pagination ol li strong,
.pagination ol li span,
.pagination ul li a,
.pagination ul li strong,
.pagination ul li span {
padding: 0.33333em 0.66667em;
}
nav[data-pagination] ol li .current, nav[data-pagination] ol li .active,
nav[data-pagination] ul li .current,
nav[data-pagination] ul li .active,
.pagination ol li .current,
.pagination ol li .active,
.pagination ul li .current,
.pagination ul li .active {
font-weight: bold;
color: inherit;
text-decoration: none;
}
/* TESTZEILE ###############################################
{
background-color: blueviolet;
}
*/
/*
.mod_search #search {
background-color: orange;
background-color: blue;
} ##################################################### */
.mod_search {
position: fixed;
width: 300px;
top: 8px;
right: 4%;
height: 1em;
float: right;
z-index: 1000;
}
.mod_search .widget {
display: inline;
}
/* search styling */
.mod_search form input[type="search"] {
width: 74%;
margin: 2px;
padding: 5px;
}
.mod_search form button[type="submit"],
.mod_search form input[type="submit"] {
width: 23%;
padding: 5px 3px 5px 5px;
margin-top: -1px;
margin-right: 0;
margin-left: 0;
}
.mod_search h3 span.relevance {
display: block;
/* nicht relevant */
margin: 0;
font-size: 0.66667em;
color: #5a5d63;
}
.mod_search .header {
padding-bottom: 0.33333em;
/* nicht relevant */
border-bottom: 1px solid #c2c6cc;
color: #5a5d63;
}
.mod_search .highlight {
/* nicht relevant */
padding: 0 0.26667em;
font-weight: bold;
background: #d2edf5;
}
.mod_search .url {
padding-bottom: 1.33333em;
/* nicht relevant */
border-bottom: 1px dotted #c2c6cc;
color: #5a5d63;
}
.mod_search .url:before {
/* nicht relevant */
font: 100%/1 "RockSolid Icons";
content: "\e0b5";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.33333em;
}
.mod_search .url .filesize {
font-size: 0.8em;
/* nicht relevant */
}
.mod_search .context {
/* nicht relevant */
display: block;
clear: both;
}
/* ##### ab hier ergänzt ##### */
/*.mod_search .formbody {
margin-top: 0;
padding-top: 0;
padding: 0;
font-size: 1em;
color: #5a5d63;
background-color: blue;
input#ctrl_keywords_18.text search keywords
submit#ctrl_submit_18.submit
.widget widget-submit
button#ctrl_submit_18
.mod_search search block .formbody .widget widget-text,
.mod_search search block .formbody .widget widget-submit
#ctrl_keywords_18 .text,
#ctrl_keywords_18 .class
} *
.widget.widget-text .invisible #ctrl_keywords_18.text,
.widget.widget-submit #ctrl_submit_18.submit {
border-bottom: 3px solid #000000;
background-color: blue;
}
/*margin-top: 0;
padding-top: 0;
font-size: 1em;
color: #5a5d63;*/
/*
/*
.main-content .mod_search {
margin: 1.33333em 0;
} */
/* Search ##### gesichert ##### */
/*
.main-content .mod_search {
margin: 1.33333em 0;
}
.main-content .mod_search .widget {
display: inline;
}
.main-content .mod_search form input[type="search"] {
width: 74%;
margin: 0;
}
.main-content .mod_search form button[type="submit"],
.main-content .mod_search form input[type="submit"] {
width: 25%;
margin-top: -1px;
margin-right: -2%;
margin-left: 0;
}
.main-content .mod_search h3 span.relevance {
display: block;
margin: 0.25em 0;
font-size: 0.66667em;
color: #5a5d63;
}
.main-content .mod_search .header {
padding-bottom: 0.33333em;
border-bottom: 1px solid #c2c6cc;
color: #5a5d63;
}
.main-content .mod_search .highlight {
padding: 0 0.26667em;
font-weight: bold;
background: #d2edf5;
}
.main-content .mod_search .url {
padding-bottom: 1.33333em;
border-bottom: 1px dotted #c2c6cc;
color: #5a5d63;
}
.main-content .mod_search .url:before {
font: 100%/1 "RockSolid Icons";
content: "\e0b5";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.33333em;
}
.main-content .mod_search .url .filesize {
font-size: 0.8em;
}
.main-content .mod_search .context {
display: block;
clear: both;
}
*/
/* ---------- FAQ --------- */
.mod_faqpage section {
position: relative;
margin: 2.66667em 0;
padding-left: 7.69231%;
}
.mod_faqpage section h3 {
color: #5a5d63;
}
.mod_faqpage section h3:before {
font: 0.83333em/1 "RockSolid Icons";
content: "\3f";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 1.54167em;
height: 1.5em;
padding: 0.25em 0 0 0;
border-radius: 100%;
color: #ffffff;
text-align: center;
background: #75bb3c;
}
.mod_faqpage .info,
.mod_faqreader .info {
font-size: 12px;
color: #5a5d63;
}
.mod_faqlist ul {
padding: 0 !important;
list-style-type: none !important;
}
.mod_faqlist ul li:before {
font: 0.93333em/1 "RockSolid Icons";
content: "\3f";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
box-sizing: border-box;
width: 1.42857em;
height: 1.42857em;
margin: 0 0.57143em 0 0;
padding: 0.21429em 0 0 0;
border-radius: 100%;
text-align: center;
color: #ffffff;
background: #1fa5d1;
}
/* News */
.mod_newslist article,
.mod_newsarchive article {
margin-bottom: 2.4em;
padding-bottom: 0.8em;
border-bottom: 1px solid #e5e5e5;
}
.mod_newslist article img,
.mod_newsarchive article img {
width: 100%;
height: auto;
margin: 0.8em 0;
}
.mod_newslist article h2,
.main-content .mod_newslist article h2,
.mod_newsarchive article h2,
.main-content .mod_newsarchive article h2 {
margin: 0.53571em 0 0.35714em;
font-size: 1.6em;
line-height: 1.5;
}
.mod_newslist article h2 a,
.mod_newsarchive article h2 a {
color: #1e2022;
}
.mod_newslist article header,
.mod_newsarchive article header {
float: left;
width: 23.07692%;
padding-top: 0.16667em;
font-size: 0.8em;
line-height: 2;
}
@media screen and (max-width: 599px) {
.mod_newslist article header,
.mod_newsarchive article header {
float: none;
width: auto;
font-size: 0.85714em;
line-height: 1.6666;
}
}
.mod_newslist article header p,
.mod_newsarchive article header p {
margin: 0 !important;
}
.mod_newslist article header i,
.mod_newsarchive article header i {
font-family: "SA_0220_71", sans-serif;
color: #5a5d63;
}
.mod_newslist article header a,
.mod_newsarchive article header a {
color: inherit;
}
.mod_newslist article .teaser,
.mod_newsarchive article .teaser {
margin-left: 30.76923%;
}
@media screen and (max-width: 599px) {
.mod_newslist article .teaser,
.mod_newsarchive article .teaser {
margin-left: 0;
}
}
.mod_newslist article .teaser > p:first-child,
.mod_newsarchive article .teaser > p:first-child {
margin-top: 0;
}
.news-boxes-item,
.mod_newslist .news-boxes-item {
font-size: 0.86667em;
}
.news-boxes-item:before,
.mod_newslist .news-boxes-item:before {
content: none;
}
.news-boxes-item > h3,
.mod_newslist .news-boxes-item > h3 {
font: bold 1em "SA_0220_41", sans-serif;
margin: 0 0 0.46154em;
}
.news-boxes-item > h3 > a,
.mod_newslist .news-boxes-item > h3 > a {
color: #5a5d63;
}
.news-boxes-item .news-boxes-item-info,
.mod_newslist .news-boxes-item .news-boxes-item-info {
margin: 0.54545em 0;
font: italic 0.84615em "SA_0220_71", sans-serif;
color: #5a5d63;
}
.news-boxes-item .news-boxes-item-info > .comment-count,
.mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count {
color: inherit;
text-decoration: none;
}
.news-boxes-item .news-boxes-item-info > .comment-count:before,
.mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count:before {
content: "· ";
}
.news-boxes-item .news-boxes-item-info > .comment-count:first-child:before,
.mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count:first-child:before {
content: none;
}
/* Events */
.mod_calendar th {
border-bottom: 1px solid #c2c6cc;
}
.mod_calendar th.previous,
.mod_calendar th.next {
font-size: 1.4em;
padding: 0;
}
.mod_calendar th.previous a,
.mod_calendar th.next a {
padding: 0.1em 1em;
display: block;
text-decoration: none;
}
.mod_calendar th.previous a:after,
.mod_calendar th.previous a:before,
.mod_calendar th.next a:after,
.mod_calendar th.next a:before {
display: none;
}
.mod_calendar th.current {
text-align: center;
}
.mod_calendar th.current:before {
font: 100%/1 "RockSolid Icons";
content: "";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.33333em;
}
.mod_calendar th.next {
text-align: right;
}
.mod_calendar th.label {
font-size: .86em;
text-align: center;
}
.mod_calendar td {
width: 14.28571%;
background: #f7f7f7;
vertical-align: top;
}
.mod_calendar tr td.active {
width: 14.28571%;
/* background: #f7f7f7; */
vertical-align: top;
background: #F0E4E4;
}
.mod_calendar td.empty {
background: none;
}
.mod_calendar td.today {
font-weight: bold;
color: #1e2022;
background: #ebebeb;
}
.mod_calendar .event {
font-size: 0.86em;
}
.mod_calendar .minicalendar td,
.mod_calendar .minicalendar th {
padding: 0;
text-align: center;
line-height: 1.9em;
}
.mod_calendar .minicalendar td.previous a,
.mod_calendar .minicalendar td.next a,
.mod_calendar .minicalendar th.previous a,
.mod_calendar .minicalendar th.next a {
padding-left: 0;
padding-right: 0;
}
.mod_eventreader .info,
.mod_eventlist .header {
font-weight: bold;
}
.mod_eventreader .info time:before,
.mod_eventlist .header:before {
font: 100%/1 "RockSolid Icons";
/* content: "\e036"; */
content: "";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.33333em;
}
/* -------- änderungen + ergänz. -------- */
/* div.event.layout.upcoming.upcoming.cal_1 {
background-color: aqua;
} */
p.info time {
display: none;
}
p.location {
line-height: 0.6;
padding-top: 0;
font-size: 1.5em;
color: #9F1438;
}
/* .event.layout_full.block — veranstaltungs-name */
.upcoming h1 {
font-size: 1.85em!important;
color: #8C8C8C;
}
/* .events neben kalender */
.mod_eventlist.block {
margin-top: 10px;
font-size: 1.1em;
background-color: aqua;
display: none;
}
/* -------- anmeldung / formular -------- *
#article-164.mod_article {
/* background-color: aqua!important; *
margin-top: -28px; +/
}
/* background-color: aqua; */
/* -------- event anmeldung -------- */
#bx-001 { /* form fond */
background-color: #F2F2F2;
border-radius: 6px;
padding: 0 10px 2px 10px;
margin-top: 30px;
}
fieldset#ctrl_28 { /* gender */
font-size: .95rem;
color: #646464;
margin-left: 0;
margin-bottom: -16px;
width: 100%;
/*word-spacing: 5px;*/
border: hidden;
}
fieldset#ctrl_37 { /* online vs. präs. */
font-size: .95rem;
color: #646464;
margin-left: 0;
/* margin-top: -45px!important; */
margin-bottom: -20px!important;
width: 100%;
/*word-spacing: 5px;*/
border: hidden;
}
/* -------- event anmeldung -------- /
#ctrl_28.text, /* gender */
#ctrl_29.text,
#ctrl_30.text.mandatory,
#ctrl_31.text.mandatory,
#ctrl_32.text.mandatory,
#ctrl_33.text.mandatory,
#ctrl_34.text.mandatory,
#ctrl_35.text.mandatory,
#ctrl_36.text.mandatory,
#ctrl_44.text.mandatory {
padding: 11px;
width: 100%;
margin: -5px 0;
background-color: #fff;
border-radius: 4px;
}
#ctrl_38.text { /* message */
padding: 11px;
width: 100%;
height: auto;
display: block!important;
margin: -5px 0;
background-color: #fff;
border-radius: 4px;
}
#ctrl_39.text.mandatory { /* amount */
padding: 12px 3px 7px 15px;
border-radius: 4px;
width: 5rem;
margin: -5px 0;
background-color: #fff;
}
#ctrl_40.submit { /* button */
float: right!important;
border-radius: 6px;
margin-top: -45px;
margin-right: 0;
font-weight: bold;
color: #fff;
letter-spacing: .04em;
width: 10rem;
padding: 12px 20px;
font-size: .98rem!important;
background: linear-gradient(#CC7883, #DC7384 50%, #E9B8C2);
}
#ctrl_40.submit:hover {
color: #fff;
letter-spacing: .04em;
background: #BE485C;
}
/* -------- mitglieds antrag (IFK) -------- *
#ctrl_32.text.mandatory,
#ctrl_34.text.mandatory,
#ctrl_35.text.mandatory,
#ctrl_26.text.mandatory,
#ctrl_27.text.mandatory,
#ctrl_28.text.mandatory,
#ctrl_37.text.mandatory {
padding: 12px 5px 11px 15px;
padding: 11px;
width: 100%;
margin: -5px 0;
background-color: #fff;
}
/* -------- mitglieds antrag / datum eingabe -------- *
#ctrl_30.text.mandatory {
padding: 8px 10px;
width: 150px;
margin: -13px 0 -13px 0;
background-color: #fff;
}
/* -------- mitglieds antrag / sende button -------- *
#ctrl_38 {
float: right;
margin-right: 0px;
width: auto;
font-weight: bold;
color: #fff;
letter-spacing: .04em;
padding: 12px 20px;
font-size: .95em!important;
background: linear-gradient(#AFAFAF, #B4B4B4 50%, #CFCFCF);
}
#ctrl_38:hover {
color: #fff;
letter-spacing: .04em;
background: #BE485C;
} */
/* Comments */
.ce_comments {
margin-top: 2.66667em;
}
.ce_comments .comment_default {
position: relative;
padding: 1.6em 0;
margin-bottom: 1.33333em;
border-top: 1px solid #e5e5e5;
}
.ce_comments .comment_default:before {
content: "";
position: absolute;
top: -2px;
left: 0;
width: 30.76923%;
height: 3px;
background: #75bb3c;
}
.ce_comments .comment_default > .info {
float: left;
width: 30.76923%;
font-size: 0.8em;
line-height: 2;
}
@media screen and (max-width: 599px) {
.ce_comments .comment_default > .info {
float: none;
width: auto;
font-size: 0.85714em;
line-height: 1.6666;
}
}
.ce_comments .comment_default > .info p {
margin: 0 !important;
}
.ce_comments .comment_default > .info i {
font-family: "SA_0220_71", sans-serif;
font-style: italic;
color: #5a5d63;
}
.ce_comments .comment_default > .info a {
color: inherit;
}
.ce_comments .comment_default > .info a:after {
content: none;
}
.ce_comments .comment_default > .comment {
margin-left: 38.46154%;
font-size: 0.86667em;
line-height: 1.84615;
}
@media screen and (max-width: 599px) {
.ce_comments .comment_default > .comment {
margin-left: 0;
font-size: 0.92857em;
}
}
.ce_comments .comment_default > .comment p {
margin: 0.53846em 0 !important;
}
.ce_comments .comment_default > .reply {
position: relative;
margin: 1.6em -3.84615% 1.6em 34.61538%;
padding: 0.33333em 3.84615%;
border: 1px solid #e5e5e5;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 599px) {
.ce_comments .comment_default > .reply {
margin-left: -3.84615%;
}
}
.ce_comments .comment_default > .reply:before {
font: 2.13333em/1 "RockSolid Icons";
content: "\e032";
/*-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
/*position: relative;*/
position: absolute;
top: -2px;
right: 5.55556%;
margin-right: -0.1875em;
color: #75bb3c;
}
.ce_comments .comment_default > .reply > .info {
padding-bottom: 0.66667em;
border-bottom: 1px solid #e5e5e5;
font-weight: bold;
font-size: 0.8em;
letter-spacing: 0.08333em;
color: #5a5d63;
text-transform: uppercase;
}
.ce_comments .comment_default > .reply > .info b {
padding: 0 0.41667em;
border-radius: 0.16667em;
color: white;
background: #75bb3c;
}
.ce_comments .comment_default > .reply > .comment {
font-size: 0.86667em;
line-height: 1.84615;
}
.ce_comments .comment_default > .reply > .comment p {
margin: 0.53846em 0 !important;
}
.ce_comments .form {
margin-top: 2.66667em;
}
.ce_comments form input {
float: right;
width: 61.53846%;
margin-right: 0;
}
.ce_comments form button[type="submit"],
.ce_comments form input[type="submit"],
button#ctrl_52.submit {
float: none;
width: auto;
margin: 0;
}
@media screen and (max-width: 599px) {
.ce_comments form button,
.ce_comments form input {
width: 100%;
}
}
.ce_comments form textarea {
width: 100%;
margin-left: 0;
}
.ce_comments form label {
display: inline-block;
padding-top: 1.06667em;
font-size: 0.86667em;
}
@media screen and (max-width: 599px) {
.ce_comments form label {
padding-top: 0.26667em;
font-size: 1em;
}
}
.ce_comments form label[for="ctrl_email"] {
padding: 0;
}
@media screen and (max-width: 599px) {
.ce_comments form label[for="ctrl_email"] {
padding-top: 0.26667em;
}
}
.ce_comments form fieldset {
width: auto;
margin: 0;
padding: 0;
border: 0;
}
.ce_comments form fieldset label {
float: none;
margin-left: 0.33333em;
}
.ce_comments form fieldset input[type="checkbox"],
.main-content .ce_comments form fieldset input[type="checkbox"] {
float: none;
width: auto;
margin: 0;
}
.ce_comments form .widget {
clear: both;
padding-top: 1.33333em;
}
.ce_comments form .captcha_text {
float: none;
display: inline;
margin: 0;
width: auto;
}
/* Sitemap */
.main-content .mod_sitemap ul {
padding-left: 0;
list-style-type: none;
}
.main-content .mod_sitemap ul li li {
padding: 0.14em 0 0.14em 3em;
font-size: 0.93333em;
}
.main-content .mod_sitemap ul li li.submenu ul {
margin: 0;
}
.main-content .mod_sitemap > ul > li:before {
content: "▶"; color: #aaa;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.3em;
}
/* Newsletter */
.main-content .mod_newsletterlist ul {
padding-left: 0;
list-style-type: none;
}
.main-content .mod_newsletterlist ul li {
padding: 0.33333em 0;
border-top: 1px solid #c2c6cc;
}
.main-content .mod_newsletterlist ul li:first-child,
.main-content .mod_newsletterlist ul li.first {
border-top: 0;
}
/* Breadcrumbs */
.mod_breadcrumb {
clear: both;
font-size: 0.86667em;
}
.mod_breadcrumb ul,
.mod_breadcrumb li {
display: inline;
margin: 0;
padding: 0;
}
.mod_breadcrumb li:before {
content: " \A0 / \A0 ";
}
.mod_breadcrumb li:first-child:before {
content: none;
}
.mod_breadcrumb a {
color: inherit;
text-decoration: underline;
}
.mod_breadcrumb a:hover {
text-decoration: none;
}
[data-ajax-form=loading] {
opacity: 0.5;
pointer-events: none;
}
/* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */
.dlh_googlemap {
box-sizing: content-box;
}
.sidebar .dlh_googlemap {
/* Setting the maps width to 100% is best practice in the sidebar, since it becomes fluid that way */
width: 100% !important;
}
.main-content .dlh_googlemap img {
max-width: none;
}
#footerlinks {
display: none;
}
/*
hr {
clear: both;
height: 8px;
overflow: visible;
margin: 1.6em 0;
border: 0;
background: #c2c6cc;
}
*/
/*
.page-header {
zoom: 1;
position: relative;
z-index: 50;
margin: 0 4%;
padding: 0 0 35px;
border-bottom: 2px solid #999999;
}
p {
color: violet;
line-height: 1.4em;
font-size: 1.15em;
letter-spacing:.005em;
word-spacing:0.05em;
}
*/