legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover;position:relative}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_wrapper,.autogrid_row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_wrapper.gutter_none,.autogrid_row.gutter_none{margin-left:0;margin-right:0}.autogrid_wrapper.gutter_none>div,.autogrid_row.gutter_none>div{padding-left:0;padding-right:0}.autogrid_wrapper.gutter_s,.autogrid_row.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_wrapper.gutter_s>div,.autogrid_row.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_wrapper.gutter_m,.autogrid_row.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_wrapper.gutter_m>div,.autogrid_row.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_wrapper.gutter_l,.autogrid_row.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_wrapper.gutter_l>div,.autogrid_row.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column>.attributes{position:relative}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.autogrid_row>.column.sticky .attributes{position:sticky;top:0}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}.autogrid_row>.column.sticky_column>.attributes{position:sticky;top:0;z-index:10;height:auto !important}@media only screen and (max-width:767px){[class*="col_"],.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,.two_third,.two_fourth,.three_fourth,.two_fifth,.three_fifth,.four_fifth,.two_sixth,.three_sixth .four_sixth,.five_sixth{flex:0 0 100%;max-width:none}.column[class*="col_"]:not([class*="_m"]),.autogrid_grid .column:not([class*="_m"]){padding-left:0 !important;padding-right:0 !important;margin-bottom:25px}.column[class*="offset_"],.autogrid[class*="offset_"],.autogrid_grid[class*="offset_"]{margin-left:0}.autogrid_wrapper,.autogrid_row,.autogrid_grid{margin-left:0 !important;margin-right:0 !important}.column:empty,.column .attributes:empty,.column:has(>.attributes:empty){display:none}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:none !important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*="col_"]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*="col_"]{flex-basis:100%}}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.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}
@charset "UTF-8";
/**
  * Erdmann & Freunde - Nutshell
  * Starterkit
  * erdmann-freunde.de/nutshell/
  *
  * Lizenziert unter MIT OPEN SOURCE
  *
  */
/* ----------------------------------- *
 * Font-Weight
 * ----------------------------------- */
/* ----------------------------------- *
 * Page-Layout
 * ----------------------------------- */
/* ----------------------------------- *
 * z-Indexes
 * ----------------------------------- */
html {
  --color-default: #ff5636;
  --color-gray-dark: #222;
  --color-gray: #555;
  --color-gray-light: #ccc;
  --color-brand: var(--color-default);
  --color-highlight: var(--color-brand);
  --color-page-background: #fff;
  --color-text: var(--color-gray-dark);
  --color-text-inverted: var(--color-page-background);
  --color-error: rgba(255, 0, 0, 1);
  --color-error-light: rgba(255, 0, 0, 0.5);
  --base-font-size-xs: 0.875rem;
  --base-font-size: 1rem;
  --base-font-size-xl: 1.125rem;
  --base-line-height: 1.625;
  --base-font-weight: 400;
  --base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;
  --base-spacing-unit: 1rem;
  --base-spacing-unit-xs: calc(var(--base-spacing-unit) / 4);
  --base-spacing-unit-sm: calc(var(--base-spacing-unit) / 2);
  --base-spacing-unit-lg: calc(var(--base-spacing-unit) * 2);
  --base-spacing-unit-xl: calc(var(--base-spacing-unit) * 4);
  --base-border-radius: 4px;
  --base-border-width: 1px;
  --base-border-color: var(--color-gray-light);
  --base-border: var(--base-border-width) solid var(--base-border-color);
  --grid-columns: 12;
  --grid-gutter: 1.875rem;
  --grid-gutter-half: calc(var(--grid-gutter) / 2);
  --layout-spacing-sides: var(--base-spacing-unit);
  --layout-wrapper-background: transparent;
  --layout-header-background: var(--color-page-background);
  --layout-header-color: var(--color-text);
  --layout-footer-background: transparent;
  --layout-footer-color: var(--color-text);
  --article-spacing-sides: var(--grid-gutter-half);
  --article-spacing-top: var(--base-spacing-unit);
  --article-spacing-bottom: var(--base-spacing-unit);
  --headings-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Roboto', 'Oxygen', 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;
  --headings-font-weight: 700;
  --headings-color: 'currentColor';
  --h1-font-family: var(--headings-font-family);
  --h1-font-weight: var(--headings-font-weight);
  --h1-color: var(--headings-color);
  --h1-font-size: 2rem;
  --h1-font-size-sm: 2rem;
  --h1-font-size-md: 2.25rem;
  --h1-font-size-lg: 2.25rem;
  --h1-font-size-xl: 2.25rem;
  --h1-line-height: 1.55;
  --h1-spacing-top: 0;
  --h1-spacing-bottom: 0.5rem;
  --h2-font-family: var(--headings-font-family);
  --h2-font-weight: var(--headings-font-weight);
  --h2-color: var(--headings-color);
  --h2-font-size: 1.625rem;
  --h2-font-size-sm: 1.625rem;
  --h2-font-size-md: 1.75rem;
  --h2-font-size-lg: 1.75rem;
  --h2-font-size-xl: 1.75rem;
  --h2-line-height: 1.5;
  --h2-spacing-top: 0;
  --h2-spacing-bottom: 0.5rem;
  --h3-font-family: var(--headings-font-family);
  --h3-font-weight: var(--headings-font-weight);
  --h3-color: var(--headings-color);
  --h3-font-size: 1.375rem;
  --h3-font-size-sm: 1.375rem;
  --h3-font-size-md: 1.5rem;
  --h3-font-size-lg: 1.5rem;
  --h3-font-size-xl: 1.5rem;
  --h3-line-height: 1.25;
  --h3-spacing-top: 0;
  --h3-spacing-bottom: 0.5rem;
  --h4-font-family: var(--headings-font-family);
  --h4-font-weight: var(--headings-font-weight);
  --h4-color: var(--headings-color);
  --h4-font-size: 1.125rem;
  --h4-font-size-sm: 1.125rem;
  --h4-font-size-md: 1.25rem;
  --h4-font-size-lg: 1.25rem;
  --h4-font-size-xl: 1.25rem;
  --h4-line-height: 1;
  --h4-spacing-top: 0;
  --h4-spacing-bottom: 0.5rem;
  --h5-font-family: var(--headings-font-family);
  --h5-font-weight: var(--headings-font-weight);
  --h5-color: var(--headings-color);
  --h5-font-size: 1rem;
  --h5-font-size-sm: 1rem;
  --h5-font-size-md: 1rem;
  --h5-font-size-lg: 1rem;
  --h5-font-size-xl: 1rem;
  --h5-line-height: 1;
  --h5-spacing-top: 0;
  --h5-spacing-bottom: 0.5rem;
  --h6-font-family: var(--headings-font-family);
  --h6-font-weight: var(--headings-font-weight);
  --h6-color: var(--headings-color);
  --h6-font-size: 0.875rem;
  --h6-font-size-sm: 0.875rem;
  --h6-font-size-md: 0.875rem;
  --h6-font-size-lg: 0.875rem;
  --h6-font-size-xl: 0.875rem;
  --h6-line-height: 1;
  --h6-spacing-top: 0;
  --h6-spacing-bottom: 0.5rem;
  --paragraph-link-color: var(--links-color);
  --paragraph-link-decoration: underline;
  --paragraph-link-decoration-hover: none;
  --code-color: var(--color-highlight);
  --selection-background: var(--color-brand);
  --pre-color-background: var(--color-gray);
  --pre-color: var(--color-text-inverted);
  --selection-color: var(--color-text-inverted);
  --hr-border: var(--base-border);
  --gallery-gutter: var(--grid-gutter);
  --gallery-gutter-half: calc(var(--gallery-gutter) / 2);
  --links-color: var(--color-highlight);
  --links-color-hover: var(--color-highlight);
  --links-color-visited: var(--links-color);
  --links-outline-focus: 2px dotted
    var(--links-outline-color, var(--color-highlight));
  --links-outline-active: none;
  --button-color: var(--color-text-inverted);
  --button-background: var(--color-highlight);
  --button-color-hover: var(--button-color);
  --button-background-hover: var(--color-highlight);
  --button-spacing: var(--base-spacing-unit-sm) var(--base-spacing-unit);
  --button-border-radius: var(--base-border-radius);
  --button-border-width: var(--base-border-width);
  --button-font-family: var(--base-font-family);
  --button-font-weight: 400;
  --button-font-size: var(--base-font-size);
  --button-line-height: var(--base-line-height);
  --nav-item-padding: var(--base-spacing-unit);
  --slider-arrow-color: inherit;
  --slider-arrow-size: 2rem;
  --slider-arrow-font-family: 'Arial';
  --slider-menu-point-size: 2rem;
  --slider-menu-point-color: inherit;
  --slider-menu-point-color-active: var(--color-brand);
  --news-grid-columns-sm: 2;
  --news-grid-columns-md: 2;
  --news-grid-columns-lg: 3;
  --news-grid-columns-xl: 3;
  --news-border: var(--base-border);
  --events-grid-columns-sm: 1;
  --events-grid-columns-md: 2;
  --events-grid-columns-lg: 3;
  --events-grid-columns-xl: 3;
  --forms-input-border-width: var(--base-border-width);
  --forms-input-border-radius: var(--base-border-radius);
  --forms-input-border-color: rgba(0, 0, 0, 0.25);
  --forms-input-background: var(--color-page-background);
  --forms-input-line-height: normal;
  --forms-mandatory-color: var(--color-brand);
  --accordion-spacing: var(--base-spacing-unit);
  --accordion-content-spacing: var(--base-spacing-unit-sm);
  --accordion-content-background: var(--color-gray-light);
  --accordion-toggler-font-size: 1.5rem;
  --accordion-toggler-background: var(--color-highlight);
  --accordion-toggler-color: var(--color-text-inverted);
  --accordion-toggler-color-hover: var(--color-brand-primary);
  --accordion-toggler-spacing: var(--base-spacing-unit-xs);
  --accordion-toggler-border: 2px solid transparent;
  --download-link-color: inherit;
  --download-link-decoration: none;
  --table-border-width: 1px;
  --table-border-style: solid;
  --table-border-color: #ccc;
  --table-background-light: #eee;
  --newsletter-list-border: var(--base-border);
  --newsletter-reader-width: 600px;
  --newsletter-reader-border: var(--base-border);
  --faq-border: var(--base-border);
  --search-relevance-color: var(--color-gray);
  --search-url-color: var(--color-gray);
}

:root {
  --color-default: #69140e;
  --color-default-2: #3c1518;
  --color-yellow: #f3c910;
  --color-brown: #5e3f24;
  --color-green: #566853;
  --color-green-2: #c3d7c0;
  --color-blue: #2f4d5e;
  --color-blue-2: #618ea3;
  --color-beige: #e9e0cc;
  --color-beige-2: #f8d4b0;
  --color-gray-dark: #515151;
  --color-gray: #969696;
  --color-gray-light: #bfbfbf;
  --color-gray-dark: #515151;
  --color-gray: #969696;
  --color-gray-light: #bfbfbf;
  --color-brand: var(--color-default);
  --color-highlight: color-mix(in srgb, var(--color-default) 80%, #fff);
  --color-page-background: #f7f7f9;
  --color-text: #1f1e1c;
  --color-text--inverted: var(--color-page-background);
  --color-error: rgb(194, 36, 36);
  --color-error-light: rgba(255, 0, 0, 0.5);
  --base-font-size-xs: 0.9rem;
  --base-font-size: 1em;
  --base-font-size-xl: 1rem;
  --base-line-height: 1.5;
  --base-font-weight: 400;
  --base-font-weight-v: normal;
  --base-font-family:
    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;
  --base-spacing-unit: 1.5rem;
  --base-spacing-unit-xs: calc(var(--base-spacing-unit) / 2);
  --base-spacing-unit-sm: calc(var(--base-spacing-unit) / 2);
  --base-spacing-unit-lg: calc(var(--base-spacing-unit) * 2);
  --base-spacing-unit-xl: calc(var(--base-spacing-unit) * 4);
  --base-border-radius: 1rem;
  --base-border-width: 1px;
  --base-border-color: var(--color-text);
  --base-border: var(--base-border-width) solid var(--base-border-color);
  --grid-columns: 12;
  --grid-gutter: 1.5rem;
  --grid-gutter-half: calc(var(--grid-gutter) / 2);
  --layout-wrapper-background: transparent;
  --layout-header-background: transparent;
  --layout-header-color: var(--color-text);
  --layout-footer-background: transparent;
  --layout-footer-color: var(--color-text);
  --article-spacing-sides: var(--grid-gutter-half);
  --article-spacing-top: var(--base-spacing-unit-lg);
  --article-spacing-bottom: var(--base-spacing-unit-lg);
  --layout-spacing-sides: var(--base-spacing-unit);
}
@media screen and (min-width: 75em) {
  :root {
    --layout-spacing-sides: var(--base-spacing-unit-lg);
    --article-spacing-top: var(--base-spacing-unit-xl);
    --article-spacing-bottom: var(--base-spacing-unit-xl);
  }
}
:root {
  --headings-font-family:
    'Playfair Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;
  --headings-font-weight: 300;
  --headings-letter-spacing: 0;
  --headings-color: var(--color-gray-dark);
  --headings-font-family-special:
    'Postdam', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;
  --h1-font-family: var(--headings-font-family);
  --h1-font-weight: 700;
  --h1-color: var(--headings-color);
  --h1-font-size: 2.55rem;
  --h1-font-size-sm: 3rem;
  --h1-font-size-md: 3rem;
  --h1-font-size-lg: 3.5rem;
  --h1-font-size-xl: 3.5rem;
  --h1-font-size-xxl: 3.5rem;
  --h1-line-height: 1.15;
  --h1-spacing-top: 0;
  --h1-spacing-bottom: 1.5rem;
  --h2-font-family: var(--headings-font-family);
  --h2-font-weight: var(--headings-font-weight);
  --h2-color: var(--headings-color);
  --h2-font-size: 1.85rem;
  --h2-font-size-sm: 2rem;
  --h2-font-size-md: 2.85rem;
  --h2-font-size-lg: 2.85rem;
  --h2-font-size-xl: 3rem;
  --h2-font-size-xxl: 3.15rem;
  --h2-line-height: 1.15;
  --h2-spacing-top: 1rem;
  --h2-spacing-bottom: 1rem;
  --h3-font-family: var(--headings-font-family);
  --h3-font-weight: var(--headings-font-weight);
  --h3-color: var(--headings-color);
  --h3-font-size: 1.55rem;
  --h3-font-size-sm: 2rem;
  --h3-font-size-md: 2rem;
  --h3-font-size-lg: 2rem;
  --h3-font-size-xl: 2rem;
  --h3-font-size-xxl: 2rem;
  --h3-line-height: 1.15;
  --h3-spacing-top: 0.5rem;
  --h3-spacing-bottom: 0.5rem;
  --h4-font-family: var(--headings-font-family);
  --h4-font-weight: var(--headings-font-weight);
  --h4-color: var(--headings-color);
  --h4-font-size: 1.35rem;
  --h4-font-size-sm: 1.5rem;
  --h4-font-size-md: 1.5rem;
  --h4-font-size-lg: 1.5rem;
  --h4-font-size-xl: 1.5rem;
  --h4-font-size-xxl: 1.6rem;
  --h4-line-height: 1.25;
  --h4-spacing-top: 0.8rem;
  --h4-spacing-bottom: 0.2rem;
  --h5-font-family: var(--headings-font-family);
  --h5-font-weight: var(--headings-font-weight);
  --h5-color: var(--headings-color);
  --h5-font-size: 1.25rem;
  --h5-font-size-sm: 1.1rem;
  --h5-font-size-md: 1.1rem;
  --h5-font-size-lg: 1.1rem;
  --h5-font-size-xl: 1.1rem;
  --h5-font-size-xxl: 1.2rem;
  --h5-line-height: 1;
  --h5-spacing-top: 0.5;
  --h5-spacing-bottom: 0.2rem;
  --h6-font-family: var(--headings-font-family);
  --h6-font-weight: var(--headings-font-weight);
  --h6-color: var(--headings-color);
  --h6-font-size: 0.875rem;
  --h6-font-size-sm: 0.875rem;
  --h6-font-size-md: 1rem;
  --h6-font-size-lg: 1rem;
  --h6-font-size-xl: 1rem;
  --h6-font-size-xxl: 1rem;
  --h6-line-height: 1.3;
  --h6-spacing-top: 0;
  --h6-spacing-bottom: 0.2rem;
  --paragraph-link-color: var(--links-color);
  --paragraph-link-decoration: none;
  --paragraph-link-decoration-hover: none;
  --code-color: var(--color-highlight);
  --selection-background: var(--color-brand);
  --pre-color-background: var(--color-gray);
  --pre-color: var(--color-text-inverted);
  --selection-color: var(--color-text-inverted);
  --hr-border: var(--base-border);
  --gallery-gutter: 1rem;
  --gallery-gutter-half: calc(var(--gallery-gutter) / 2);
  --links-color: var(--color-default);
  --links-color-hover: color-mix(in srgb, var(--color-default) 85%, #fff);
  --button-color: var(--color-text);
  --button-border-color: var(--color-yellow);
  --button-border-style: solid;
  --button-background: var(--color-yellow);
  --button-color-hover: var(--color-text);
  --button-background-hover: color-mix(in srgb, var(--color-yellow) 85%, #fff);
  --button-spacing: 8px 22px;
  --button-border-radius: 0.5em;
  --button-border-width: var(--base-border-width);
  --button-border-width: 2px;
  --button-font-family: var(--base-font-family);
  --button-font-weight: 500;
  --button-line-height: var(--base-line-height);
  --nav-item-padding: var(--base-spacing-unit);
  --slider-arrow-color: inherit;
  --slider-arrow-size: 2rem;
  --slider-arrow-font-family: 'Arial';
  --slider-menu-point-size: 2rem;
  --slider-menu-point-color: inherit;
  --slider-menu-point-color-active: var(--color-brand);
  --news-grid-columns-sm: 2;
  --news-grid-columns-md: 2;
  --news-grid-columns-lg: 3;
  --news-grid-columns-xl: 3;
  --news-border: var(--base-border);
  --events-grid-columns-sm: 1;
  --events-grid-columns-md: 2;
  --events-grid-columns-lg: 3;
  --events-grid-columns-xl: 3;
  --forms-input-border-width: var(--base-border-width);
  --forms-input-border-radius: 0;
  --forms-input-border-color: rgba(0, 0, 0, 0.25);
  --forms-input-background: var(--color-page-background);
  --forms-input-line-height: normal;
  --forms-mandatory-color: var(--color-yellow);
  --accordion-spacing: 0;
  --accordion-content-spacing: calc(var(--base-spacing-unit) / 2);
  --accordion-content-background: transparent;
  --accordion-content-border: 1px solid transparent;
  --accordion-toggler-font-size: 1.5rem;
  --accordion-toggler-background: transparent;
  --accordion-toggler-color: var(--color-text);
  --accordion-toggler-color-hover: var(--color-text);
  --accordion-toggler-spacing: 0.65em 0px;
  --accordion-toggler-border: 1px solid transparent;
  --download-link-color: inherit;
  --download-link-decoration: none;
  --table-border-width: 1px;
  --table-border-style: solid;
  --table-border-color: #ccc;
  --table-background-light: #eee;
  --newsletter-list-border: var(--base-border);
  --newsletter-reader-width: 600px;
  --newsletter-reader-border: var(--base-border);
  --faq-border: var(--base-border);
  --search-relevance-color: var(--color-gray);
  --search-url-color: var(--color-gray);
  --d21-border-radius-outer: 0;
}

.d21-packageList .d21-widget-container {
  max-width: 100% !important;
}
.d21-packageList .d21-widget-container .d21-v-stack {
  max-width: 100% !important;
}
.d21-packageList .d21-widget-container .d21-v-stack .d21-img-open-button {
  display: none;
}

.tw-d21-static {
  width: auto !important;
}

/*************************************

START - HELPER CLASSES

*************************************/
.small-font {
  font-family: var(--base-font-family);
  font-size: 1rem;
}

.headings-font {
  font-family: var(--headings-font-family);
  font-size: 1.25em;
  font-variant-numeric: lining-nums;
}
@media screen and (min-width: 64.063em) {
  .headings-font {
    font-size: 1.5em;
  }
}

.img-auto figure img {
  margin-inline: auto;
  margin-bottom: 1em;
}

.mail,
.tel,
.map,
.size-icon,
.night-icon,
.calendar-icon {
  transition: all 0.3s;
}
.mail:before,
.tel:before,
.map:before,
.size-icon:before,
.night-icon:before,
.calendar-icon:before {
  display: inline-block;
  width: 30px;
  height: 25px;
  margin-right: 10px;
  vertical-align: sub;
}
.mail.after:before,
.tel.after:before,
.map.after:before,
.size-icon.after:before,
.night-icon.after:before,
.calendar-icon.after:before {
  content: none;
}
.mail.after:after,
.tel.after:after,
.map.after:after,
.size-icon.after:after,
.night-icon.after:after,
.calendar-icon.after:after {
  display: inline-block;
  width: 30px;
  height: 25px;
  margin-left: 10px;
  vertical-align: sub;
}

.tel:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url("../../files/theme/dist/img/icons/phone-icon.svg") no-repeat;
  background-size: contain;
}
.tel:has(> a):before {
  content: none;
}
.tel:has(> a) > a {
  display: flex;
  align-items: center;
}
.tel:has(> a) > a:before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url("../../files/theme/dist/img/icons/phone-icon.svg") no-repeat;
  background-size: contain;
  filter: grayscale(1) brightness(2);
  transition: all 0.3s;
}
.tel:has(> a) > a:hover:before {
  filter: grayscale(0);
}

.mail:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url("../../files/theme/dist/img/icons/mail-icon.svg") no-repeat;
  background-size: contain;
}

