body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
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)}
/* ================================
   Allgemeines Layout & Schrift
================================== */

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
  color: #333;
  display: flex;
  flex-direction: column;
}

h1 {
  font-size: 2rem;
  color: #b30000;
}

h2 {
  font-size: 1.6rem;
  color: #b30000;
}

h3 {
  font-size: 1.4rem;
  color: #b30000;
}

h4 {
  font-size: 1.2rem;
  color: #b30000;
}

h5 {
  font-size: 1rem;
  color: #b30000;
}

h6 {
  color: #b30000;
}

p, ul li {
  font-size: 1rem;
  line-height: 1.6;
}

a {
  color: #b30000;
  text-decoration: none;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

a:hover {
  font-weight: bold;
}

#wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#container {
  flex: 1;
}

/* ================================
   Header mit Navigation
================================== */

#header .inside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 1.5rem 2rem;
  background-color: #b30000;
  color: white;
}

.site-logo img {
  height: 60px;
  width: auto;
  max-width: 100%;
  display: block;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 2rem;
  z-index: 1000;
}

.main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 2rem;
}

.main-nav li {
  display: inline-block;
}

.main-nav a,
.main-nav strong {
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.5rem 0;
  display: block;
  transition: all 0.2s ease-in-out;
}

.main-nav a:hover {
  text-decoration: underline;
}

.main-nav strong.active {
  border-bottom: 2px solid white;
}

/* ================================
   Burger Menü
================================== */

.burger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  z-index: 1001;
  justify-content: center;
  height: 24px;
}

.burger div {
  width: 25px;
  height: 3px;
  background-color: white;
  margin: 3px 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
}

.burger.open div:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}

.burger.open div:nth-child(2) {
  opacity: 0;
}

.burger.open div:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}

.nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998;
}

.nav-overlay.show {
  display: block;
}

.close-nav {
  display: none;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 1.5rem;
  text-align: right;
}

.main-nav.show + .close-nav,
.main-nav.show .close-nav {
  display: block;
}

@media (max-width: 768px) {
  .burger {
    display: flex;
  }

  .main-nav {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    width: 250px;
    background-color: #b30000;
    flex-direction: column;
    padding: 2rem 1.5rem;
    gap: 1rem;
    transition: right 0.3s ease-in-out;
    z-index: 999;
  }

  .main-nav.show {
    right: 0;
  }

  .main-nav ul {
    flex-direction: column;
    gap: 1rem;
  }

  .main-nav li {
    display: block;
  }

  .main-nav a,
  .main-nav strong {
    font-size: 1.2rem;
    padding: 0.5rem 0;
  }
}

/* ================================
   Slider-Bereich #startbanner
================================== */

#startbanner .mod_article {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

#startbanner .mod_article > div {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#startbanner .mod_article > div.active {
  opacity: 1;
  z-index: 1;
}

#startbanner .mod_article .content-image,
#startbanner .mod_article .content-text {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#startbanner .mod_article .content-text figure,
#startbanner .mod_article .content-image figure {
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: 0;
}

#startbanner .mod_article .content-text figure img,
#startbanner .mod_article .content-image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

#startbanner .mod_article .content-text .rte {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 1;
  color: #ffffff;
  font-size: 2rem;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  padding: 1rem;
  pointer-events: none;
  white-space: normal;
  line-height: 1.4;
}

#startbanner h1,
#startbanner h2,
#startbanner h3,
#startbanner h4,
#startbanner h5,
#startbanner p {
  color: #ffffff;
}

#startbanner h1 {
  font-size: 3.5rem;
}

#startbanner h2 {
  font-size: 2.5rem;
}

/* ================================
   Infoboxen Rasterlayout
================================== */

#infoboxen .mod_article {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  max-width: 960px;
  margin: 0 auto;
  gap: 2rem;
  padding: 2rem;
}

#infoboxen .content-text {
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  text-align: center;
}

#infoboxen .content-text.media.media--below {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  overflow: hidden;
}

#infoboxen .content-text h2 {
  font-size: 1.4rem;
  margin: 0 0 0.8rem 0;
  color: #b30000;
}

#infoboxen .content-text .rte p {
  margin: 0.4em 0;
  font-size: 1rem;
}

#infoboxen .content-text .rte p:first-child {
  margin-top: 0;
}

#infoboxen .content-text.media.media--above .rte h2 {
  margin-top: 2rem;
}

#infoboxen .content-text.media.media--below h2,
#infoboxen .content-text.media.media--below .rte {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#infoboxen .content-text.media.media--below h2 {
  padding-top: 1.5rem;
  margin-bottom: 0.8rem;
}

#infoboxen .content-text.media.media--below .rte {
  padding-bottom: 0;
  margin-bottom: 1rem;
}

#infoboxen .content-text.media.media--below figure {
  margin: 0;
  padding: 0;
}

#infoboxen .content-text.media.media--below figure img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* ================================
   Inhaltsseiten (z. B. Impressum)
================================== */

#main .inside {
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem;
}