.map br {
  padding-left: 30px;
}
.map:before {
  content: url("../../files/theme/dist/img/icons/map-icon.svg");
  vertical-align: top;
}
@media screen and (min-width: 75em) {
  .map:before {
    float: left;
    height: 50px;
  }
}

.size-icon:before {
  content: url("../../files/theme/dist/img/icons/quadtratmeter-icon.svg");
  width: 45px;
  filter: none;
}

.night-icon:before {
  content: url("../../files/theme/dist/img/icons/night-icon.svg");
  filter: none;
  width: auto;
  height: auto;
  vertical-align: text-top;
  margin-right: 8px;
}

.calendar-icon:before {
  content: url("../../files/theme/dist/img/icons/calendar-icon.svg");
  filter: none;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: sub;
}
.calendar-icon.after:before {
  content: none;
}
.calendar-icon.after:after {
  content: url("../../files/theme/dist/img/icons/calendar-icon.svg");
  filter: none;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: sub;
}

.people-icon {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}

.instagram-icon:before {
  content: url("../../files/theme/dist/img/icons/instagram-icon.svg");
  filter: none;
  width: auto;
  height: auto;
  vertical-align: text-top;
  margin-right: 8px;
}
.instagram-icon > a:before {
  content: url("../../files/theme/dist/img/icons/instagram-icon.svg");
  filter: none;
  width: auto;
  height: auto;
  vertical-align: text-top;
  margin-right: 8px;
}

.facebook-icon:before {
  content: url("../../files/theme/dist/img/icons/facebook-icon.svg");
  filter: none;
  width: auto;
  height: auto;
  vertical-align: text-top;
  margin-right: 8px;
}
.facebook-icon > a:before {
  content: url("../../files/theme/dist/img/icons/facebook-icon.svg");
  filter: none;
  width: auto;
  height: auto;
  vertical-align: text-top;
  margin-right: 8px;
}

.hyphenate {
  overflow-wrap: break-word;
  hyphens: auto;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

@media screen and (min-width: 64.063em) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-none {
    display: none !important;
  }
}
.title-giant {
  font-size: 9vw;
  font-family: "Postdam";
  text-align: center;
  opacity: 0.06;
}

.relative-pos {
  position: relative;
}

.d-flex {
  display: flex;
}
.d-flex.flex-1 > div {
  flex: 1;
}
.d-flex.gap {
  gap: 1rem;
}
.d-flex.big-gap {
  gap: 4rem;
}
.d-flex.align-center {
  align-items: center;
}
.d-flex.align-self-center {
  align-self: center;
}
.d-flex.d-column {
  flex-direction: column;
}
.d-flex.d-column.height100 {
  height: 100%;
}
.d-flex.d-column > div:last-child {
  margin-top: auto;
}
.d-flex.flex-wrap {
  flex-wrap: wrap;
}
.d-flex.justify-between {
  justify-content: space-between;
}
.d-flex.justify-center {
  justify-content: center;
}

@media screen and (min-width: 75em) {
  .d-xl-inlineflex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 75em) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-none {
    display: none !important;
  }
}
.overflow-y-visible {
  overflow-y: visible !important;
}

.uppercase {
  text-transform: uppercase;
}

.img-mix-multiply img {
  mix-blend-mode: multiply;
}

.img-position-top img {
  -o-object-position: top;
  object-position: top;
}

.margin-null {
  margin: 0;
}
.margin-null img {
  margin: 0;
}

.imgFull {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.imgFull img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.text--center {
  text-align: center;
}

.text--right {
  text-align: right;
}

.no-animation {
  transform: none !important;
  opacity: 1 !important;
}

@media screen and (min-width: 64.063em) {
  .mt-lg-50 {
    margin-top: 50%;
  }
  .mt-lg-50-n {
    margin-top: -50%;
  }
  .mt-lg-30-n {
    margin-top: -30%;
  }
}
.arrow-down:before {
  content: "";
  display: inline-block;
  background: url("../../files/theme/dist/img/icons/arrow-right.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 19px;
  filter: brightness(0);
  transform: rotate(90deg);
  padding-right: 6px;
}

.glightbox-clean .gslide-description {
  background: none;
}
.glightbox-clean .gslide-title {
  color: #fff;
}

.gslide-image img {
  background: white;
}

.m-t-0,
.mod_article.m-t-0 {
  margin-top: calc(0 * var(--base-spacing-unit)) !important;
}

.m-b-0,
.mod_article.m-b-0 {
  margin-bottom: calc(0 * var(--base-spacing-unit)) !important;
}

.p-t-0,
.mod_article.p-t-0,
.mod_article.p-t-0 > .inside {
  padding-top: calc(0 * var(--base-spacing-unit)) !important;
}

.p-b-0,
.mod_article.p-b-0,
.mod_article.p-b-0 > .inside {
  padding-bottom: calc(0 * var(--base-spacing-unit)) !important;
}

.m-t-1,
.mod_article.m-t-1 {
  margin-top: calc(1 * var(--base-spacing-unit)) !important;
}

.m-b-1,
.mod_article.m-b-1 {
  margin-bottom: calc(1 * var(--base-spacing-unit)) !important;
}

.p-t-1,
.mod_article.p-t-1 {
  padding-top: calc(1 * var(--base-spacing-unit)) !important;
}

.p-b-1,
.mod_article.p-b-1 {
  padding-bottom: calc(1 * var(--base-spacing-unit)) !important;
}

.m-t-2,
.mod_article.m-t-2 {
  margin-top: calc(2 * var(--base-spacing-unit)) !important;
}

@media screen and (min-width: 64.063em) {
  .m-t-lg-2 {
    margin-top: calc(2 * var(--base-spacing-unit)) !important;
  }
}
.m-b-2,
.mod_article.m-b-2 {
  margin-bottom: calc(2 * var(--base-spacing-unit)) !important;
}

.p-t-2,
.mod_article.p-t-2 {
  padding-top: calc(2 * var(--base-spacing-unit)) !important;
}

.p-b-2,
.mod_article.p-b-2 {
  padding-bottom: calc(2 * var(--base-spacing-unit)) !important;
}

.m-t-3,
.mod_article.m-t-3 {
  margin-top: calc(3 * var(--base-spacing-unit)) !important;
}

.m-b-3,
.mod_article.m-b-3 {
  margin-bottom: calc(3 * var(--base-spacing-unit)) !important;
}

.p-t-3,
.mod_article.p-t-3 {
  padding-top: calc(3 * var(--base-spacing-unit)) !important;
}

.p-b-3,
.mod_article.p-b-3 {
  padding-bottom: calc(3 * var(--base-spacing-unit)) !important;
}

.m-t-4,
.mod_article.m-t-4 {
  margin-top: calc(4 * var(--base-spacing-unit)) !important;
}

.m-b-4,
.mod_article.m-b-4 {
  margin-bottom: calc(4 * var(--base-spacing-unit)) !important;
}

.p-t-4,
.mod_article.p-t-4 {
  padding-top: calc(4 * var(--base-spacing-unit)) !important;
}

.p-b-4,
.mod_article.p-b-4 {
  padding-bottom: calc(4 * var(--base-spacing-unit)) !important;
}

.m-t-5,
.mod_article.m-t-5 {
  margin-top: calc(5 * var(--base-spacing-unit)) !important;
}

.m-b-5,
.mod_article.m-b-5 {
  margin-bottom: calc(5 * var(--base-spacing-unit)) !important;
}

.p-t-5,
.mod_article.p-t-5 {
  padding-top: calc(5 * var(--base-spacing-unit)) !important;
}

.p-b-5,
.mod_article.p-b-5 {
  padding-bottom: calc(5 * var(--base-spacing-unit)) !important;
}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select { /* 2 */
  overflow: visible;
}

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea { /* 1 */
  margin: 0;
}

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
}

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*************************************

MAIN STYLESHEET

*************************************/
html.scroll-lock {
  overflow-y: hidden;
}

#container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 300px;
  background: linear-gradient(180deg, rgba(239, 219, 194, 0.75) 25.88%, rgba(152, 144, 133, 0) 69.58%);
  z-index: -1;
}

.rsfh-lightbox-cancel,
.rsfh-lightbox-close {
  color: var(--color-highlight) !important;
}

.d21-ibe {
  padding: 1em;
}

.d21-ibe-visible {
  background: rgba(0, 0, 0, 0.85) !important;
}

a:hover {
  color: color-mix(in srgb, var(--color-default) 65%, #fff);
}

.no-img-hero header {
  background-color: var(--color-default);
}

.no-animation {
  transform: none !important;
  opacity: 1 !important;
}

/* Hide your heading in CSS */
[data-split=heading] {
  visibility: hidden;
}

.intro {
  z-index: 1;
}
.intro .intro-text {
  max-width: 890px;
  margin-inline: auto;
}
.intro .intro-text > p:first-child {
  font-size: 1.25em;
  margin-bottom: 1.5em;
}
.intro .intro-text h1 {
  font-size: 16px;
  font-family: var(--base-font-family) !important;
  font-weight: 700;
}
.intro .intro-text h2 {
  text-wrap: pretty;
  line-height: 1.3;
}

.img-sticker-right {
  display: none;
  right: 0;
  z-index: 1;
}
@media screen and (min-width: 48em) {
  .img-sticker-right {
    position: absolute;
    bottom: -20%;
    display: block;
    width: 35vw;
  }
}
.img-sticker-right img {
  width: 100%;
}

.content-text {
  display: flex;
  flex-direction: column;
}
.content-text figure {
  margin-bottom: 0.5em;
  order: -1;
}

.wappen {
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-inline: auto;
}
.wappen figure {
  z-index: -1;
}
.wappen figure img {
  margin-inline: auto;
}
@media screen and (min-width: 64.063em) {
  .wappen figure {
    position: absolute;
    top: -40px;
    right: -80%;
  }
}

.giant-hscroll span {
  display: flex;
  font-size: 15cqw;
  font-family: var(--headings-font-family);
  width: -moz-max-content;
  width: max-content;
}
.giant-hscroll span img:not(.blumen) {
  width: 30vw;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 55px;
}
.giant-hscroll span:first-child {
  color: var(--color-green);
}
.giant-hscroll span:first-child .blumen {
  position: absolute;
  left: 40vw;
  width: 12.5vw;
}
.giant-hscroll span:first-child img:not(.blumen) {
  margin-left: 1vw;
}
.giant-hscroll span:last-child {
  color: color-mix(in srgb, var(--color-brown) 70%, #000);
}
.giant-hscroll span:last-child img:not(.blumen) {
  margin-right: 1vw;
}

/*************************************

CONTAINER

*************************************/
.bg-white .ring,
.bg-beige .ring,
.bg-green .ring,
.green-box .ring,
.bg-blue .ring,
.bg-default .ring {
  bottom: 1em;
  right: 1em;
}

.bg-white {
  background-color: var(--color-page-background);
  margin: 3em 0;
}

.bg-beige {
  background-color: var(--color-beige);
  margin: 3em 0;
}
.bg-beige p > a {
  color: color-mix(in srgb, var(--color-beige) 40%, #fff);
  text-decoration: underline;
}
.bg-beige p > a:hover {
  color: color-mix(in srgb, var(--color-beige) 50%, #000);
}

.bg-green, .green-box {
  background-color: var(--color-green);
  margin: 3em 0;
}
.bg-green *, .green-box * {
  color: #fff;
}
.bg-green p > a, .green-box p > a {
  color: color-mix(in srgb, var(--color-green) 40%, #fff);
  text-decoration: underline;
  font-weight: 500;
}
.bg-green p > a:hover, .green-box p > a:hover {
  color: color-mix(in srgb, var(--color-green) 50%, #000);
}
.bg-green ul > li:before, .green-box ul > li:before {
  filter: brightness(0) invert(1);
}

.bg-blue {
  background-color: var(--color-blue-2);
  margin: 3em 0;
}
.bg-blue *:not(option) {
  color: #fff;
}
.bg-blue p > a {
  color: color-mix(in srgb, var(--color-blue-2) 40%, #fff);
  text-decoration: underline;
}
.bg-blue p > a:hover {
  color: color-mix(in srgb, var(--color-blue-2) 50%, #000);
}

.bg-default {
  background-color: var(--color-default);
  margin: 3em 0;
}
.bg-default * {
  color: #fff;
}
.bg-default p > a {
  color: color-mix(in srgb, var(--color-default) 40%, #fff);
  text-decoration: underline;
}
.bg-default p > a:hover {
  color: color-mix(in srgb, var(--color-default) 50%, #000);
}

.green-box {
  padding: 2em;
  border-radius: var(--base-border-radius);
}

/*************************************

GENUSS MODUL

*************************************/
@media screen and (min-width: 64.063em) {
  .genuss-modul {
    padding: 2em 0;
  }
  .genuss-modul h2 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 64.063em) {
  .genuss-modul > .autogrid_row.gutter_l > div {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.genuss-modul .small-box {
  position: relative;
}
@media screen and (min-width: 64.063em) {
  .genuss-modul .small-box {
    padding-left: 30%;
  }
}
.genuss-modul .small-box .sticker-img {
  position: absolute;
  top: -20%;
  left: -150px;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 64.063em) {
  .genuss-modul .small-box .sticker-img {
    top: -10%;
    left: 12%;
  }
}
.genuss-modul .small-box .content-text > figure {
  margin-bottom: 0.5em;
}
.genuss-modul .img-half-full .content-image {
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: -65px;
  margin-top: 30px;
}
@media screen and (min-width: 64.063em) {
  .genuss-modul .img-half-full .content-image {
    margin: 0;
  }
}
.genuss-modul .img-half-full > .attributes img {
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}
@media screen and (min-width: 64.063em) {
  .genuss-modul .img-half-full {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-right: 0 !important;
  }
  .genuss-modul .img-half-full > .attributes {
    height: 100%;
  }
  .genuss-modul .img-half-full > .attributes .content-image {
    height: 100%;
  }
  .genuss-modul .img-half-full > .attributes .content-image figure {
    height: 100%;
  }
  .genuss-modul .img-half-full > .attributes .content-image figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50px 0 0 50px;
  }
}

.tagung-infobox {
  position: relative;
  border: 1px solid var(--color-gray-dark);
  padding: 2em;
}
.tagung-infobox h1, .tagung-infobox h2, .tagung-infobox h3, .tagung-infobox h4, .tagung-infobox h5, .tagung-infobox h6 {
  margin-bottom: 1em;
}
@media screen and (max-width: 74.99875em) {
  .tagung-infobox:first-child {
    margin-bottom: 4em;
  }
}
.tagung-infobox:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  background-image: url("../../files/theme/dist/img/hotel-logo-symbol.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateX(-50%);
  width: 100px;
  height: 40px;
}
@media screen and (min-width: 75em) {
  .tagung-infobox:before {
    top: -50px;
    width: 200px;
    height: 80px;
  }
}
.tagung-infobox:before {
  z-index: 1;
}
.tagung-infobox ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-inline: auto;
}
.tagung-infobox ul li {
  position: relative;
  padding: 10px 0;
  line-height: 2.5;
}
@media screen and (min-width: 75em) {
  .tagung-infobox ul li {
    padding: 10px 0;
  }
}
.tagung-infobox ul li:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 30%;
  min-width: 70px;
  margin-inline: auto;
  background-color: var(--color-gray-light);
  left: 0;
  right: 0;
  bottom: 0;
}
.tagung-infobox ul li a {
  display: inline-block;
  color: var(--color-text);
  font-weight: 700;
  padding: 10px;
}
.tagung-infobox ul li a:hover {
  color: var(--color-default);
  font-weight: 500;
}

/*************************************

IMPRESSUM

*************************************/
.impressum #mobile-section,
.impressum #hamburger-section {
  display: none;
}
.impressum #mainNav .logo-nav {
  padding-left: 0;
}
.impressum #mainNav ul.smooth {
  display: none !important;
}
.impressum h1 {
  font-size: 1.9rem;
  margin-bottom: 2rem;
  font-variation-settings: "wght" 500;
}
.impressum h2 {
  font-size: 1.4rem;
  font-variation-settings: "wght" 500;
}
.impressum h3 {
  font-size: 1.25rem;
  text-transform: none;
  font-variation-settings: "wght" 500;
}
.impressum h4 {
  text-transform: none;
  font-variation-settings: "wght" 500;
}
@media screen and (min-width: 75em) {
  .impressum h1 {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  .impressum h2 {
    margin-top: 2rem;
    font-size: 1.6rem;
  }
  .impressum h3 {
    font-size: 1.35rem;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: var(--base-spacing-unit-sm);
}

ul,
ol,
dl,
blockquote,
p,
address,
hr,
fieldset,
figure,
pre {
  margin-bottom: var(--base-spacing-unit);
}

ul,
ol,
dd {
  margin-left: var(--base-spacing-unit);
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

a:focus-visible,
[tabindex="0"]:focus-visible {
  outline: var(--links-outline-focus);
}
a:active,
[tabindex="0"]:active {
  outline: var(--links-outline-active);
}

a {
  color: var(--links-color);
}
a:visited {
  color: var(--links-color-visited);
}

:not(p) a {
  text-decoration: none;
}

figure {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
}

html {
  font-family: var(--base-font-family, sans-serif);
  font-size: var(--base-font-size-xs);
  line-height: var(--base-line-height);
  font-weight: var(--base-font-weight);
  background-color: var(--color-page-background);
  color: var(--color-text);
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 34.375em) {
  html {
    font-size: var(--base-font-size-sm, var(--base-font-size));
  }
}
@media screen and (min-width: 48em) {
  html {
    font-size: var(--base-font-size);
  }
}
@media screen and (min-width: 64.063em) {
  html {
    font-size: var(--base-font-size-lg, var(--base-font-size));
  }
}
@media screen and (min-width: 75em) {
  html {
    font-size: var(--base-font-size-xl);
  }
}

/* Farben für helles und dunkles Farbschema */
html {
  font-family: var(--base-font-family, sans-serif);
  font-size: var(--base-font-size-xs);
  line-height: var(--base-line-height);
  font-weight: var(--base-font-weight);
  background-color: var(--color-page-background);
  color: var(--color-text);
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 34.375em) {
  html {
    font-size: var(--base-font-size-sm, var(--base-font-size));
  }
}
@media screen and (min-width: 48em) {
  html {
    font-size: var(--base-font-size);
  }
}
@media screen and (min-width: 64.063em) {
  html {
    font-size: var(--base-font-size-lg, var(--base-font-size));
  }
}
@media screen and (min-width: 75em) {
  html {
    font-size: var(--base-font-size-xl);
  }
}
html::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
html::-webkit-scrollbar-track {
  background-color: #f9f9f9;
  border-radius: 10px;
}
html::-webkit-scrollbar-thumb {
  background-color: #b0b0b0;
  border-radius: 10px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border: 3px solid #f9f9f9;
}
html::-webkit-scrollbar-thumb:hover {
  background-color: #8a8a8a;
}
html {
  background: url(../../files/theme/dist/img/bg-texture.webp) center center repeat;
  scrollbar-width: auto;
  scrollbar-color: #b0b0b0 #f9f9f9;
}

.ce_gallery > ul li {
  display: grid;
  grid-column: 1/-1;
  max-width: 100%;
}
@supports not (display: grid) {
  .ce_gallery > ul li {
    padding-left: var(--grid-gutter-half);
    padding-right: var(--grid-gutter-half);
  }
}

/* Postdam */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Postdam";
  font-style: normal;
  font-weight: 400;
  src: url("../../files/theme/dist/fonts/postdam.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url("../../files/theme/dist/fonts/playfair-display-v40-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../../files/theme/dist/fonts/montserrat-v31-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height);
  color: var(--h1-color);
  margin-top: var(--h1-spacing-top);
  margin-bottom: var(--h1-spacing-bottom);
}
@media screen and (min-width: 34.375em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-md);
  }
}
@media screen and (min-width: 64.063em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-xl);
  }
}
@media screen and (min-width: 100em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-xxl);
  }
}

.heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height);
  color: var(--h2-color);
  margin-top: var(--h2-spacing-top);
  margin-bottom: var(--h2-spacing-bottom);
}
@media screen and (min-width: 34.375em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-md);
  }
}
@media screen and (min-width: 64.063em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-xl);
  }
}
@media screen and (min-width: 100em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-xxl);
  }
}

.heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  color: var(--h3-color);
  margin-top: var(--h3-spacing-top);
  margin-bottom: var(--h3-spacing-bottom);
}
@media screen and (min-width: 34.375em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-md);
  }
}
@media screen and (min-width: 64.063em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-xl);
  }
}
@media screen and (min-width: 100em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-xxl);
  }
}

.heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  color: var(--h4-color);
  margin-top: var(--h4-spacing-top);
  margin-bottom: var(--h4-spacing-bottom);
}
@media screen and (min-width: 34.375em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-md);
  }
}
@media screen and (min-width: 64.063em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-xl);
  }
}
@media screen and (min-width: 100em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-xxl);
  }
}

.heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--h5-line-height);
  color: var(--h5-color);
  margin-top: var(--h5-spacing-top);
  margin-bottom: var(--h5-spacing-bottom);
}
@media screen and (min-width: 34.375em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-md);
  }
}
@media screen and (min-width: 64.063em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-xl);
  }
}
@media screen and (min-width: 100em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-xxl);
  }
}

.heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--h6-line-height);
  color: var(--h6-color);
  margin-top: var(--h6-spacing-top);
  margin-bottom: var(--h6-spacing-bottom);
}
@media screen and (min-width: 34.375em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-md);
  }
}
@media screen and (min-width: 64.063em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-xl);
  }
}
@media screen and (min-width: 100em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-xxl);
  }
}

p,
ul,
ol {
  margin-top: 0;
}
p a,
ul a,
ol a {
  -webkit-text-decoration: var(--paragraph-link-decoration);
  text-decoration: var(--paragraph-link-decoration);
}
p a:hover,
ul a:hover,
ol a:hover {
  --paragraph-link-decoration: var(--paragraph-link-decoration-hover);
}
p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

code {
  color: var(--code-color);
}

pre {
  padding: 1rem;
  background: var(--pre-color-background);
  color: var(--pre-color);
  overflow-x: scroll;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: var(--hr-border);
}

.li--block {
  margin-bottom: 1rem;
}

.ce_text,
.content-text {
  margin-bottom: var(--base-spacing-unit);
}

::-moz-selection {
  background: var(--selection-background);
  color: var(--selection-color);
  opacity: 1;
}

::selection {
  background: var(--selection-background);
  color: var(--selection-color);
  opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: var(--headings-font-weight);
  font-variation-settings: "wght" var(--headings-font-weight);
  letter-spacing: var(--headings-letter-spacing);
  font-style: normal;
  text-wrap: balance;
  font-variant-numeric: lining-nums;
  z-index: 10;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-family: var(--headings-font-family-special);
  font-size: 1.1em;
}

h1 {
  text-wrap: pretty;
}

.details-h1 h1 br {
  font-size: 30px;
}

@media screen and (max-width: 74.99875em) {
  h2 {
    overflow-wrap: break-word;
    hyphens: auto;
  }
}

h3 + h4 {
  margin-top: 1rem;
}

h4 + h3,
h5 + h3 {
  margin-top: -1rem;
}

.title-line {
  margin-bottom: 0;
}
.title-line h1, .title-line h2, .title-line h3, .title-line h4, .title-line h5, .title-line h6 {
  display: inline-block;
  margin-bottom: 0.45em;
}
.title-line h1:before, .title-line h2:before, .title-line h3:before, .title-line h4:before, .title-line h5:before, .title-line h6:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid var(--color-default);
  left: -100vw;
  right: 0;
  bottom: -10px;
}

p,
ul,
ol {
  margin-top: 0;
  margin-bottom: var(--base-spacing-unit-xs);
}
p a,
ul a,
ol a {
  -webkit-text-decoration: var(--paragraph-link-decoration);
  text-decoration: var(--paragraph-link-decoration);
}
p a:hover,
ul a:hover,
ol a:hover {
  --paragraph-link-decoration: var(--paragraph-link-decoration-hover);
}

ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
ul li {
  padding: 5px 0;
  text-indent: -5px;
  margin-left: 5px;
}
ul li:before {
  content: "·";
  display: inline-block;
  margin-right: 5px;
}

.highlight {
  color: var(--color-default);
}

p + ul {
  margin-top: -10px;
}

strong {
  font-weight: 700;
  font-variation-settings: "wght" 500;
}

.text-center {
  text-align: center;
}

.text-big {
  font-size: 18px;
}
@media screen and (min-width: 64.063em) {
  .text-big {
    font-size: 25px;
  }
}
@media screen and (min-width: 75em) {
  .text-big {
    font-size: 35px;
  }
}

.font-big {
  font-size: clamp(18px, 2vw, 25px);
  color: var(--headings__color);
  line-height: 1.5;
}
@media screen and (min-width: 75em) {
  .font-big h2 {
    margin-bottom: 30px;
  }
}

.line-link, #sub-menu-mobile ul li a,
#sub-menu-mobile ul li strong, #mobile-section .copyright ul li a {
  display: inline-block;
}
.line-link:after, #sub-menu-mobile ul li a:after,
#sub-menu-mobile ul li strong:after, #mobile-section .copyright ul li a:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  margin-top: 0;
  background-color: rgb(173, 173, 173);
  opacity: 0;
  transition: all 0.3s;
}
.line-link:hover:after, #sub-menu-mobile ul li a:hover:after,
#sub-menu-mobile ul li strong:hover:after, #mobile-section .copyright ul li a:hover:after {
  width: 100%;
  opacity: 1;
}

.price-text {
  font-family: var(--headings-font-family);
  font-size: 1.75em;
  margin-bottom: 0;
}

/*************************************

CHECKLIST SETTINGS

*************************************/
.check-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.check-list ul li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  line-height: 1.25;
  padding: 5px 0;
  text-indent: 0;
  border: none;
  margin-left: 0;
}
.check-list ul li:before {
  content: "";
  display: inline-block;
  background: url("../../files/theme/dist/img/icons/checkmark.svg") no-repeat;
  min-width: 16px;
  height: 20px;
  margin-right: 0;
  margin-top: 2px;
  background-size: contain;
}
@media screen and (min-width: 64.063em) {
  .check-list ul li:before {
    vertical-align: baseline;
  }
}
.check-list ul li ul {
  list-style: revert;
  margin: 0;
  margin-bottom: 10px;
}
.check-list ul li ul li {
  text-indent: 0;
  margin-left: 15px;
}
.check-list ul li ul li:before {
  content: none;
}

/*************************************

HIGHLIGHT GIMMICK

*************************************/
.highlight-wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.highlight-title {
  display: block;
  text-align: center;
  margin: 0 auto;
  transform-origin: left center;
  font-family: var(--headings-font-family-special);
  transform: translateY(100px);
  white-space: nowrap;
  line-height: 1;
  transition: transform 1s, opacity 1s;
  opacity: 0;
  visibility: hidden;
}
.highlight-title.visible {
  opacity: 1;
}

@media screen and (max-width: 74.99875em) {
  .autogrid_row,
  .autogrid_wrapper {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media screen and (min-width: 100em) {
  .autogrid_row.gutter_l,
  .autogrid_wrapper.gutter_l {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }
  .autogrid_row.gutter_l > div,
  .autogrid_wrapper.gutter_l > div {
    padding-left: 100px;
    padding-right: 100px;
  }
  .autogrid_row.gutter_m,
  .autogrid_wrapper.gutter_m {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }
  .autogrid_row.gutter_m > div,
  .autogrid_wrapper.gutter_m > div {
    padding-left: 50px;
    padding-right: 50px;
  }
}

[id=wrapper] {
  min-height: 100vh;
  display: grid;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: 100%;
  margin-left: auto;
  margin-right: auto;
  background: var(--layout-wrapper-background);
}

[id=header] {
  background: var(--layout-header-background);
  color: var(--layout-header-color);
}
[id=header] > .inside {
  max-width: 105em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layout-spacing-sides);
  padding-right: var(--layout-spacing-sides);
}

[id=footer] {
  background: var(--layout-footer-background);
  color: var(--layout-footer-color);
}
[id=footer] > .inside {
  max-width: 105em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layout-spacing-sides);
  padding-right: var(--layout-spacing-sides);
}

@media screen and (min-width: 100em) {
  .mod_article.container-small > .inside {
    max-width: 1500px;
    margin: 0 auto;
  }
}

.container-gray {
  background: linear-gradient(180deg, #e1e1e1, rgba(225, 225, 225, 0));
  padding-top: 100px;
  margin-top: 100px;
}

.column-2 {
  display: grid;
  justify-content: center;
  margin: 0;
}
@media screen and (min-width: 64.063em) {
  .column-2 {
    display: block;
    max-width: 650px;
    margin: 0 auto;
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
  .column-2 h1,
  .column-2 h2,
  .column-2 h3 {
    -moz-column-span: all;
    column-span: all;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 75em) {
  .column-2 {
    max-width: 850px;
  }
}
@media screen and (min-width: 100em) {
  .column-2 {
    -moz-column-gap: 200px;
    column-gap: 200px;
  }
}

/*************************************

FOOTER SECTION

*************************************/
#beforefooter-section {
  margin-top: 70px;
  overflow: hidden;
}

.bettbike-wrapper {
  max-width: 200px;
  font-size: 14px;
}

#footer {
  position: relative;
  margin-top: auto;
  padding-top: 5em;
  z-index: 1;
}
#footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 214, 60, 0) 0%, var(--color-yellow) 100%);
  opacity: 0.35;
  z-index: -1;
}
#footer .inside {
  overflow: visible;
  max-width: 100em;
}
#footer .inside .copyright {
  margin-top: 5em;
  margin-inline: auto;
  overflow: visible;
}
#footer .inside .copyright a {
  color: var(--color-text);
  opacity: 0.6;
}
#footer .inside {
  --footer-wrapper-gap: 100px;
}
#footer .inside .footer-wrapper {
  gap: var(--footer-wrapper-gap);
}
@media screen and (min-width: 64.063em) {
  #footer .inside .footer-wrapper {
    gap: 0;
  }
}
#footer .inside .footer-wrapper .left-wrapper {
  text-align: center;
}
@media screen and (min-width: 64.063em) {
  #footer .inside .footer-wrapper .left-wrapper {
    text-align: left;
  }
}
#footer .inside .footer-wrapper > div:not(:last-child):after {
  content: "";
  height: 1px;
  width: 50%;
  background: var(--color-text);
  position: absolute;
  left: 50%;
  bottom: calc(var(--footer-wrapper-gap) / 2 * -1);
  transform: translateX(-50%);
  opacity: 0.5;
}
@media screen and (min-width: 64.063em) {
  #footer .inside .footer-wrapper > div:not(:last-child):after {
    height: 280px;
    width: 1px;
    background: var(--color-text);
    position: absolute;
    top: 50%;
    right: 0;
    bottom: initial;
    left: initial;
    transform: translateY(-50%);
    opacity: 0.5;
  }
}
#footer .inside a {
  margin-top: 0;
}
#footer .inside a:after {
  content: none;
}
#footer .footer-img {
  position: absolute;
  top: -11vw;
  right: 0;
  width: 20vw;
  max-width: 450px;
  z-index: -1;
}
#footer .footer-img img {
  width: 100%;
}

.copyright {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 0.85em;
  padding: 15px 0;
  margin-bottom: 0;
  justify-content: center;
  text-align: right;
  padding-left: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 48em) {
  .copyright {
    justify-content: flex-start;
    text-align: center;
    padding-left: 0;
  }
}

.social-media {
  display: flex;
}

.logo-footer {
  max-width: 180px;
  margin-inline: auto;
  margin-bottom: 2em;
}
@media screen and (min-width: 48em) {
  .logo-footer {
    max-width: 230px;
    margin-bottom: 0;
  }
}

.mod_article {
  position: relative;
}
.mod_article > .inside {
  max-width: 105em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layout-spacing-sides);
  padding-right: var(--layout-spacing-sides);
  padding-top: var(--article-spacing-top);
  padding-bottom: var(--article-spacing-bottom);
}

.article--full > .inside {
  max-width: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.mod_article {
  position: relative;
  overflow-x: clip;
}

.article--full > .inside {
  padding-top: var(--article-spacing-top);
  padding-bottom: var(--article-spacing-bottom);
}
@media screen and (min-width: 100em) {
  .article--full > .inside {
    padding: var(--base-spacing-unit-xl);
  }
}
.article--full > .inside .row.inside {
  max-width: 105em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layout-spacing-sides);
  padding-right: var(--layout-spacing-sides);
}
.article--full.no-padding > .inside {
  padding-left: 0;
  padding-right: 0;
}

.image--left img {
  text-align: left;
  margin-left: 0;
}

.image--right img {
  text-align: right;
  margin-right: 0;
}