#main .mod_article.block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#main .content-text {
  background-color: #fff;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}

#main h1.content-headline {
  margin-bottom: 1rem;
  font-size: 2rem;
  text-align: left;
  padding-left: 1rem;
}

#main h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  color: #b30000;
}

#main h3 {
  font-size: 1.1rem;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
  color: #b30000;
}

#main p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0.3rem 0;
}

/* ================================
   Footer
================================== */

footer {
  background-color: #b30000;
  color: white;
  padding: 1rem 2rem;
  text-align: center;
  font-size: 0.95rem;
}

footer a {
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

footer a:hover {
  font-weight: bold;
}

/* ================================
   Veranstaltungen
================================== */

@media (orientation: portrait), (max-width: 699px) {
  #veranstaltungen .content-text.media {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  #veranstaltungen .content-text.media figure {
    order: 2;
  }

  #veranstaltungen .content-text.media .rte {
    order: 1;
  }

  #veranstaltungen .content-text.media h2 {
    order: 0;
  }
}

@media (orientation: landscape) and (min-width: 700px) {
  #veranstaltungen .content-text.media {
    display: grid;
    grid-template-areas:
      "title title"
      "text image";
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
  }

  #veranstaltungen .content-text.media h2 {
    grid-area: title;
    margin: 0;
  }

  #veranstaltungen .content-text.media .rte {
    grid-area: text;
  }

  #veranstaltungen .content-text.media figure {
    grid-area: image;
    max-width: 300px;
    margin: 0;
  }

  #veranstaltungen .content-text.media figure img {
    width: 100%;
    height: auto;
    display: block;
  }
}

#einleitung h1 {
  text-align: center;
}

/* ================================
   Ergänzung aus Code2
================================== */

/* Inhaltsbereiche */
#wegverlauf .inside,
#buchbeschreibung .inside,
#uebungsvideos .inside {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2rem;
  margin-bottom: 0;
  box-sizing: border-box;
}

/* Wegbeschreibung */
.weg-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
  align-items: center;
}

.weg-bild {
  display: flex;
  align-items: center;
}

.weg-bild img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}

.weg-bild figcaption {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.5rem;
  line-height: 1.4;
}

.weg-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.weg-info h2 {
  margin-top: 0;
  color: #b30000;
}

.weg-info table {
  border-collapse: collapse;
  width: 100%;
  max-width: 400px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.weg-info td {
  padding: 0.3rem 0.5rem;
  vertical-align: top;
  font-size: 1rem;
  line-height: 1.5;
}

.weg-info td:first-child {
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 1rem;
}

.weg-info td:last-child {
  text-align: left;
  width: 100%;
}

@media (max-width: 768px) {
  .weg-layout {
    display: block;
  }

  .weg-info {
    margin-top: 2rem;
  }

  .weg-bild {
    justify-content: center;
  }
}

/* Buchbeschreibung */
#buchbeschreibung .content-text.media--above {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: center;
}

#buchbeschreibung .content-text.media--above figure {
  margin: 0;
}

#buchbeschreibung .content-text.media--above .rte {
  display: flex;
  align-items: center;
  height: 100%;
}

@media (max-width: 768px) {
  #buchbeschreibung .content-text.media--above {
    display: block;
  }

  #buchbeschreibung .content-text.media--above .rte {
    margin-top: 1rem;
  }
}


/* Layout-Anpassung: Links + Video-Box nebeneinander */
#uebungsvideos .video-layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2rem;
  align-items: start;
}

/* Video-Box im 16:9-Format */
#video-box {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #e0e0e0;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

#video-box iframe,
#video-box .video-placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#video-box .video-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 1.2rem;
  padding: 1rem;
  text-align: center;
}

/* Mobil: untereinander */
@media (max-width: 768px) {
  #uebungsvideos .inside {
    display: block;
  }

  #video-box {
    margin-top: 2rem;
  }
}

#video-box {
  border: 1px solid #ccc;
}

@media (max-width: 768px) {
  #uebungsvideos .video-layout {
    display: flex;
    flex-direction: column;
  }

  #video-box {
    order: -1; /* Video kommt über die Links */
    margin-bottom: 2rem;
  }

  .video-links {
    order: 0;
  }
}

#video-box .video-consent {
  position: absolute;
  inset: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* <<< Das ist entscheidend */
  align-items: flex-start;
  background: #fff;
  color: #333;
  font-size: 1rem;
  gap: 1rem;
}

#video-box .video-consent {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  overflow-y: auto;
  box-sizing: border-box;
  color: #333;
  font-size: 1rem;
}

#video-box .video-consent p {
  margin: 0 0 1rem 0;
}

#video-box .video-consent button {
  align-self: flex-start;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  background-color: #b30000;
  color: #fff;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

#video-box .video-consent button:hover {
  background-color: #900000;
}

.video-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Für linksbündig, bei Bedarf 'center' */
  gap: 0.5rem;
}

.video-links a {
  display: inline-block;
  background-color: #b30000;
  color: #fff;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.video-links a:hover {
  background-color: #900000;
}