.image--center img {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.ce_gallery {
  margin-bottom: var(--base-spacing-unit);
}
.ce_gallery > ul {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid-gutter) / 2);
    margin-right: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery > ul {
  grid-row-gap: var(--gallery-gutter);
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.ce_gallery .cols_2 li {
  grid-column: 1/-1;
}
@supports not (display: grid) {
  .ce_gallery .cols_2 li {
    padding-left: var(--grid-gutter-half);
    padding-right: var(--grid-gutter-half);
  }
}
.ce_gallery .cols_2 li {
  grid-column: span 6/span 6;
}
@supports not (display: grid) {
  .ce_gallery .cols_2 li {
    width: 50%;
  }
}
.ce_gallery .cols_3 li {
  grid-column: 1/-1;
}
@supports not (display: grid) {
  .ce_gallery .cols_3 li {
    padding-left: var(--grid-gutter-half);
    padding-right: var(--grid-gutter-half);
  }
}
.ce_gallery .cols_3 li {
  grid-column: span 6/span 6;
}
@supports not (display: grid) {
  .ce_gallery .cols_3 li {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .ce_gallery .cols_3 li {
    grid-column: 1/-1;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_3 li {
      padding-left: var(--grid-gutter-half);
      padding-right: var(--grid-gutter-half);
    }
  }
  .ce_gallery .cols_3 li {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_3 li {
      width: 33.3333333333%;
    }
  }
}
.ce_gallery .cols_4 li {
  grid-column: 1/-1;
}
@supports not (display: grid) {
  .ce_gallery .cols_4 li {
    padding-left: var(--grid-gutter-half);
    padding-right: var(--grid-gutter-half);
  }
}
.ce_gallery .cols_4 li {
  grid-column: span 6/span 6;
}
@supports not (display: grid) {
  .ce_gallery .cols_4 li {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .ce_gallery .cols_4 li {
    grid-column: 1/-1;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_4 li {
      padding-left: var(--grid-gutter-half);
      padding-right: var(--grid-gutter-half);
    }
  }
  .ce_gallery .cols_4 li {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_4 li {
      width: 25%;
    }
  }
}
.ce_gallery .cols_5 li {
  grid-column: 1/-1;
}
@supports not (display: grid) {
  .ce_gallery .cols_5 li {
    padding-left: var(--grid-gutter-half);
    padding-right: var(--grid-gutter-half);
  }
}
.ce_gallery .cols_5 li {
  grid-column: span 6/span 6;
}
@supports not (display: grid) {
  .ce_gallery .cols_5 li {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .ce_gallery .cols_5 li {
    grid-column: 1/-1;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_5 li {
      padding-left: var(--grid-gutter-half);
      padding-right: var(--grid-gutter-half);
    }
  }
  .ce_gallery .cols_5 li {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_5 li {
      width: 16.6666666667%;
    }
  }
}
.ce_gallery .cols_6 li {
  grid-column: 1/-1;
}
@supports not (display: grid) {
  .ce_gallery .cols_6 li {
    padding-left: var(--grid-gutter-half);
    padding-right: var(--grid-gutter-half);
  }
}
.ce_gallery .cols_6 li {
  grid-column: span 6/span 6;
}
@supports not (display: grid) {
  .ce_gallery .cols_6 li {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .ce_gallery .cols_6 li {
    grid-column: 1/-1;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_6 li {
      padding-left: var(--grid-gutter-half);
      padding-right: var(--grid-gutter-half);
    }
  }
  .ce_gallery .cols_6 li {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .ce_gallery .cols_6 li {
      width: 16.6666666667%;
    }
  }
}
.ce_gallery img {
  display: block;
}

.content-gallery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.content-gallery a {
  text-decoration: none;
}
.content-gallery {
  margin-bottom: var(--base-spacing-unit);
}
.content-gallery ul {
  grid-row-gap: var(--gallery-gutter);
}
.content-gallery--cols-2 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-2 ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid-gutter) / 2);
    margin-right: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-3 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-3 ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid-gutter) / 2);
    margin-right: calc(-1 * var(--grid-gutter) / 2);
  }
}
@media screen and (min-width: 48em) {
  .content-gallery--cols-3 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
  @supports not (display: grid) {
    .content-gallery--cols-3 ul {
      display: flex;
      flex-wrap: wrap;
      margin-left: calc(-1 * var(--grid-gutter) / 2);
      margin-right: calc(-1 * var(--grid-gutter) / 2);
    }
  }
}
.content-gallery--cols-4 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-4 ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid-gutter) / 2);
    margin-right: calc(-1 * var(--grid-gutter) / 2);
  }
}
@media screen and (min-width: 48em) {
  .content-gallery--cols-4 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
  @supports not (display: grid) {
    .content-gallery--cols-4 ul {
      display: flex;
      flex-wrap: wrap;
      margin-left: calc(-1 * var(--grid-gutter) / 2);
      margin-right: calc(-1 * var(--grid-gutter) / 2);
    }
  }
}
.content-gallery--cols-5 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-5 ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid-gutter) / 2);
    margin-right: calc(-1 * var(--grid-gutter) / 2);
  }
}
@media screen and (min-width: 48em) {
  .content-gallery--cols-5 ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
  @supports not (display: grid) {
    .content-gallery--cols-5 ul {
      display: flex;
      flex-wrap: wrap;
      margin-left: calc(-1 * var(--grid-gutter) / 2);
      margin-right: calc(-1 * var(--grid-gutter) / 2);
    }
  }
}
.content-gallery--cols-6 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-6 ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid-gutter) / 2);
    margin-right: calc(-1 * var(--grid-gutter) / 2);
  }
}
@media screen and (min-width: 48em) {
  .content-gallery--cols-6 ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
  @supports not (display: grid) {
    .content-gallery--cols-6 ul {
      display: flex;
      flex-wrap: wrap;
      margin-left: calc(-1 * var(--grid-gutter) / 2);
      margin-right: calc(-1 * var(--grid-gutter) / 2);
    }
  }
}
.content-gallery img {
  display: block;
}

.ce_player .video_container,
.ce_youtube .video_container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}

.content-player figure:has(video),
.content-player figure:has(iframe),
.content-youtube figure:has(video),
.content-youtube figure:has(iframe) {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}

.ce_player video,
.content-player video {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.ce_youtube iframe,
.content-youtube iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
.ce_youtube button,
.content-youtube button {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
}
.ce_youtube button img,
.content-youtube button img {
  grid-column: 1/-1;
  grid-row: 1;
}
.ce_youtube button p,
.content-youtube button p {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  padding: var(--base-spacing-unit);
  background: var(--base-overlay-background);
  color: var(--color-text-inverted);
}

figcaption {
  display: none;
  padding: 5px;
  font-size: 14px;
  opacity: 0.75;
}

.caption-on img {
  margin: 0;
}
.caption-on figcaption {
  display: block !important;
}

@media screen and (min-width: 64.063em) {
  .img-right {
    margin-right: -10vw;
  }
}
@media only screen and (min-width: 2100px) {
  .img-right {
    margin-right: 0;
  }
}

.content-gallery--cols-4 ul {
  grid-column-gap: var(--gallery-gutter);
}

.content-gallery ul li {
  border: none;
  padding: 0;
  margin-left: 0;
}
.content-gallery ul li:before {
  content: none;
}
.content-gallery ul li a {
  display: block;
  padding: 0;
}
.content-gallery img {
  width: 100%;
}

.round-corners img, .content-image img {
  border-radius: var(--base-border-radius);
  overflow: hidden;
}

video {
  -o-object-fit: cover;
  object-fit: cover;
}

.content-player figure {
  border-radius: 30px;
  overflow: hidden;
}

.gallery-special-article .autogrid_row .left-wrapper {
  background-color: var(--color-green-2);
  padding-block: 50px;
  overflow-y: clip;
}
@media screen and (min-width: 64.063em) {
  .gallery-special-article .autogrid_row .left-wrapper:before {
    content: "";
    background-color: var(--color-green-2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    z-index: -1;
  }
  .gallery-special-article .autogrid_row .left-wrapper:after {
    content: "";
    background: url("../../files/theme/dist/img/kraeuter-hotelpost.svg") no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 100em) {
  .gallery-special-article .autogrid_row .left-wrapper {
    padding-block: 15vh;
  }
}
.gallery-special-article .autogrid_row .right-wrapper {
  padding: 0;
}
.gallery-special-article .autogrid_row .right-wrapper .content-gallery {
  border-radius: 0 0 3em 3em;
}
@media screen and (min-width: 64.063em) {
  .gallery-special-article .autogrid_row .right-wrapper .content-gallery {
    margin-right: calc((100vw - 100%) / -2 + 10%);
    border-radius: 3em 0 0 3em;
  }
}
@media screen and (min-width: 100em) {
  .gallery-special-article .autogrid_row .right-wrapper .content-gallery {
    margin-right: calc((100vw - 100%) / -2 + 50%);
  }
}
.gallery-special-article .autogrid_row .right-wrapper .content-gallery {
  overflow: hidden;
}
.gallery-special-article .autogrid_row .right-wrapper .content-gallery ul {
  gap: 0;
}
.gallery-special-article .autogrid_row .right-wrapper .content-gallery ul li figure {
  margin: 0 !important;
}

.absolute-image {
  position: absolute;
}

.ce_comments .submit, input.submit,
button.submit, div.btn > a,
div.btn > button,
.ce_toplink > a,
.ce_toplink > button,
.toplink > a,
.toplink > button,
.content-toplink > a,
.content-toplink > button, a.btn,
span.btn,
button.btn {
  border-radius: var(--button-border-radius);
  padding: var(--button-spacing);
  display: inline-block;
  border: var(--button-border-width) var(--button-border-style, solid) var(--button-border-color, transparent);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background: transparent;
  color: var(--button-color);
  background-image: none;
  white-space: nowrap;
  text-decoration: none;
}

.ce_comments .submit, input.submit,
button.submit, div.btn--primary > a,
div.btn--primary > button,
.ce_toplink > a,
.ce_toplink > button,
.toplink > a,
.toplink > button,
.content-toplink > a,
.content-toplink > button, a.btn--primary,
span.btn--primary,
button.btn--primary {
  background: var(--button-background);
  color: var(--button-color);
}
.ce_comments .submit:hover, input.submit:hover,
button.submit:hover, div.btn--primary > a:hover,
div.btn--primary > button:hover,
.ce_toplink > a:hover,
.ce_toplink > button:hover,
.toplink > a:hover,
.toplink > button:hover,
.content-toplink > a:hover,
.content-toplink > button:hover, a.btn--primary:hover,
span.btn--primary:hover,
button.btn--primary:hover {
  --button-background: var(--button-background-hover);
  --button-color: var(--button-color-hover);
}

a.btn,
span.btn,
button.btn {
  margin-bottom: var(--base-spacing-unit);
}

div.btn:not(:last-child),
.ce_toplink:not(:last-child),
.toplink:not(:last-child),
.content-toplink:not(:last-child) {
  margin-bottom: var(--base-spacing-unit);
}

div.btn--left {
  text-align: left;
}

div.btn--center {
  text-align: center;
}

div.btn--right {
  text-align: right;
}

.btn--floated {
  float: left;
  margin-right: var(--base-spacing-unit-xs);
}

.ce_toplink a,
.toplink a,
.content-toplink a {
  text-decoration: none;
}

.back {
  border-top: var(--base-border);
  margin-top: var(--base-spacing-unit);
  padding-top: var(--base-spacing-unit-sm);
}
.back a {
  text-decoration: none;
}

html {
  --button-bg: transparent;
  --button-bg-hover: transparent;
}

.ce_comments .submit, input.submit,
button.submit, a.btn,
span.btn,
button.btn, div.btn > a,
div.btn > button,
.ce_toplink > a,
.ce_toplink > button,
.toplink > a,
.toplink > button,
.content-toplink > a,
.content-toplink > button {
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: var(--button-spacing);
  border: none;
  border-radius: var(--button-border-radius);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  font-size: 15px;
  line-height: var(--button-line-height);
  text-align: center;
  background: var(--button-background);
  color: var(--button-color);
  background-image: none;
  white-space: nowrap;
  text-decoration: none;
  line-height: 2;
}

.ce_comments .submit, input.submit,
button.submit, a.btn--primary,
span.btn--primary,
button.btn--primary, div.btn--primary > a,
div.btn--primary > button,
.ce_toplink > a,
.ce_toplink > button,
.toplink > a,
.toplink > button,
.content-toplink > a,
.content-toplink > button {
  color: var(--button-color);
  margin-top: auto;
  transition: all 0.2s;
}
.ce_comments .submit:hover, input.submit:hover,
button.submit:hover, a.btn--primary:hover,
span.btn--primary:hover,
button.btn--primary:hover, div.btn--primary > a:hover,
div.btn--primary > button:hover,
.ce_toplink > a:hover,
.ce_toplink > button:hover,
.toplink > a:hover,
.toplink > button:hover,
.content-toplink > a:hover,
.content-toplink > button:hover {
  --button-background: var(--button-background-hover);
  --button-color: var(--button-color-hover);
  transform: translateY(-3px);
}
.ce_comments .submit:hover:after, input.submit:hover:after,
button.submit:hover:after, a.btn--primary:hover:after,
span.btn--primary:hover:after,
button.btn--primary:hover:after, div.btn--primary > a:hover:after,
div.btn--primary > button:hover:after,
.ce_toplink > a:hover:after,
.ce_toplink > button:hover:after,
.toplink > a:hover:after,
.toplink > button:hover:after,
.content-toplink > a:hover:after,
.content-toplink > button:hover:after {
  transform: translateX(3px);
}

a.btn,
span.btn,
button.btn {
  margin-bottom: var(--base-spacing-unit);
}

a.btn--primary.alt,
span.btn--primary.alt,
button.btn--primary.alt {
  --button-background: var(--color-page-background);
  color: var(--color-default);
}
a.btn--primary.alt:after,
span.btn--primary.alt:after,
button.btn--primary.alt:after {
  filter: none;
}
a.btn--primary.gray,
span.btn--primary.gray,
button.btn--primary.gray {
  --button-background: var(--color-gray-dark);
  color: #fff;
}
a.btn--primary.gray:after,
span.btn--primary.gray:after,
button.btn--primary.gray:after {
  filter: none;
}
a.btn--primary.red > a,
span.btn--primary.red > a,
button.btn--primary.red > a {
  --button-background: var(--color-default);
  color: #fff;
}
a.btn--primary.red > a:after,
span.btn--primary.red > a:after,
button.btn--primary.red > a:after {
  filter: none;
}
a.btn--primary.green > a,
span.btn--primary.green > a,
button.btn--primary.green > a {
  --button-background: var(--color-green);
  color: #fff;
}
a.btn--primary.green > a:after,
span.btn--primary.green > a:after,
button.btn--primary.green > a:after {
  filter: none;
}
a.btn--primary.blue > a,
span.btn--primary.blue > a,
button.btn--primary.blue > a {
  --button-background: var(--color-blue);
  color: #fff;
}
a.btn--primary.blue > a:after,
span.btn--primary.blue > a:after,
button.btn--primary.blue > a:after {
  filter: none;
}
a.btn--primary.lightdefault,
span.btn--primary.lightdefault,
button.btn--primary.lightdefault {
  --button-background: var(--color-beige-2);
  color: var(--color-default);
  border: none;
}
a.btn--primary.lightdefault:after,
span.btn--primary.lightdefault:after,
button.btn--primary.lightdefault:after {
  filter: none;
}
a.btn--primary.buchen,
span.btn--primary.buchen,
button.btn--primary.buchen {
  display: inline-flex;
  align-items: center;
}
a.btn--primary.buchen:after,
span.btn--primary.buchen:after,
button.btn--primary.buchen:after {
  content: "";
  display: inline-block;
  margin-left: 15px;
  width: 23px;
  height: 12px;
  vertical-align: middle;
  background: url(../../files/theme/dist/img/icons/post-icon.svg) no-repeat;
  background-size: contain;
  filter: brightness(0);
  transition: all 0.3s;
}

div.btn:not(:last-child),
.ce_toplink:not(:last-child),
.toplink:not(:last-child),
.content-toplink:not(:last-child) {
  margin-bottom: var(--base-spacing-unit);
}

div.btn--primary.alt > a,
.ce_toplink.alt > a,
.toplink.alt > a,
.content-toplink.alt > a {
  --button-background: var(--color-page-background);
  color: var(--color-default);
}
div.btn--primary.alt > a:after,
.ce_toplink.alt > a:after,
.toplink.alt > a:after,
.content-toplink.alt > a:after {
  filter: none;
}
div.btn--primary.gray > a,
.ce_toplink.gray > a,
.toplink.gray > a,
.content-toplink.gray > a {
  --button-background: var(--color-gray-dark);
  color: #fff;
  border: none;
}
div.btn--primary.gray > a:after,
.ce_toplink.gray > a:after,
.toplink.gray > a:after,
.content-toplink.gray > a:after {
  filter: none;
}
div.btn--primary.red > a,
.ce_toplink.red > a,
.toplink.red > a,
.content-toplink.red > a {
  --button-background: var(--color-default);
  color: #fff;
  border: none;
}
div.btn--primary.red > a:after,
.ce_toplink.red > a:after,
.toplink.red > a:after,
.content-toplink.red > a:after {
  filter: none;
}
div.btn--primary.lightdefault > a,
.ce_toplink.lightdefault > a,
.toplink.lightdefault > a,
.content-toplink.lightdefault > a {
  --button-background: var(--color-beige-2);
  color: var(--color-default);
  border: none;
}
div.btn--primary.lightdefault > a:after,
.ce_toplink.lightdefault > a:after,
.toplink.lightdefault > a:after,
.content-toplink.lightdefault > a:after {
  filter: none;
}
div.btn--primary.green > a,
.ce_toplink.green > a,
.toplink.green > a,
.content-toplink.green > a {
  --button-background: var(--color-green);
  color: #fff;
}
div.btn--primary.green > a:after,
.ce_toplink.green > a:after,
.toplink.green > a:after,
.content-toplink.green > a:after {
  filter: none;
}
div.btn--primary.blue > a,
.ce_toplink.blue > a,
.toplink.blue > a,
.content-toplink.blue > a {
  --button-background: var(--color-blue);
  color: #fff;
  border: none;
}
div.btn--primary.blue > a:after,
.ce_toplink.blue > a:after,
.toplink.blue > a:after,
.content-toplink.blue > a:after {
  filter: none;
}
div.btn--primary.buchen > a,
.ce_toplink.buchen > a,
.toplink.buchen > a,
.content-toplink.buchen > a {
  display: inline-flex;
  align-items: center;
}
div.btn--primary.buchen > a:after,
.ce_toplink.buchen > a:after,
.toplink.buchen > a:after,
.content-toplink.buchen > a:after {
  content: "";
  display: inline-block;
  margin-left: 15px;
  width: 23px;
  height: 12px;
  vertical-align: middle;
  background: url(../../files/theme/dist/img/icons/post-icon.svg) no-repeat;
  background-size: contain;
  filter: brightness(0);
  transition: all 0.3s;
}

div.btn--left {
  text-align: left;
}

div.btn--center {
  text-align: center;
}

div.btn--right {
  text-align: right;
}

.btn--floated {
  float: left;
  margin-right: var(--base-spacing-unit-xs);
}

.ce_toplink a,
.toplink a,
.content-toplink a {
  text-decoration: none;
}

.back {
  margin-top: 0;
  margin-bottom: var(--base-spacing-unit);
  padding-top: 0;
  min-width: auto !important;
  border: none !important;
  transition: all 0.3s;
}
.back:after {
  content: none !important;
}
.back a {
  padding: 5px 15px !important;
  background-color: transparent !important;
  color: var(--text-color) !important;
  border: none !important;
}
.back a:before {
  content: "";
  display: inline-block;
  background: url("../../files/theme/dist/img/icons/back-arrow.svg") no-repeat;
  background-size: contain;
  margin-right: 5px;
  vertical-align: middle;
  width: 45px;
  height: 9px;
}
.back a:hover {
  margin-left: -5px;
}

a.overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}
@media screen and (min-width: 64.063em) {
  a.overlay {
    display: none;
  }
}

.content-text a,
ul a,
.card .card-content p a,
.card-venue .card-content p a,
.description a {
  font-weight: 500;
  transition: all 0.3s;
}

a {
  text-decoration: underline;
  transition: all 0.3s;
}

#footer .info-wrapper a {
  display: inline-block;
  transition: all 0.3s;
}
#footer .info-wrapper a:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  margin-top: 2px;
  background-color: var(--color-page-background);
  opacity: 0;
  transition: all 0.3s;
}
#footer .info-wrapper a:hover:after {
  width: 100%;
  opacity: 1;
}

.content-hyperlink figure {
  margin-bottom: 0;
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav a {
  text-decoration: none;
}

.nav--horizontal ul {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 48em) {
  .nav--horizontal ul {
    flex-direction: row;
  }
}
.nav--horizontal a,
.nav--horizontal strong.active,
.nav--horizontal strong.trail,
.nav--horizontal strong.forward {
  display: block;
  padding: calc(var(--nav-item-padding) / 2) var(--nav-item-padding);
}

.nav--vertical a,
.nav--vertical strong.active,
.nav--vertical strong.trail,
.nav--vertical strong.forward {
  display: block;
  padding: calc(var(--nav-item-padding) / 2) var(--nav-item-padding);
}

.nav--border {
  border: var(--base-border);
}
.nav--border a,
.nav--border strong.active,
.nav--border strong.trail,
.nav--border strong.forward {
  padding: var(--nav-item-padding) var(--nav-item-padding);
  border-bottom: 1px solid var(--base-border-color);
}
.nav--border a.last,
.nav--border strong.active.last,
.nav--border strong.trail.last,
.nav--border strong.forward.last {
  border-bottom: 0;
}

.nav--breadcrumb {
  border: var(--base-border);
  padding: var(--base-spacing-unit-sm) var(--base-spacing-unit);
  display: flex;
}
@media screen and (min-width: 48em) {
  .nav--breadcrumb {
    flex-direction: column;
  }
}
@media screen and (min-width: 48em) {
  .nav--breadcrumb li {
    padding-right: var(--base-spacing-unit);
  }
}
.nav--breadcrumb a:after {
  font-size: 0.75rem;
  display: inline-block;
  content: "►";
  vertical-align: middle;
  padding-left: var(--base-spacing-unit);
}

.nav--select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: var(--base-border);
  padding: var(--base-spacing-unit-xs) var(--base-spacing-unit-sm);
}
.nav--select .submit {
  vertical-align: middle;
  padding: var(--base-spacing-unit-xs) var(--base-spacing-unit-sm);
}

.nav--pager ul {
  text-align: center;
}
.nav--pager li {
  display: inline-block;
}
.nav--pager .empty {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.nav--pager a {
  padding: var(--base-spacing-unit-sm);
}

.pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pagination a {
  text-decoration: none;
}
.pagination {
  display: grid;
  grid-column: 1/-1;
  margin-top: var(--base-spacing-unit);
  text-align: center;
  line-height: 1;
}
@supports not (display: grid) {
  .pagination {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 34.375em) {
  .pagination {
    grid-template-columns: 1fr 1fr;
  }
}
.pagination p {
  padding: var(--base-spacing-unit-xs);
  padding-left: 0;
  margin: var(--base-spacing-unit-xs);
  margin-left: 0;
  border-top: var(--base-border-width) solid transparent;
}
.pagination li {
  display: inline;
}
.pagination a,
.pagination strong {
  display: inline-block;
  padding: var(--base-spacing-unit-xs);
  margin: var(--base-spacing-unit-xs);
}
.pagination strong {
  border: var(--base-border);
}
.pagination a.next {
  margin-right: 0;
  padding-right: 0;
}
@media screen and (min-width: 34.375em) {
  .pagination p {
    justify-self: start;
  }
  .pagination p + ul {
    justify-self: end;
  }
}

.logo {
  width: 200px;
  margin-left: -30px;
  transition: all 0.3s;
}
@media screen and (min-width: 75em) {
  .logo {
    width: 280px;
    margin-left: -40px;
  }
}
@media screen and (min-width: 100em) {
  .logo {
    width: 330px;
    margin-left: -40px;
  }
}

[id=header] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 72px;
  padding-left: var(--layout-spacing-sides);
  padding-right: var(--layout-spacing-sides);
  z-index: 2010;
  transition: all 0.3s;
}
@media screen and (min-width: 75em) {
  [id=header] {
    position: fixed;
    top: 0;
    left: 0;
    height: 72px;
  }
}
[id=header] > .nav-left {
  flex: 1;
  min-width: 150px;
}
[id=header] > nav {
  flex: 3;
}
[id=header] > .nav-right {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
}
[id=header] > .nav-right .gutschein,
[id=header] > .nav-right .tel,
[id=header] > .nav-right .btn {
  display: none;
}
@media screen and (min-width: 100em) {
  [id=header] > .nav-right .btn {
    display: block;
  }
}
@media only screen and (min-width: 1800px) {
  [id=header] > .nav-right .gutschein,
  [id=header] > .nav-right .tel {
    display: block;
    filter: grayscale(1) brightness(1.25);
    transition: all 0.3s;
  }
  [id=header] > .nav-right .gutschein:hover,
  [id=header] > .nav-right .tel:hover {
    filter: grayscale(0);
  }
  [id=header] > .nav-right .tel {
    filter: grayscale(1) brightness(1.5);
  }
}
@media screen and (min-width: 75em) {
  [id=header] + #container {
    padding-top: 72px;
  }
}
@media screen and (min-width: 75em) {
  [id=header].is-fixed {
    top: -130px;
    transform: translateY(-100%);
    background-color: var(--color-page-background);
    z-index: 800;
  }
  [id=header].is-fixed .inside {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  [id=header].is-fixed.is-visible {
    top: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    transform: translateY(0);
  }
  [id=header].is-fixed:before {
    content: none;
  }
}

/* ----------------------------------- *
 * TOP-NAV // NICHT VERWENDET
 * -----------------------------------

.top-nav {
  display: none;
  @include media-query(screen-xl) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1em;
  }
  a,
  strong {
    font-weight: $regular;
    font-variation-settings: 'wght' $regular;
    &:hover {
      font-weight: $regular;
      font-variation-settings: 'wght' $regular;
    }
  }
  > *:not(:last-child) {
    position: relative;
    &:after {
      content: '·';
      position: absolute;
      top: 50%;
      right: -1em;
      transform: translateY(-50%);
    }
  }
  ul {
    li {
      &:not(:last-child) {
        position: relative;
        border-bottom: none;
        &:after {
          content: '·';
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
        }
      }
      &:last-child {
        a,
        strong {
          padding-right: 0;
        }
      }
      a {
        @extend .line-link;
        color: var(--color-text);
        padding: 0 1em;
      }
      strong {
        @extend .line-link;
        &:after {
          width: 100%;
          opacity: 1;
        }
      }
    }
  }
}
*/
/* ----------------------------------- *
 * MAIN MENÜ
 * ----------------------------------- */
#main-menu {
  display: none;
  transition: all 0.3s;
}
@media screen and (min-width: 75em) {
  #main-menu {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
    margin-top: 3px;
  }
}
#main-menu > ul {
  margin: 0;
  justify-self: center;
}
@media screen and (min-width: 75em) {
  #main-menu > ul {
    display: flex;
  }
}
#main-menu > ul > li {
  position: relative;
  border-bottom: none;
  text-indent: 0;
  padding: 0;
  border-bottom: none;
}
#main-menu > ul > li:not(:last-child):after {
  content: "";
  background: url("../../files/theme/dist/img/icons/blumen-icon.svg") no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 48%;
  right: -6px;
  transform: translateY(-50%);
}
#main-menu > ul > li.hide-desktop {
  display: none;
}
#main-menu > ul > li:hover > ul, #main-menu > ul > li.submenu--active > ul {
  display: block;
}
#main-menu > ul > li:hover > ul > li > ul, #main-menu > ul > li.submenu--active > ul > li > ul {
  display: block;
}
#main-menu > ul > li.submenu {
  text-align: left;
}
#main-menu > ul > li.submenu li {
  padding: 0;
}
#main-menu > ul > li.submenu li:not(:last-child) {
  border-bottom: none;
}
#main-menu > ul > li:before {
  content: none;
}
#main-menu > ul > li a,
#main-menu > ul > li strong {
  display: inline-block;
  text-transform: uppercase;
  padding: 10px 20px;
  color: var(--color-gray-dark);
  white-space: nowrap;
}
#main-menu > ul > li a:after,
#main-menu > ul > li strong:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: var(--color-default);
  opacity: 0;
  transition: all 0.3s;
}
#main-menu > ul > li a:hover:after, #main-menu > ul > li a.active:after,
#main-menu > ul > li strong:hover:after,
#main-menu > ul > li strong.active:after {
  width: 100%;
  opacity: 1;
}
#main-menu > ul > li a.trail:after,
#main-menu > ul > li strong.trail:after {
  width: 100%;
  background-color: var(--color-text);
  opacity: 0.3;
}
#main-menu > ul > li strong:after {
  width: 100%;
  opacity: 1;
}
#main-menu > ul > li > a,
#main-menu > ul > li > strong {
  display: inline-block;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  text-decoration: none;
  font-size: 14px;
}
@media screen and (min-width: 100em) {
  #main-menu > ul > li > a,
  #main-menu > ul > li > strong {
    font-size: 15px;
  }
}
#main-menu > ul > li > ul {
  position: absolute;
  display: none;
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding: 0.75em;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
}
#main-menu > ul > li > ul > li {
  text-indent: 0;
}
#main-menu > ul > li > ul > li:before {
  content: none;
}
#main-menu > ul > li > ul > li > a,
#main-menu > ul > li > ul > li > strong {
  color: var(--color-text);
  padding-top: 0;
  font-size: 1em;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  text-decoration: none;
}
#main-menu > ul > li > ul > li > ul {
  display: none;
  left: 100%;
}
#main-menu > ul > li > ul > li > ul > li > a,
#main-menu > ul > li > ul > li > ul > li > strong {
  text-decoration: none;
}
@media screen and (min-width: 75em) {
  #main-menu > ul > li > ul > li > ul > li > a,
  #main-menu > ul > li > ul > li > ul > li > strong {
    padding: 10px 0;
  }
}

/* ----------------------------------- *
 * HAMBURGER MENÜ
 * ----------------------------------- */
#nav-icon {
  position: fixed;
  top: 10px;
  right: 10px;
  padding: 10px;
  background: none;
  border: none;
  opacity: 0;
  animation: fadeInDown 1s ease-out forwards;
  z-index: 900000;
  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
}
@media screen and (min-width: 75em) {
  #nav-icon {
    display: none;
  }
}
#nav-icon {
  cursor: pointer;
}
#nav-icon:hover {
  transform: translateY(-3px);
}
#nav-icon .icon-wrapper {
  position: relative;
  width: 50px;
  height: 32px;
}
#nav-icon .icon-wrapper span {
  display: block;
  position: absolute;
  background-color: var(--color-default);
  border: 1px solid var(--color-default);
  height: 1px;
  width: 50px;
  margin: 0 auto;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
@media screen and (min-width: 75em) {
  #nav-icon .icon-wrapper span {
    border: none;
  }
}
#nav-icon .icon-wrapper span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}
#nav-icon .icon-wrapper span:nth-child(2) {
  top: 15px;
  transform-origin: left center;
}
#nav-icon .icon-wrapper span:nth-child(3) {
  top: 30px;
  transform-origin: left center;
}
#nav-icon.active span {
  width: 45px;
}
#nav-icon.active span:nth-child(1) {
  transform: rotate(45deg) translateY(-50%);
  top: 0;
  left: 0;
}
#nav-icon.active span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-50%);
  top: 31px;
}
#nav-icon.active span:nth-child(4) {
  opacity: 0;
  visibility: hidden;
}

/* ----------------------------------- *
 * MOBILE MENÜ
 * ----------------------------------- */
#mobile-section {
  position: fixed;
  inset: 0;
  background-color: var(--color-page-background);
  padding: var(--base-spacing-unit) var(--base-spacing-unit) 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s;
  overflow: auto;
  z-index: 900000;
}
@media screen and (min-width: 75em) {
  #mobile-section {
    display: none;
  }
}
#mobile-section .inside {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}
#mobile-section .inside #mobile-menu {
  height: 100%;
  display: flex;
  flex-flow: column;
}
#mobile-section .d-flex {
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  margin-bottom: var(--base-spacing-unit);
}
#mobile-section .d-flex a {
  margin: 0;
}
@media screen and (min-width: 48em) {
  #mobile-section .d-flex {
    gap: 10px;
  }
}
#mobile-section #mobile-menu {
  padding-top: 30px;
}
#mobile-section .social {
  display: flex;
  justify-content: center;
}
#mobile-section .social > .content-hyperlink {
  height: 55px;
  padding: 10px;
}
#mobile-section .social > .content-hyperlink > figure,
#mobile-section .social > .content-hyperlink img {
  height: 100%;
  filter: none;
}
#mobile-section .copyright ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin: 0;
}
#mobile-section .copyright ul li {
  text-indent: 0;
}
#mobile-section .copyright ul li:before {
  content: none;
}
#mobile-section .copyright ul li a {
  text-decoration: none;
  color: #fff;
  opacity: 0.75;
}
#mobile-section.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#sub-menu-mobile > ul > li.submenu > a {
  pointer-events: none;
}
#sub-menu-mobile > ul > li > a,
#sub-menu-mobile > ul > li > strong {
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--headings-font-family);
  font-size: 1.25em;
  color: var(--color-text);
}
#sub-menu-mobile > ul > li > a.active, #sub-menu-mobile > ul > li > a:hover,
#sub-menu-mobile > ul > li > strong.active,
#sub-menu-mobile > ul > li > strong:hover {
  color: var(--color-highlight);
  border-bottom: 1px solid var(--color-highlight);
}
#sub-menu-mobile > ul > li > ul > li > a,
#sub-menu-mobile > ul > li > ul > li > strong {
  text-decoration: none;
  font-weight: 200;
}

#sub-menu-mobile {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  float: none;
}
#sub-menu-mobile .navbar-toggler {
  display: none;
}
#sub-menu-mobile .navbar-collapse {
  display: block;
}
#sub-menu-mobile ul {
  margin: 0 0 30px 0;
  padding: 0;
}
#sub-menu-mobile ul li {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  transition: border 0.3s;
  text-indent: 0;
}
#sub-menu-mobile ul li:before {
  content: none;
}
#sub-menu-mobile ul li a,
#sub-menu-mobile ul li strong {
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 3px 0;
}
#sub-menu-mobile ul li strong {
  color: var(--color-highlight);
}
#sub-menu-mobile ul li .forward,
#sub-menu-mobile ul li .active,
#sub-menu-mobile ul li .trail {
  color: var(--color-highlight);
  border-bottom: 1px solid var(--color-highlight);
  opacity: 1;
}
#sub-menu-mobile ul li .forward:after,
#sub-menu-mobile ul li .active:after,
#sub-menu-mobile ul li .trail:after {
  opacity: 1;
  width: 100%;
}
#sub-menu-mobile ul li .open_subnav {
  position: absolute;
  font-size: 2rem;
  text-align: center;
  color: var(--color-highlight);
  text-align: right;
  padding-right: 3px;
  padding-top: 5px;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  cursor: pointer;
  line-height: 1.5;
}
#sub-menu-mobile ul li .open_subnav i:before {
  transition: transform 0.3s;
}
#sub-menu-mobile ul li.open .open_subnav {
  height: auto;
}
#sub-menu-mobile ul li.open .open_subnav i:before {
  transform: scaleY(-1) rotate(0);
}
#sub-menu-mobile ul.level_1 > li {
  display: block;
  opacity: 1;
}
#sub-menu-mobile ul.level_1 > li.open > a:after,
#sub-menu-mobile ul.level_1 > li.open > strong:after {
  opacity: 0;
  visibility: hidden;
}
#sub-menu-mobile ul.level_1 > li > a:after,
#sub-menu-mobile ul.level_1 > li > strong:after {
  content: "";
  margin-left: 5px;
  font-size: 14px;
  opacity: 0.85;
  display: inline;
  background: none;
  font-family: var(--base-font-family);
  color: #fff;
  font-weight: 200;
  transition: all 0.3s;
}
#sub-menu-mobile ul.level_1 > li > ul > li a,
#sub-menu-mobile ul.level_1 > li > ul > li strong {
  padding: 10px 0;
}
#sub-menu-mobile ul.level_1 > li > a,
#sub-menu-mobile ul.level_1 > li > strong {
  font-size: 25px;
  font-weight: 500;
}
#sub-menu-mobile ul.level_1 > li.mm-hidden {
  display: none;
}
#sub-menu-mobile ul.level_1 > li.open.open_subnav2 i:before {
  transform: scaleY(-1);
}
#sub-menu-mobile ul.level_1 > li.open ul {
  opacity: 1;
}
#sub-menu-mobile ul.level_1 > li > a,
#sub-menu-mobile ul.level_1 > li > strong {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid hsla(var(--color-default-hue), var(--color-default-sat), var(--color-default-luma), 0.5);
  max-width: none;
}
#sub-menu-mobile ul.level_1 > li > a:after,
#sub-menu-mobile ul.level_1 > li > strong:after {
  content: none;
}
#sub-menu-mobile ul.level_1 > li > a:hover,
#sub-menu-mobile ul.level_1 > li > strong:hover {
  color: var(--color-highlight);
  border-bottom: 1px solid var(--color-highlight);
}
#sub-menu-mobile ul.level_1 > li > strong {
  color: var(--color-highlight);
  border-bottom: 1px solid var(--color-highlight);
}
#sub-menu-mobile ul.level_2 {
  width: 100%;
  border: none;
  border-radius: 0;
  margin: 0;
  padding-left: 20px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.3s ease, opacity 0.3s ease;
}
#sub-menu-mobile ul.level_2.open {
  opacity: 1;
}
#sub-menu-mobile ul.level_2 > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#sub-menu-mobile ul.level_2 > li:last-child {
  margin-bottom: 1.5em;
}
#sub-menu-mobile ul.level_2 li a,
#sub-menu-mobile ul.level_2 li strong {
  padding: 7px 0;
  width: 100%;
  max-width: 100%;
  font-weight: 500;
  font-size: 1.15em;
}
#sub-menu-mobile ul.level_2 li a:first-child,
#sub-menu-mobile ul.level_2 li strong:first-child {
  padding: 10px 0 7px;
}
#sub-menu-mobile ul.level_2 li a:after,
#sub-menu-mobile ul.level_2 li strong:after {
  content: "";
  background: url("../../files/theme/dist/img/icons/arrow-right.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 12px;
  height: 10px;
  opacity: 1;
  transform: translateY(-50%);
}
#sub-menu-mobile ul.level_2 li .open_subnav2 {
  position: absolute;
  font-size: 2rem;
  text-align: center;
  color: var(--color-highlight);
  width: 1.2em;
  height: 1.4em;
  right: -3px;
  top: 0;
  line-height: 1.5;
  cursor: pointer;
}
#sub-menu-mobile ul.level_2 li .open_subnav2 i:before {
  transition: transform 0.3s;
}
#sub-menu-mobile ul.level_2 li.open .open_subnav2 i {
  transform: scaleY(-1);
}

.content-swiper .swiper-button-prev,
.content-swiper .swiper-button-next {
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slider {
  position: relative;
}
.slider .slider-control {
  position: static;
  height: 0;
}
.slider .slider-control a {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--slider-arrow-size);
  line-height: 1;
  position: absolute;
  display: block;
  color: var(--slider-arrow-color);
  font-family: var(--slider-arrow-font-family);
}
.slider .slider-control a:before {
  padding: var(--base-spacing-unit-sm);
  display: block;
}
.slider .slider-control a:hover {
  opacity: 0.5;
}
.slider .slider-prev:before {
  content: "◄";
}
.slider .slider-next:before {
  content: "►";
}
.slider .slider-menu {
  font-size: var(--slider-menu-point-size);
  line-height: 1;
  top: auto;
  bottom: 0;
}
.slider .slider-menu b {
  color: var(--slider-menu-point-color);
}
.slider .slider-menu b.active {
  color: var(--slider-menu-point-color-active);
}
.slider .slider-menu b:hover {
  opacity: 0.5;
}

@media screen and (min-width: 75em) {
  .gallery-carousel-wrapper {
    overflow: hidden;
  }
  .gallery-carousel-wrapper .ce_gallery {
    margin-right: -15vw;
  }
}

.gallery-carousel {
  margin: 0;
  padding-left: 0;
}
@media screen and (min-width: 64.063em) {
  .gallery-carousel li {
    padding: 0 5px;
  }
}
.gallery-carousel li img {
  -o-object-fit: cover;
  object-fit: cover;
}

ul.gallery-kontakt {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.gallery-kontakt li {
  border-bottom: none;
  overflow: hidden;
}

.carousel-cell {
  width: 100%;
}

:root {
  --swiper-pagination-bullet-size: 80px;
}
@media screen and (min-width: 64.063em) {
  :root {
    --swiper-pagination-bullet-size: 120px;
  }
}
:root {
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-height: 2px;
  --swiper-pagination-bullet-horizontal-gap: 7px;
}

.swiper .swiper-slide {
  height: 100%;
}
.swiper .swiper-slide .angebot {
  height: 100%;
  margin-bottom: 0;
}
.swiper .controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}
.swiper .controls .swiper-button-next,
.swiper .controls .swiper-button-prev {
  position: initial;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-default);
  padding: 10px;
}
.swiper .swiper-pagination {
  pointer-events: all !important;
  text-align: left;
  padding-left: var(--base-spacing-unit);
  padding-right: var(--base-spacing-unit);
}
@media screen and (min-width: 64.063em) {
  .swiper .swiper-pagination {
    padding-left: var(--base-spacing-unit-lg);
    padding-right: var(--base-spacing-unit-lg);
    text-align: center;
  }
}
@media screen and (min-width: 100em) {
  .swiper .swiper-pagination {
    text-align: right;
    padding-right: 15vw;
    margin-bottom: 40px;
  }
}
.swiper .swiper-pagination span {
  border-radius: 0;
}

.news-list {
  margin-bottom: var(--base-spacing-unit);
}
.news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6 {
  margin-bottom: 0;
}
.news-list .info {
  margin-bottom: 0;
}
.news-list .float_left {
  margin-right: var(--base-spacing-unit);
}
.news-list .float_right {
  margin-left: var(--base-spacing-unit);
}
.news-list .layout_short > h1, .news-list .layout_short > h2, .news-list .layout_short > h3, .news-list .layout_short > h4, .news-list .layout_short > h5, .news-list .layout_short > h6,
.news-list .layout_latest > h1,
.news-list .layout_latest > h2,
.news-list .layout_latest > h3,
.news-list .layout_latest > h4,
.news-list .layout_latest > h5,
.news-list .layout_latest > h6,
.news-list .layout_simple > h1,
.news-list .layout_simple > h2,
.news-list .layout_simple > h3,
.news-list .layout_simple > h4,
.news-list .layout_simple > h5,
.news-list .layout_simple > h6 {
  margin-top: var(--base-spacing-unit);
}
.news-list .layout_simple time,
.news-list .layout_simple a,
.news-list .layout_upcoming time,
.news-list .layout_upcoming a {
  padding-top: var(--base-spacing-unit);
  display: inline-block;
}
.news-list .header {
  margin-top: var(--base-spacing-unit);
}

.news-grid {
  display: grid;
  grid-gap: var(--grid-gutter);
  margin-bottom: var(--base-spacing-unit);
}
@media screen and (min-width: 34.375em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-sm), 1fr);
  }
}
@media screen and (min-width: 48em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-md), 1fr);
  }
}
@media screen and (min-width: 64.063em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-lg), 1fr);
  }
}
@media screen and (min-width: 75em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-xl), 1fr);
  }
}
.news-grid {
  margin-bottom: var(--base-spacing-unit);
}
.news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 {
  grid-column: 1/-1;
}
.news-grid .layout_simple time {
  display: block;
}

.news-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.news-menu a {
  text-decoration: none;
}
.news-menu .year {
  margin-bottom: var(--base-spacing-unit-sm);
}
.news-menu .year > a,
.news-menu .year > .active {
  color: inherit;
  font-weight: var(--headings-font-weight);
  font-family: var(--headings-font-family);
}
.news-menu .level_2 li {
  margin-bottom: var(--base-spacing-unit-xs);
}

.events-list {
  margin-bottom: var(--base-spacing-unit);
}
.events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 {
  margin-bottom: 0;
}
.events-list .image_container {
  margin-top: var(--base-spacing-unit);
  margin-bottom: var(--base-spacing-unit);
}
.events-list .float_left {
  margin-right: var(--base-spacing-unit);
}
.events-list .float_right {
  margin-left: var(--base-spacing-unit);
}
.events-list .event > h1, .events-list .event > h2, .events-list .event > h3, .events-list .event > h4, .events-list .event > h5, .events-list .event > h6 {
  margin-top: var(--base-spacing-unit);
}
.events-list .layout_upcoming time,
.events-list .layout_upcoming a {
  padding-top: var(--base-spacing-unit);
  display: inline-block;
}
.events-list .header {
  margin-top: var(--base-spacing-unit);
}

.events-grid {
  display: grid;
  grid-gap: var(--grid-gutter);
  margin-bottom: var(--base-spacing-unit);
}
@media screen and (min-width: 34.375em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-sm), 1fr);
  }
}
@media screen and (min-width: 48em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-md), 1fr);
  }
}
@media screen and (min-width: 64.063em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-lg), 1fr);
  }
}
@media screen and (min-width: 75em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-xl), 1fr);
  }
}

.events-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.events-menu a {
  text-decoration: none;
}
.events-menu .year {
  margin-bottom: var(--base-spacing-unit-sm);
}
.events-menu .year > a,
.events-menu .year > .active {
  color: inherit;
  font-weight: var(--headings-font-weight);
  font-family: var(--headings-font-family);
}
.events-menu .level_2 li {
  margin-bottom: var(--base-spacing-unit-xs);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: var(--base-spacing-unit-xs);
}

input.text,
input.captcha,
textarea.textarea,
select.select {
  display: block;
  width: 100%;
  padding: var(--base-spacing-unit-sm) var(--base-spacing-unit-sm);
  border-radius: var(--forms-input-border-radius);
  border: var(--forms-input-border-width) solid var(--forms-input-border-color);
  background-clip: padding-box;
  background-image: none;
  background-color: var(--forms-input-background);
  line-height: var(--forms-input-line-height);
}

textarea.textarea {
  height: auto;
}

.widget-text,
.widget-textarea,
.widget-password {
  margin-bottom: var(--base-spacing-unit);
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=file] {
  display: block;
  line-height: 1;
}

input.radio,
input.checkbox {
  margin-left: 1px;
  margin-right: var(--base-spacing-unit-xs);
  line-height: var(--base-line-height);
  vertical-align: middle;
}
input.radio + label,
input.checkbox + label {
  margin-right: var(--base-spacing-unit-xs);
  margin-bottom: 0;
  font-weight: normal;
}

.widget-radio,
.widget-checkbox,
.widget-select,
.widget-upload {
  margin-bottom: var(--base-spacing-unit);
}
.widget-radio legend,
.widget-checkbox legend,
.widget-select legend,
.widget-upload legend {
  font-weight: 700;
}

.radio_container > span,
.checkbox_container > span {
  display: inline-flex;
  align-items: center;
}

span.mandatory {
  color: var(--forms-mandatory-color);
}

p.error {
  margin-bottom: 0;
}

.form-small {
  max-width: 800px;
  margin: 0 auto;
}

.form-confirmation {
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 10px 40px 40px;
}

.formbody {
  grid-auto-rows: min-content;
}
.formbody > .row > div {
  grid-auto-rows: min-content !important;
}
.formbody .widget {
  margin-bottom: var(--base-spacing-unit);
}
.formbody .widget.widget-checkbox {
  margin-bottom: var(--base-spacing-unit-xs);
}
.formbody .widget.widget-select select {
  padding: 9px 5px 10px;
}
.formbody .widget textarea {
  border-radius: 10px;
  border: none;
  color: var(--color-text);
}
.formbody .widget label {
  margin-top: 5px;
  font-weight: 400;
}
.formbody .widget label > a {
  text-decoration: underline;
}
.formbody .widget input,
.formbody .widget select {
  color: var(--color-text);
  border: none;
  border-bottom: 1px solid var(--color-gray-dark);
}
@media screen and (min-width: 64.063em) {
  .formbody .widget.form-anpassung {
    margin-bottom: 83px;
  }
}
@media screen and (min-width: 75em) {
  .formbody .widget.form-anpassung {
    margin-bottom: 97px;
  }
}
.formbody .widget.widget-calendar div {
  position: relative;
}
.formbody .widget.widget-calendar div input + .input-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.formbody .widget.widget-calendar div input + .input-button img {
  filter: brightness(0) invert(1);
}
.formbody .widget.widget-fineuploader {
  position: relative;
  display: inline-block;
  grid-column-start: 1;
  grid-column-end: 3;
  width: 100%;
}
.formbody .widget.widget-fineuploader .fineuploader-item {
  display: flex;
  gap: 10px;
}
.formbody .widget.widget-fineuploader .fineuploader-item .content {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
}
.formbody .widget.widget-fineuploader img {
  margin: 0;
}

button.submit.btn {
  margin-bottom: 0;
}
button.submit.btn:hover:after {
  filter: none;
}

.fineuploader-wrapper {
  font-size: 0.8em;
}
.fineuploader-wrapper .fineuploader-item .delete {
  color: #c94242;
}
.fineuploader-wrapper .values-list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.fineuploader-wrapper .qq-upload-button {
  display: block;
  border: none;
  height: 100px;
  padding: 20px;
  font-size: 70px;
  border: var(--forms-input-border-width) solid var(--forms-input-border-color);
  background: none;
  margin-bottom: 0 !important;
  color: var(--forms-input-border-color);
  transition: all 0.3s;
}
.fineuploader-wrapper .qq-upload-button:hover {
  background: none;
  color: var(--color-default);
}
.fineuploader-wrapper .qq-upload-button > div {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.ce_accordion {
  margin-bottom: var(--accordion-spacing);
}
.ce_accordion:not(.handorgel) .toggler {
  font-size: var(--accordion-toggler-font-size);
  cursor: pointer;
  background: var(--accordion-toggler-background);
  color: var(--accordion-toggler-color);
  padding: var(--accordion-toggler-spacing);
  border: var(--accordion-toggler-border);
}
.ce_accordion:not(.handorgel) .toggler:hover {
  color: var(--accordion-toggler-color-hover);
}
.ce_accordion:not(.handorgel) .toggler:focus {
  outline: 0;
}
.ce_accordion.handorgel .toggler button {
  display: flex;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: var(--accordion-toggler-font-size);
  cursor: pointer;
  background: var(--accordion-toggler-background);
  color: var(--accordion-toggler-color);
  padding: var(--accordion-toggler-spacing);
  border: var(--accordion-toggler-border);
}
.ce_accordion.handorgel .toggler button:hover {
  color: var(--accordion-toggler-color-hover);
}
.ce_accordion.handorgel .toggler button:focus {
  outline: 0;
}
.ce_accordion .accordion {
  background: var(--accordion-content-background);
  overflow: hidden;
}
.ce_accordion .accordion > div {
  padding: var(--accordion-content-spacing);
}

.content-accordion .handorgel__header {
  line-height: var(--base-line-height);
  margin-bottom: var(--accordion-spacing);
}
.content-accordion .handorgel__header__button {
  display: flex;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: var(--accordion-toggler-font-size);
  cursor: pointer;
  background: var(--accordion-toggler-background);
  color: var(--accordion-toggler-color);
  padding: var(--accordion-toggler-spacing);
  border: var(--accordion-toggler-border);
}
.content-accordion .handorgel__header__button:hover {
  color: var(--accordion-toggler-color-hover);
}
.content-accordion .handorgel__header__button:focus {
  outline: 0;
}
.content-accordion .handorgel__content {
  background: var(--accordion-content-background);
  overflow: hidden;
}
.content-accordion .handorgel__content > div {
  padding: var(--accordion-content-spacing);
}

.content-accordion {
  border-bottom: none;
}

.handorgel__header {
  border-bottom: 1px solid var(--color-gray-light);
}
.handorgel__header > .handorgel__header__button {
  align-items: center;
  justify-content: space-between;
}
.handorgel__header > .handorgel__header__button:after {
  content: "";
  background: url(../../files/theme/dist/img/icons/arrow-right.svg) no-repeat;
  width: 10px;
  height: 18px;
  transform: rotate(90deg);
  transition: all 0.3s ease;
}
.handorgel__header.handorgel__header--open .handorgel__header__button:after {
  transform: rotate(-90deg);
}

.handorgel__content {
  border-top: none;
}

.ce_download,
.ce_downloads,
.content-download,
.content-downloads {
  margin-bottom: 1rem;
}
.ce_download .mime_icon,
.ce_downloads .mime_icon,
.content-download .mime_icon,
.content-downloads .mime_icon {
  display: inline-block;
  vertical-align: middle;
}
.ce_download a,
.ce_downloads a,
.content-download a,
.content-downloads a {
  display: inline-block;
  color: var(--download-link-color);
  -webkit-text-decoration: var(--download-link-decoration);
  text-decoration: var(--download-link-decoration);
}

.ce_downloads ul,
.content-downloads ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ce_downloads a,
.content-downloads a {
  text-decoration: none;
}

table {
  margin-bottom: var(--base-spacing-unit);
  width: 100%;
  padding: 0;
  border-spacing: 0;
  border-left: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}
table th,
table td {
  border-right: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  padding: 10px;
}

thead {
  text-align: left;
  background: var(--table-background-light);
}

tfoot {
  font-style: italic;
}

.table--striped .even {
  background: var(--table-background-light);
}

.table--overflow {
  overflow-x: scroll;
  -ms-overflow-x: auto;
}

table {
  border: none !important;
  word-wrap: break-word;
  hyphens: auto;
}
table tbody tr td {
  border: none !important;
}
table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #ccc !important;
}

.newsletter-subscribe,
.newsletter-unsubscribe {
  margin-bottom: var(--base-spacing-unit);
}
.newsletter-subscribe .formbody,
.newsletter-unsubscribe .formbody {
  display: flex;
  flex-flow: row wrap;
}
.newsletter-subscribe .text,
.newsletter-subscribe .widget-text,
.newsletter-unsubscribe .text,
.newsletter-unsubscribe .widget-text {
  margin-bottom: 0;
  display: inline-block;
  flex: 1;
}
.newsletter-subscribe .error,
.newsletter-unsubscribe .error {
  margin-bottom: 0;
  flex: 1 100%;
  font-weight: 700;
}
.newsletter-subscribe .widget-captcha,
.newsletter-unsubscribe .widget-captcha {
  order: -1;
  width: 100%;
  margin-bottom: var(--base-spacing-unit);
}
.newsletter-subscribe .widget-checkbox,
.newsletter-unsubscribe .widget-checkbox {
  order: 1;
  width: 100%;
}
.newsletter-subscribe .submit,
.newsletter-unsubscribe .submit {
  margin-left: var(--base-spacing-unit-xs);
}

.newsletter-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.newsletter-list a {
  text-decoration: none;
}
.newsletter-list li {
  border-bottom: var(--newsletter-list-border);
  padding-top: var(--base-spacing-unit);
  padding-bottom: var(--base-spacing-unit);
  display: block;
}
.newsletter-list li:first-of-type {
  border-top: var(--newsletter-list-border);
}
@media screen and (min-width: 34.375em) {
  .newsletter-list li {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
  }
}
@media screen and (min-width: 48em) {
  .newsletter-list li {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
  }
}
.newsletter-list li a:hover {
  opacity: 0.5;
}

.newsletter-reader {
  max-width: var(--newsletter-reader-width);
  margin-left: auto;
  margin-right: auto;
  border: var(--newsletter-reader-border);
  padding: 0 var(--base-spacing-unit);
}

.faq-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.faq-list a {
  text-decoration: none;
}
.faq-list > ul {
  margin-top: 2rem;
}
.faq-list li {
  margin-bottom: var(--base-spacing-unit-sm);
}
.faq-list li a {
  display: inline-block;
}
.faq-list > h1, .faq-list > h2, .faq-list > h3, .faq-list > h4, .faq-list > h5, .faq-list > h6 {
  margin-bottom: 0;
}
.faq-list > h1:after, .faq-list > h2:after, .faq-list > h3:after, .faq-list > h4:after, .faq-list > h5:after, .faq-list > h6:after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}
.faq-list article > h1, .faq-list article > h2, .faq-list article > h3, .faq-list article > h4, .faq-list article > h5, .faq-list article > h6 {
  margin-bottom: 0;
}
.faq-list article > h1:after, .faq-list article > h2:after, .faq-list article > h3:after, .faq-list article > h4:after, .faq-list article > h5:after, .faq-list article > h6:after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}

.faq-page > h1, .faq-page > h2, .faq-page > h3, .faq-page > h4, .faq-page > h5, .faq-page > h6 {
  margin-bottom: 0;
}
.faq-page > h1:after, .faq-page > h2:after, .faq-page > h3:after, .faq-page > h4:after, .faq-page > h5:after, .faq-page > h6:after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}
.faq-page article > h1, .faq-page article > h2, .faq-page article > h3, .faq-page article > h4, .faq-page article > h5, .faq-page article > h6 {
  margin-bottom: 0;
}
.faq-page article > h1:after, .faq-page article > h2:after, .faq-page article > h3:after, .faq-page article > h4:after, .faq-page article > h5:after, .faq-page article > h6:after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}
.faq-page .info {
  font-size: 0.875rem;
  margin-top: var(--base-spacing-unit);
  opacity: 0.5;
}
.faq-page section {
  padding: var(--base-spacing-unit) 0;
  border-bottom: var(--faq-border);
}
.faq-page section.last {
  margin-bottom: var(--base-spacing-unit);
}

.faq-reader .info {
  font-size: 0.875rem;
  margin-top: var(--base-spacing-unit);
  opacity: 0.5;
}

.ce_comments {
  overflow: visible;
}
.ce_comments .widget {
  margin-bottom: var(--base-spacing-unit);
}
.ce_comments p.error {
  margin-bottom: 0;
  color: var(--color-error);
}
.ce_comments .error {
  border-color: var(--color-error-light);
}
.comment_default {
  padding: var(--base-spacing-unit);
  margin-bottom: var(--base-spacing-unit);
  border: var(--base-border);
}
.comment_default .info {
  padding-bottom: var(--base-spacing-unit);
  border-bottom: var(--base-border);
}
.comment_default.last {
  margin-bottom: var(--base-spacing-unit-lg);
}

.search .formbody {
  display: flex;
  flex-flow: row wrap;
}
.search .widget-text {
  margin-bottom: var(--base-spacing-unit-sm);
  display: inline-block;
  flex: 1;
}
.search .widget-text label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.search .widget-submit {
  margin-bottom: var(--base-spacing-unit-sm);
  margin-left: var(--base-spacing-unit-xs);
  align-self: flex-end;
}
.search .widget-submit .submit {
  margin-left: 0;
}
.search .relevance {
  color: var(--search-relevance-color);
}
.search .context {
  margin-bottom: var(--base-spacing-unit-xs);
}
.search .highlight {
  font-weight: bold;
}
.search .url {
  color: var(--search-url-color);
}

/*************************************

HERO SECTION

*************************************/
#hero-section {
  position: relative;
  padding-left: var(--layout-spacing-sides);
  padding-right: var(--layout-spacing-sides);
}
#hero-section .logo-overlay {
  display: none;
}
#hero-section > .mod_article:first-child {
  position: relative;
}
#hero-section > .mod_article:first-child .h-big {
  position: relative;
  text-align: center;
  z-index: 1;
  font-size: clamp(30px, 8vw, 70px);
  letter-spacing: 10px;
  hyphens: auto;
  word-break: normal;
}
#hero-section > .mod_article:first-child .inside {
  padding-top: 0;
  padding-bottom: 0;
}
#hero-section > .mod_article:first-child .hero {
  display: grid;
  align-items: end;
  height: 40vh;
  min-height: 400px;
}
@media screen and (min-width: 75em) {
  #hero-section > .mod_article:first-child .hero {
    min-height: 70vh;
  }
}
#hero-section > .mod_article:first-child .hero figure {
  position: absolute;
  inset: 0;
  border-radius: var(--base-border-radius);
  overflow: hidden;
}
#hero-section > .mod_article:first-child .hero figure {
  z-index: -1;
}
#hero-section > .mod_article:first-child .hero figure img {
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#hero-section > .mod_article:first-child .hero .hero-buttons {
  display: none;
}
#hero-section > .mod_article:first-child .hero-start {
  height: calc(100vh - 72px - var(--base-spacing-unit-lg));
  height: calc(100dvh - 72px - var(--base-spacing-unit-lg));
  margin-bottom: 3em;
}
#hero-section > .mod_article:first-child .hero-start .hero-buttons {
  display: block;
}
#hero-section > .mod_article:first-child .hero-start .logo-overlay {
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  max-width: 15%;
  width: 20%;
  min-width: 170px;
  transform: translate(-50%, -50%);
  filter: grayscale(1) brightness(0) invert(1);
  opacity: 0.8;
  z-index: -1;
}
@media screen and (min-width: 34.375em) {
  #hero-section > .mod_article:first-child .hero-start .logo-overlay {
    top: 50%;
    min-width: 200px;
  }
}
#hero-section > .mod_article:first-child .hero-start .hero-buttons {
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 64.063em) {
  #hero-section > .mod_article:first-child .hero-start .hero-buttons {
    bottom: 3em;
  }
}
#hero-section > .mod_article:first-child .hero-start .hero-buttons {
  left: 50%;
  margin: 0;
  max-width: none;
  transform: translateX(-50%);
}
#hero-section > .mod_article:first-child .hero-start .hero-buttons .btn {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.hero-widget {
  position: absolute;
  bottom: 35vh;
  right: 10vw;
  background-color: var(--color-default);
  color: #fff;
  padding: 60px 60px 10px 15px;
  z-index: 1;
  transition: all 0.3s;
}
.hero-widget .herowidget-text {
  display: block;
  color: #fff;
}
.hero-widget .herowidget-text .herowidget-headline {
  text-transform: uppercase;
  font-size: 1.35em;
  line-height: 1.15;
  margin-bottom: 0;
}
.hero-widget .herowidget-text span {
  display: block;
  text-transform: none;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 400;
}
.hero-widget .herowidget-link {
  position: absolute;
  inset: 0;
  z-index: 10;
}
.hero-widget .image_container {
  position: absolute;
  top: 18px;
  right: 15px;
  transition: all 0.3s;
}
.hero-widget .image_container img {
  filter: brightness(0) invert(1);
}
.hero-widget:hover {
  transform: translateY(-3px);
}
.hero-widget:hover .image_container {
  transform: translate(10px, -10px);
  opacity: 0;
}

.hero-hinweis {
  display: none;
}
@media screen and (min-width: 75em) {
  .hero-hinweis {
    display: block;
  }
}
.hero-hinweis {
  position: absolute;
  top: 50%;
  left: 5px;
  font-family: var(--headings-font-family);
  font-size: 1.5em;
  writing-mode: vertical-lr;
  opacity: 0.85;
  transform: translateY(-50%) rotate(180deg);
}
.hero-hinweis > span {
  font-family: var(--headings-font-family-special);
}

.hero-button {
  position: absolute;
  bottom: -50px;
  right: 0;
  max-width: 200px;
  z-index: 1;
}
@media screen and (min-width: 64.063em) {
  .hero-button {
    bottom: -100px;
    max-width: none;
  }
}

/*************************************

ANIMATIONS MODUL STYLESHEET

*************************************/
/* Add your custom styles here */
/* Keyframe animation for the slide effect */
@keyframes slideEffect {
  0% {
    /* Initial position, adjust as needed */
    opacity: 1;
  }
  100% {
    /* Final position, adjust as needed */
    opacity: 0;
  }
}
.zoom {
  animation: scale 40s linear infinite;
}

@keyframes scale {
  50% {
    transform: scale(1.13);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scrollHorizontal {
  to {
    transform: translate(calc(-50% - 1em));
  }
}
.scroller[data-animated=true] {
  overflow: hidden;
}
.scroller[data-animated=true] .scroller__inner {
  flex-wrap: nowrap;
  animation: scrollHorizontal 25s linear infinite;
}

.scroller {
  width: -moz-max-content;
  width: max-content;
}
.scroller .scroller__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  gap: 2em;
}
@media screen and (min-width: 75em) {
  .scroller .scroller__inner {
    gap: 5em;
  }
}
.scroller .scroller__inner:hover {
  animation-play-state: paused;
}
.scroller .content-hyperlink a,
.scroller .content-image a {
  pointer-events: none;
}
.scroller .content-hyperlink img,
.scroller .content-image img {
  height: 200px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -o-object-fit: contain;
  object-fit: contain;
  filter: grayscale(1);
  mix-blend-mode: multiply;
  transition: all 0.3s;
}
.scroller .content-hyperlink:hover img,
.scroller .content-image:hover img {
  filter: grayscale(0);
  mix-blend-mode: none;
}

/*************************************

MODAL MODUL STYLESHEET

*************************************/
.blocker {
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  z-index: 10000;
}
.blocker:before {
  content: none;
}

.team-modal {
  margin: 30px auto;
  min-height: 400px;
  max-width: 1320px;
  padding: 0;
  line-height: 1.3;
  border-radius: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 64.063em) {
  .team-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60vh;
    margin: 70px auto;
    transform: translate(-50%, -53%);
  }
}
.team-modal h2 {
  text-transform: none;
}
@media screen and (max-width: 47.99875em) {
  .team-modal h2 {
    max-width: 90%;
  }
}
.team-modal.check-list ul {
  max-width: none;
}
.team-modal.check-list ul li {
  padding: 5px 0;
}
.team-modal figure {
  height: 100%;
}
@media screen and (min-width: 64.063em) {
  .team-modal figure {
    width: 50%;
    float: left;
  }
}
.team-modal figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.team-modal .rte {
  padding: 1em;
}
@media screen and (min-width: 64.063em) {
  .team-modal .rte {
    width: 50%;
    height: 60vh;
    float: left;
    overflow-y: auto;
    padding: 2em;
  }
}
.team-modal a.close-modal {
  top: -40px;
  right: 0;
  background-image: url("../../files/theme/dist/img/icons/close-icon.svg");
}

.team-wrap {
  position: relative;
  transition: all 0.3s;
}
.team-wrap figure {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
.team-wrap figure:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s;
}
.team-wrap:hover figure:before {
  background-color: rgba(255, 255, 255, 0.5);
}
.team-wrap:hover .teammodal-trigger {
  opacity: 1;
}
.team-wrap:hover .teammodal-trigger:before {
  top: 0;
  right: 12px;
}
.team-wrap .rte {
  text-wrap: balance;
  hyphens: auto;
}

.teammodal-trigger {
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: all 0.3s;
}
@media screen and (min-width: 64.063em) {
  .teammodal-trigger {
    opacity: 0;
  }
}
.teammodal-trigger:before {
  content: "";
  background: url("../../files/theme/dist/img/icons/link-icon.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 15px;
  width: 50px;
  height: 50px;
  transition: all 0.3s;
}
.teammodal-trigger:after {
  content: none !important;
}
.teammodal-trigger span {
  display: none;
}

/* ----------------------------------- *
 * startseite overlay
 * ----------------------------------- */
#homepage-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000000000000000000000000000;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
#homepage-overlay.showOverlay {
  opacity: 1;
  visibility: visible;
}
#homepage-overlay .overlayBox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1.5rem;
  overflow-y: auto;
}
#homepage-overlay .overlayBox .overlay-text {
  position: relative;
  padding: 2rem;
  margin: 0 auto;
  width: 1050px;
  max-width: 100%;
  max-height: 95svh;
  height: auto;
  background: var(--color-page-background);
  color: var(--color-text);
  z-index: 2;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (min-width: 100em) {
  #homepage-overlay .overlayBox .overlay-text {
    padding: 2rem 5rem;
    max-height: none;
    overflow: hidden;
  }
}
#homepage-overlay .overlayBox .overlay-text.absolute-img figure {
  opacity: 0.08;
  right: -150px;
  z-index: -1;
}
#homepage-overlay .overlayBox .overlay-text h2,
#homepage-overlay .overlayBox .overlay-text h3,
#homepage-overlay .overlayBox .overlay-text h4 {
  letter-spacing: 0;
}
#homepage-overlay .overlayBox .overlay-text .close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
#homepage-overlay .overlay-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(20, 20, 20, 0.5);
  transition: all 0.3s;
}

@media screen and (max-width: 47.99875em) {
  #homepage-overlay .overlayBox .overlay-text .close {
    top: 13px;
    right: 15px;
  }
}
/*************************************

WIDGETS MODUL STYLESHEET

*************************************/
/* ----------------------------------- *
 * Fixed Widget Right
 * ----------------------------------- */
.widget-right {
  position: fixed;
  display: flex;
  left: 0;
  bottom: 0;
  gap: 5px;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  padding-right: 10px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
.widget-right > div {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}
@media screen and (min-width: 100em) {
  .widget-right > div {
    width: 85px;
    height: 85px;
  }
}
.widget-right .widget {
  opacity: 0;
  visibility: hidden;
  transform: translateX(30px) scale(0.85);
  padding: 0;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 63.99875em) {
  .widget-right .widget {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 74.99875em) {
  .widget-right .widget.buchen {
    order: 1;
  }
}
.widget-right .widget.buchen a {
  color: var(--color-text);
  background-color: var(--color-yellow);
}
.widget-right .widget.buchen a figure {
  filter: brightness(0);
}
.widget-right .widget.buchen a figure img {
  width: 30px;
}
.widget-right .widget a {
  background-color: var(--color-beige);
  border-radius: 15px 15px 0 0;
}
@media screen and (min-width: 64.063em) {
  .widget-right .widget a {
    border-radius: 15px 0 0 15px;
  }
}
.widget-right .widget a {
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  font-size: 12px;
  line-height: 1.2;
  transition: all 0.3s;
}
.widget-right .widget a:hover {
  transform: translateY(-3px);
}
.widget-right .widget a img {
  margin-bottom: 5px;
}
@media screen and (min-width: 64.063em) {
  .widget-right {
    top: 30vh;
    right: 0;
    bottom: initial;
    left: initial;
    display: block;
    border-radius: none;
    padding: 0;
    background: none;
    backdrop-filter: none;
    width: auto;
    z-index: 5100;
  }
}
.widget-right.scrolled {
  opacity: 1;
  visibility: visible;
}
.widget-right.scrolled .widget {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1);
}

/*************************************

CARDS MODULE

*************************************/
.simpleParallax {
  height: 100%;
}

.card, .card-venue {
  position: relative;
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  border-radius: var(--base-border-radius);
}
.card .text-wrapper, .card-venue .text-wrapper {
  padding: 1.5em;
}
.card .text-wrapper .merkmal, .card-venue .text-wrapper .merkmal {
  display: flex;
  gap: 5px;
  opacity: 0.6;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.card .text-wrapper h3, .card-venue .text-wrapper h3 {
  font-family: var(--base-font-family);
  font-size: 1.5em;
  font-weight: 500;
  margin-top: 0;
}
.card .text-wrapper > p, .card-venue .text-wrapper > p {
  opacity: 0.75;
  font-size: 14px;
}
.card .text-wrapper .card-bottom, .card-venue .text-wrapper .card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card .text-wrapper .card-bottom .price, .card-venue .text-wrapper .card-bottom .price {
  margin-bottom: 0;
  font-size: 14px;
}
.card .text-wrapper .card-bottom .price > span.price-number, .card-venue .text-wrapper .card-bottom .price > span.price-number {
  display: inline-block;
  margin-top: -15px;
  font-family: var(--headings-font-family);
  font-size: 32px;
  font-variant-numeric: lining-nums;
  margin-bottom: -10px;
  opacity: 1;
}
@media screen and (min-width: 64.063em) {
  .card .text-wrapper .card-bottom .price > span.price-number, .card-venue .text-wrapper .card-bottom .price > span.price-number {
    font-size: 42px;
  }
}
.card .text-wrapper .card-bottom .price > span.price-person, .card-venue .text-wrapper .card-bottom .price > span.price-person {
  display: block;
  font-size: 12px;
  opacity: 0.75;
}
.card .text-wrapper .card-bottom .btn, .card-venue .text-wrapper .card-bottom .btn {
  margin-bottom: 0;
}
.contact-card img {
  border-radius: 100%;
}

.gaststuben-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
@media screen and (min-width: 64.063em) {
  .gaststuben-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  }
}
.gaststuben-wrapper {
  gap: 20px;
}

.green .card-venue {
  background-color: var(--color-green);
}
.green .card-venue .text-wrapper .card-heading h3 {
  color: #fff;
}
.green .card-venue .text-wrapper .card-text {
  color: #fff;
}
.green .card-venue .text-wrapper .card-text * {
  color: #fff;
}
.green .card-venue .text-wrapper .card-text a {
  text-decoration: underline;
}
.green .card-venue {
  color: #fff;
}

.card-venue {
  position: relative;
  overflow: hidden;
  visibility: hidden;
}
.card-venue .text-wrapper {
  position: relative;
  transition: none;
  overflow: hidden;
}
.card-venue .text-wrapper .card-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.card-venue .text-wrapper .card-heading h3 {
  font-family: var(--headings-font-family);
  font-weight: 500;
  font-size: 1.9em;
}
.card-venue .text-wrapper .card-hover-wrapper {
  overflow: hidden;
}
.card-venue .text-wrapper .card-hover-wrapper .card-text {
  overflow: hidden;
}
.card-venue .text-wrapper .card-hint {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  opacity: 0.4 !important;
  font-size: 18px;
  cursor: pointer;
}
.card-venue picture {
  display: block;
  overflow: hidden;
}
.card-venue picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cta-blue-wrapper {
  border-radius: calc(var(--base-border-radius) * 2);
  overflow: hidden;
  color: white;
}
.cta-blue-wrapper > .column:first-of-type {
  background-color: var(--color-blue);
  padding: 2em;
  color: #fff;
}
.cta-blue-wrapper > .column:first-of-type h1, .cta-blue-wrapper > .column:first-of-type h2, .cta-blue-wrapper > .column:first-of-type h3, .cta-blue-wrapper > .column:first-of-type h4, .cta-blue-wrapper > .column:first-of-type h5, .cta-blue-wrapper > .column:first-of-type h6 {
  color: #fff;
}
.cta-blue-wrapper > .column:first-of-type .btn--primary a {
  background-color: #fff;
  color: var(--color-blue);
}
.cta-blue-wrapper > .column:last-child .attributes {
  height: 100%;
}
.cta-blue-wrapper > .column:last-child .attributes .content-image {
  height: 100%;
}
.cta-blue-wrapper > .column:last-child .attributes .content-image figure {
  height: 100%;
}
.cta-blue-wrapper > .column:last-child .attributes .content-image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0;
}

/*************************************

FULLSCREEN SECTION

*************************************/
@media screen and (min-width: 75em) {
  .fullscreen {
    display: flex;
    align-items: center;
    min-height: 90vh;
    min-height: 90dvh;
  }
}
@media screen and (min-width: 75em) {
  .fullscreen > figure {
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  .fullscreen > figure img {
    width: 100vw;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.fullscreen > .inside {
  position: relative;
  display: flex;
  flex-flow: column;
  padding: 1.5em;
  background-color: var(--color-page-background);
}
@media screen and (min-width: 75em) {
  .fullscreen > .inside {
    padding: 10% 1.5em 1.5em 1.5em;
    max-width: 815px;
    padding: 2em;
  }
}
.fullscreen > .inside .full-title {
  margin-bottom: 1em;
}
.fullscreen > .inside .full-title h2 {
  color: var(--color-default);
  margin: 0 0 20px 0;
  font-size: clamp(40px, 3vw, 80px);
}
.fullscreen > .inside .full-text {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 64.063em) {
  .fullscreen > .inside .full-text .dekobild {
    position: absolute;
    top: 100px;
    right: 0;
  }
}
.fullscreen > .inside .full-text .dekobild2 {
  margin-top: -100px;
}
@media screen and (min-width: 64.063em) {
  .fullscreen > .inside .full-text .dekobild2 {
    position: absolute;
    top: -20%;
    right: -10%;
    margin-top: initial;
  }
}
.fullscreen > .inside .full-text .btn {
  margin-top: 1em;
}
.fullscreen .textextra {
  display: none;
}
.fullscreen.freizeit-style {
  align-items: initial;
  justify-content: space-between;
}
.fullscreen.freizeit-style > .inside {
  background-color: transparent;
  justify-content: space-between;
}
.fullscreen.freizeit-style > .inside .full-title h2 {
  color: var(--color-blue);
}
.fullscreen.freizeit-style > .inside .full-text {
  position: relative;
  background: white;
  padding: 1.5em;
  border-radius: var(--base-border-radius);
}
.fullscreen.freizeit-style > .inside .full-text .dekobild,
.fullscreen.freizeit-style > .inside .full-text .dekobild2 {
  z-index: -1;
}
@media screen and (min-width: 64.063em) {
  .fullscreen.freizeit-style > .inside .full-text .dekobild,
  .fullscreen.freizeit-style > .inside .full-text .dekobild2 {
    z-index: 1;
  }
}
.fullscreen.freizeit-style > .inside .full-text .dekobild {
  position: absolute;
  top: -40%;
  left: 90%;
  right: -100%;
}
.fullscreen.freizeit-style > .inside .full-text .dekobild2 {
  position: absolute;
  top: -20%;
  left: 100%;
  right: -100%;
}
.fullscreen.freizeit-style .textextra {
  padding: 0 2em;
  font-size: clamp(15px, 1vw, 30px);
  color: var(--color-blue);
}
@media screen and (min-width: 75em) {
  .fullscreen.freizeit-style .textextra {
    display: block;
  }
}
@media screen and (min-width: 100em) {
  .fullscreen.freizeit-style .textextra {
    display: block;
    font-size: clamp(15px, 1.25vw, 28px);
  }
}
@media only screen and (min-width: 1900px) {
  .fullscreen.freizeit-style .textextra {
    font-size: clamp(15px, 1.5vw, 26px);
  }
}

/*************************************

PROZESS MODUL STYLESHEET

*************************************/
.chronik-wrapper {
  position: relative;
  padding-left: 25px;
}

.process-headline {
  display: flex;
  justify-content: center;
  gap: 3em;
  text-transform: uppercase;
  font-size: 20px;
  flex-wrap: wrap;
  margin-top: 4vw;
}
.process-headline > div {
  flex: 1;
  text-align: center;
}

.prozess-modul-wrapper .inside {
  position: relative;
}
.prozess-modul-wrapper .row {
  position: relative;
  margin-bottom: 50px;
}
@media screen and (min-width: 48em) {
  .prozess-modul-wrapper .row {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 64.063em) {
  .prozess-modul-wrapper .row {
    margin-bottom: 150px;
  }
}
@media screen and (min-width: 75em) {
  .prozess-modul-wrapper .row {
    margin-bottom: 250px;
  }
}
.prozess-modul-wrapper .prozess-modul {
  /* The progress container (grey background) */
  position: absolute;
  width: 100%;
  height: 100%;
}
.prozess-modul-wrapper .prozess-modul .prozess-container {
  position: absolute;
  top: 200px;
  left: -100px;
  width: 2px;
  height: 100%;
  background: #eeeeee;
  /* The progress bar (scroll indicator) */
}
.prozess-modul-wrapper .prozess-modul .prozess-container .prozess-bar {
  height: 0;
  background: var(--color-yellow);
  width: 2px;
}
.prozess-modul-wrapper .prozess-modul .prozess-container > span {
  width: 30px;
  height: 30px;
  background-color: var(--color-yellow);
  display: block;
  border-radius: 30px;
}

/*************************************

GESCHICHTE MODUL STYLESHEET

*************************************/
.geschichte-modul-wrapper .process-headline {
  display: flex;
  justify-content: center;
  gap: 3em;
  text-transform: uppercase;
  font-size: 20px;
  flex-wrap: wrap;
  margin-top: 4vw;
}
.geschichte-modul-wrapper .process-headline > div {
  flex: 1;
  text-align: center;
}
.geschichte-modul-wrapper h2 {
  font-size: clamp(40px, 7vw, 60px);
  padding: 0;
  margin-bottom: 5px;
}
.geschichte-modul-wrapper h2:before {
  content: none;
}
.geschichte-modul-wrapper .autogrid_row > div {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 48em) {
  .geschichte-modul-wrapper .autogrid_row > div.margintopclear {
    margin-top: 0;
  }
  .geschichte-modul-wrapper .autogrid_row > div figure {
    margin-right: auto;
  }
  .geschichte-modul-wrapper .autogrid_row > div:nth-child(odd) figure {
    margin-left: auto;
    margin-right: inherit;
  }
  .geschichte-modul-wrapper .autogrid_row > div .text-wrapper {
    margin-bottom: 0 !important;
  }
}
.geschichte-modul-wrapper .inside {
  position: relative;
}
.geschichte-modul-wrapper .prozess-modul {
  /* The progress container (grey background) */
  position: absolute;
  left: -5px;
}
@media screen and (min-width: 48em) {
  .geschichte-modul-wrapper .prozess-modul {
    left: 50%;
  }
}
.geschichte-modul-wrapper .prozess-modul {
  width: 100%;
  height: 100%;
}
.geschichte-modul-wrapper .prozess-modul .prozess-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #bbbbbb;
  /* The progress bar (scroll indicator) */
}
.geschichte-modul-wrapper .prozess-modul .prozess-container .prozess-bar {
  height: 0;
  background: var(--color-yellow);
  width: 2px;
}
.geschichte-modul-wrapper .prozess-modul .prozess-container > span {
  width: 30px;
  height: 30px;
  background-color: var(--color-yellow);
  display: block;
  border-radius: 30px;
}
.geschichte-modul-wrapper .anker {
  display: none;
  position: relative;
}

/*************************************

FOLDERS MODUL STYLESHEET

*************************************/
.folders-wrapper {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 64.063em) {
  .folders-wrapper {
    flex-flow: row;
    height: 85vh;
  }
}
@media screen and (min-width: 100em) {
  .folders-wrapper {
    margin-left: -10vw;
    margin-right: -10vw;
    height: 70vh;
    height: 70dvh;
  }
}
.folders-wrapper .folder {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: 1em 1.5em;
  --folder-lightness: 0; /* fallback */
}
@media screen and (min-width: 100em) {
  .folders-wrapper .folder {
    padding: 2em 3em;
  }
}
.folders-wrapper .folder {
  cursor: pointer;
  flex: 1;
}
.folders-wrapper .folder:before {
  content: "";
  background-color: color-mix(in srgb, var(--color-green), white calc(var(--folder-lightness) * 100%));
  position: absolute;
  inset: 0;
  z-index: 2;
  transition: all 0.3s;
}
.folders-wrapper .folder.active {
  flex: 100%;
  cursor: initial;
}
.folders-wrapper .folder.active > div,
.folders-wrapper .folder.active > div h3,
.folders-wrapper .folder.active > div p,
.folders-wrapper .folder.active > div a {
  opacity: 1;
  visibility: visible;
}
.folders-wrapper .folder.active .folder-title span {
  text-align: left;
}
.folders-wrapper .folder.active:before {
  opacity: 0;
  visibility: hidden;
}
.folders-wrapper .folder * {
  color: #fff;
}
.folders-wrapper .folder > div h3,
.folders-wrapper .folder > div p,
.folders-wrapper .folder > div a {
  opacity: 0;
  visibility: hidden;
}
.folders-wrapper .folder > div {
  z-index: 10;
}
.folders-wrapper .folder figure {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.folders-wrapper .folder figure:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  inset: 0;
}
.folders-wrapper .folder figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.folders-wrapper .folder .folder-title span {
  display: block;
  font-size: 2.5em;
  font-family: var(--headings-font-family);
  font-weight: 700;
  text-align: center;
  z-index: 20;
}
.folders-wrapper .folder .folder-title h3 {
  font-weight: 700;
}
.folders-wrapper .folder .folder-text {
  max-width: 600px;
}
/*************************************

ZIMMER MODULE STYLESHEET

*************************************/
.zimmer {
  margin-bottom: calc(var(--base-spacing-unit-xl) * 1.25);
}
.zimmer .zimmer-content {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 var(--base-spacing-unit);
  -moz-column-gap: var(--base-spacing-unit);
  column-gap: var(--base-spacing-unit);
}
@media screen and (min-width: 75em) {
  .zimmer .zimmer-content {
    grid-template-columns: 2fr 1.5fr 1fr;
    padding: 0 var(--base-spacing-unit-xl);
  }
}
.zimmer .zimmer-content .zimmer-text {
  margin-bottom: var(--base-spacing-unit);
}
.zimmer .zimmer-content ul.zimmer-infos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: var(--base-spacing-unit);
}
@media screen and (min-width: 75em) {
  .zimmer .zimmer-content ul.zimmer-infos {
    justify-self: center;
  }
}
.zimmer .zimmer-content ul.zimmer-infos {
  -moz-column-gap: 0.5em;
  column-gap: 0.5em;
  list-style: none;
}
.zimmer .zimmer-content ul.zimmer-infos li:before {
  content: none;
}
@media screen and (min-width: 75em) {
  .zimmer .zimmer-content ul.zimmer-infos {
    justify-self: center;
  }
}
.zimmer .zimmer-content ul.zimmer-infos .zimmer-info {
  display: flex;
  gap: 10px;
  align-items: center;
  border-bottom: 0;
}
.zimmer .zimmer-content .zimmer-price {
  font-variant-numeric: lining-nums;
  margin-bottom: var(--base-spacing-unit);
}
@media screen and (min-width: 75em) {
  .zimmer .zimmer-content .zimmer-price {
    justify-self: end;
    align-self: flex-end;
  }
}
.zimmer .zimmer-content .zimmer-price .price {
  font-size: 1.25em;
  font-family: var(--headings-font-family);
}
.zimmer .zimmer-content .zimmer-price .price .btn {
  margin-bottom: 5px;
}
.zimmer .zimmer-content .zimmer-price .price .price-amount,
.zimmer .zimmer-content .zimmer-price .price .price-currency {
  font-size: 2em;
}
.zimmer .zimmer-content .zimmer-price .zimmer-links {
  display: flex;
  gap: 10px;
}
.zimmer .zimmer-content .zimmer-price .zimmer-links > * {
  margin-bottom: 0;
}
.zimmer .zimmer-img {
  position: relative;
}
.zimmer .zimmer-img .zimmer-gallery {
  position: relative;
}
.zimmer .zimmer-img .zimmer-gallery__viewport {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
}
.zimmer .zimmer-img .zimmer-gallery__viewport:active {
  cursor: grabbing;
}
.zimmer .zimmer-img .zimmer-gallery__track {
  display: flex;
  gap: 12px;
  will-change: transform;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.zimmer .zimmer-img .zimmer-gallery__slide {
  flex: 0 0 90%;
}
@media screen and (min-width: 64.063em) {
  .zimmer .zimmer-img .zimmer-gallery__slide {
    flex: 0 0 60%;
  }
}
@media screen and (min-width: 75em) {
  .zimmer .zimmer-img .zimmer-gallery__slide {
    flex: 0 0 40%;
  }
}
.zimmer .zimmer-img figure,
.zimmer .zimmer-img img {
  -webkit-user-drag: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}
.zimmer .zimmer-img img {
  aspect-ratio: 16/9;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/*************************************

ANGEBOT-CARD

*************************************/
.angebot-wrapper {
  row-gap: 2rem;
}
.angebot-wrapper .attributes {
  height: 100%;
}
.angebot-wrapper .angebot {
  height: 100%;
}
.angebot-wrapper .angebot__text .homepage-only {
  display: none;
}
.angebot-wrapper .angebot__text .angebotpage-only {
  display: block;
}

.angebot {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--base-border-radius);
  margin-bottom: 2rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.angebot__media {
  margin: 0 0 1.25rem;
  overflow: hidden;
}
.angebot__media picture {
  display: block;
}
.angebot__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
}
.angebot__body {
  display: flex;
  flex-flow: column;
  height: 100%;
  flex: 1;
  padding: 0 1rem;
}
.angebot__nights {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0;
  font-size: var(--base-font-size-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.angebot__moon {
  flex: 0 0 auto;
}
.angebot__title {
  color: var(--color-text);
}
.angebot__date {
  margin: 0 0 1rem;
  font-size: 14px;
  font-weight: 700;
}
.angebot__text .angebotpage-only {
  display: none;
}
.angebot__text {
  color: color-mix(in oklab, var(--color-text) 80%, transparent);
}
.angebot__text li {
  padding: 3px 0;
}
.angebot__text strong {
  color: var(--color-text);
}
.angebot__text p {
  margin: 0 0 0.75rem;
}
.angebot__price {
  display: grid;
  margin: 1.25rem 0;
  line-height: 1.1;
  font-variant-numeric: lining-nums;
  margin-top: auto;
}
.angebot__price-prefix {
  font-size: 0.9rem;
  margin-bottom: 0;
}
.angebot__price-amount {
  font-family: var(--headings-font-family);
  font-size: 2rem;
}
@media screen and (min-width: 100em) {
  .angebot__price-amount {
    font-size: 2.5rem;
  }
}
.angebot__price-amount {
  font-weight: 500;
  margin-bottom: 3px;
}
.angebot__price-suffix {
  font-size: 0.9rem;
}
.angebot__price-info {
  font-size: 0.85rem;
  margin-top: 5px;
}
.angebot__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 0.75rem;
  margin-top: auto;
}
.angebot__actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 0;
  justify-self: flex-end;
}
.angebot__actions .btn svg {
  flex: 0 0 auto;
}
@media (max-width: 360px) {
  .angebot__actions {
    grid-template-columns: 1fr;
  }
}

.btn--secondary {
  background: var(--color-beige-2);
  border-color: var(--color-beige-2);
  color: var(--color-brown);
}
.btn--secondary:hover, .btn--secondary:focus {
  background: color-mix(in srgb, var(--color-beige-2) 90%, #000);
  border-color: color-mix(in srgb, var(--color-beige-2) 90%, #000);
  color: var(--color-brown);
}

/*************************************

ZIMMER MODULE STYLESHEET

*************************************/
.ring {
  font-family: var(--headings-font-family);
  font-size: 48px;
  font-variant-numeric: lining-nums;
  position: absolute;
  bottom: -2.5em;
  right: -2.5em;
  width: 250px;
  height: 250px;
}
/*# sourceMappingURL=../maps/default.css.map */

