/* ========================================
   BASE TYPOGRAPHY & RESET
======================================== */
*{box-sizing:border-box}
body,html{font-family:'RobotoCondensed',Arial,sans-serif;margin:0;padding:0}
.my-content-wrapper .ce-body{margin-top:0!important;padding-top:0!important}

#page-header .navbar-brand.navbar-brand-text {margin-top: -16px;font-size:40px;color:#fff;font-family:'BebasNeue',Arial,sans-serif;font-weight:400;}

/* ========================================
   HEADINGS
======================================== */
h1,h2,h3,h4{font-family:'BebasNeue',Arial,sans-serif;font-weight:400;position:relative;color:#1A1A1A;margin:0 0 20px}
h1{font-size:60px!important}
h2{font-size:40px!important}
h2.element-header{display:inline-flex;align-items:center;gap:10px}
h2.element-header::after{content:"";display:inline-block;width:55px;height:55px;background-image:url(../images/pfeil.svg);background-repeat:no-repeat;background-position:center;background-size:contain}

/* ========================================
   PARAGRAPHS & LINKS
======================================== */
p,td{font-weight:300;font-size:20px;letter-spacing:.5px;color:#1A1A1A;margin:0 0 15px}
p a{color:#FFD20A!important}
p strong{font-weight:700}

/* ========================================
   BUTTONS
======================================== */
.btn{display:inline-block;text-align:center;font-weight:400;font-size:20px;margin-top:20px;padding:15px 25px;text-decoration:none;border:none;cursor:pointer;user-select:none;transition:all .15s ease-in-out}
.btn-primary,.btn-default{color:#1A1A1A!important;background:#FFD20A}
.btn-primary:hover,.btn-default:hover{color:#FFF!important;background:#1A1A1A}

/* ========================================
   NAVBAR (STICKY + HOVER DROPDOWN)
======================================== */
@media (min-width: 992px) {
  #page-header{padding-top:12px;padding-bottom:10px}
  .navbar-mainnavigation.navbar-fixed-top{position:fixed!important;background-color:#0006!important;left:0;right:0;top:0;z-index:1030;box-shadow:0 2px 10px #0000001a}
  .navbar-mainnavigation.navbar-fixed-top.navbar-transition{background-color:#000c!important}
  .nav-item > a{color:#FFF}
  .nav-item > a.nav-link.active,.nav-item > a.nav-link:hover{color:#FFD20A}
  .navbar-mainnavigation .navbar-nav{justify-content:flex-end}
  .navbar-nav .dropdown-menu{display:none!important}
  .navbar-nav .dropdown.show .dropdown-menu{display:block!important}
  .navbar-nav .dropdown-menu{top:35px;margin-left:-15px;background-color:#000c}
  .navbar-nav .dropdown-menu .nav-item > a{color:#fff}
  .navbar-nav .dropdown-menu .nav-item > a:hover{color:#FFD20A}
}

/* ========================================
   CARDS & CONTENT ELEMENTS
======================================== */
.card-body h3{font-size:30px;margin:20px auto 0;text-align:center}
.card-body p{margin:10px auto 0}
#c237 p{text-align:center}
#c231,#c234,#c281{background:#dedede}
#c281 {margin-top:40px;}
#c231 .frame-group-inner,
#c281 .frame-group-inner {padding:0}
#c231 .card-body {padding-bottom:0}
#c281 .card-body {padding-bottom:20px;}
#c231 .card-body h2,
#c281 .card-body h2 {text-align:center;background:#FFD20A;border-radius:100px;display:table;margin:0 auto;padding:20px 35px}
#c234 .frame-group-inner{padding:0}
#c234 .card-body{padding-top:0}
#c234 .card-body h2{display:none}
#c234 .card-body h3{margin-top:0}
#c234 .card-img-top{height:150px;width:auto;text-align:center;padding-top:30px}
#c234 .card-group-element .card-group-element-item:last-child .card-img-top{padding-top:20px}
#c234 .card-img-top img{max-height:150px;width:auto}
#c236 .card-img-left{float:left;width:50%}
#c236 .card-img-top{height:200px;width:50%;text-align:right;float:right;margin-top:-10px}
#c236 .card-img-top img{max-height:200px;width:auto}
#c236 p:last-child{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
#c236 p:last-child a{text-align:center;white-space:normal;margin-top:0}
#c236 p:last-child a strong{display:block}

/* ========================================
   TABLE #c232 (OPTIMIERT)
======================================== */
#c232 table{margin-top:20px;border-collapse:separate;border-spacing:0 8px;width:100%}
#c232 table td{padding:12px 15px;vertical-align:middle}
#c232 table td span{display:block;font-size:20px;letter-spacing:.5px}
#c232 table tr td:nth-child(1):has(.text-warning){background:#ffd20a;text-transform:uppercase;font-weight:700;color:#1a1a1a!important;border-radius:10px 0 0 10px}
#c232 table tr td:nth-child(2):has(.text-warning){background:#fff9e6;font-weight:400;color:#1a1a1a!important;border-radius:0 10px 10px 0;border-right:20px solid #ffd20a}
#c232 table tr td:nth-child(1):has(.text-danger){background:#ccc;text-transform:uppercase;font-weight:700;color:#fff!important;border-radius:10px 0 0 10px}
#c232 table tr td:nth-child(2):has(.text-danger){background:#f4f4f4;font-weight:400;color:#1a1a1a!important;border-radius:0 10px 10px 0;border-right:20px solid #ccc}
#c232 table tr td .text-warning,#c232 table tr td .text-danger{color:#1a1a1a!important}

/* ========================================
   BACKGROUND SECTIONS
======================================== */
.frame-has-backgroundimage.frame-layout-embedded > .frame-group-container{max-width:none;margin-bottom:100px}
.frame-has-backgroundimage.frame-layout-embedded {position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:450px}
.frame-has-backgroundimage.frame-layout-embedded .frame-backgroundimage{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1}
.frame-has-backgroundimage.frame-layout-embedded .frame-backgroundimage::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#0000000a;z-index:2}
.frame-has-backgroundimage.frame-layout-embedded .frame-container{overflow:hidden;position:absolute;z-index:3;width:100%;max-width:1200px;margin:0;padding:40px 20px;text-align:left;left:0;bottom:70px;display:flex;}
.frame-has-backgroundimage.frame-layout-embedded .frame-container h3,.frame-has-backgroundimage.frame-layout-embedded .frame-container h3 a {font-size:40px;color:#ffd20a;text-decoration:none;margin-bottom:0;}
.frame-has-backgroundimage.frame-layout-embedded .frame-container h4 {font-family:'RobotoCondensed',Arial,sans-serif;font-weight:700;font-size:30px;color:#fff;margin-bottom:0;}

.frame-has-backgroundimage.frame-layout-embedded .frame-container .frame-inner {background-color: #0007 !important;display:inline-block;padding:40px;padding-left: 50px;}
.frame-has-backgroundimage .element-header span {font-size: clamp(2rem, 5vw, 3.5rem);text-transform: none;font-weight: 400;text-transform: none;display: block;}
.frame-has-backgroundimage .element-subheader span {font-size: clamp(1.1rem, 2.5vw, 1.6rem);font-weight: 300;display: block;margin-top: 10px;}


/* ========================================
   FOOTER
======================================== */
.footerbefore{background:linear-gradient(to right,#FFD20A 50%,#1A1A1A 50%)}
.footerbefore > .innerbox{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;justify-content:center;max-width:1320px;padding:0 20px;margin:0 auto}
.footerbefore > .innerbox > #c238,.footerbefore > .innerbox > #c239{display:flex;flex-direction:column;padding:20px;margin:0}
.footerbefore > .innerbox > #c238{background:#FFD20A;padding-left:0 !important;}
.footerbefore > .innerbox > #c238 .frame-container{padding-left:0}
.footerbefore > .innerbox > #c238 h3{font-size:30px;color:#1A1A1A;}
.footerbefore > .innerbox > #c239{background:#1A1A1A;padding-right:40px}
.footerbefore > .innerbox > #c239 p{font-size:14px;color:#FFF}
.footerbefore > .innerbox > #c238 .btn{background:#FFF;margin-top:0}
.footerbefore > .innerbox > #c238 .btn:hover{background:#1A1A1A}
#page-footer{border-top:8px solid #FFD20A}
#page-footer .footer-section-content{background:#1A1A1A}
#page-footer h3{font-size:40px;margin-top:-10px;color:#FFF}
#page-footer h4{font-size:30px;color:#FFF}
#page-footer p{font-size:18px;color:#FFF}
#page-footer .section-row{--section-gap-x:100px}
#page-footer .section-row > .section-column:nth-child(1){--section-gaps:2;--section-colspan:6}
#page-footer .section-row > .section-column:nth-child(2),#page-footer .section-row > .section-column:nth-child(3){--section-gaps:2;--section-colspan:3}
#page-footer .footer-section > .over {border-bottom:8px solid #FFD20A}

#page-footer .section-row > .section-column:nth-child(1) a {color: #FFD20A !important;text-decoration:none;}
#page-footer .section-row > .section-column:nth-child(1) a:hover {color:#FFF !important;}
#page-footer .section-row > .section-column:nth-child(2) ul, 
#page-footer .section-row > .section-column:nth-child(3) ul  {list-style:none;padding-left:0;}
#page-footer .section-row > .section-column:nth-child(2) ul li a, 
#page-footer .section-row > .section-column:nth-child(3) ul li a {color: #FFD20A !important;text-decoration:none;font-size: 18px;} 
#page-footer .section-row > .section-column:nth-child(2) ul li a:hover, 
#page-footer .section-row > .section-column:nth-child(3) ul li a:hover {color:#FFF !important;}

#c240.frame-background-dark{background:#1A1A1A;padding-top:0}
#c240 img{max-height:130px;width:auto}

/* ========================================
   Formular
======================================== */
.form-container h2 {display:none;}

/* ========================================
   RESPONSIVE
======================================== */
@media (max-width: 991px) {
  #c236 .card-img-left,#c236 .card-img-top{float:none!important;width:100%!important}
  #c236 .card-img-top{text-align:left;margin-top:14px;margin-left:-10px}
  #c232 table tbody > tr{display:flex;flex-direction:column}
  #c232 table tbody > tr > td:nth-child(2){margin-bottom:15px}
  .footerbefore > .innerbox{grid-template-columns:1fr}
  .footerbefore > .innerbox > #c238,.footerbefore > .innerbox > #c239{flex:1 1 100%;flex-direction:row}
}

@media (min-width: 992px) {
  .frame-has-backgroundimage.frame-layout-embedded{height:60vh;min-height:550px}
  .frame-layout-embedded.frame-has-backgroundimage,
  .frame-layout-embedded.frame-has-backgroundimage .frame-group-container,
  .frame-layout-embedded.frame-has-backgroundimage .frame-group-inner,
  .frame-layout-embedded.frame-has-backgroundimage .frame-backgroundimage-container{padding-top: 14px;height:70vh!important;margin-bottom:0px;}
  .section.section-default {padding-top:20px;}
  .breadcrumb-section {margin-bottom:70px;}
  .footerbefore > .innerbox > #c238{position:relative;background:#FFD20A;padding:40px;clip-path:polygon(0 0,100% 0,90% 100%,0% 100%);margin-right:-25px}
  .footerbefore > .innerbox > #c239{background:#1A1A1A;padding:40px;position:relative;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);margin-left:-56px;padding-left:100px}
  #c239 .frame-group-container{transform:skew(-20deg)}
  #c239 .frame-group-container p{margin:0;color:#FFF}
  
  .frame-type-menu_categorized_content {margin:0 auto;max-width:1600px;max-height:575px !important;min-height:300px !important;padding-left:30px;padding-right:30px;}
  .frame-type-menu_categorized_content .frame-group-container,
  .frame-type-menu_categorized_content .frame-group-container .frame-group-inner,
  .frame-type-menu_categorized_content .frame-group-container .frame-group-inner .frame-backgroundimage-container {margin:0px 0 0 0;max-height: 600px;padding:0 !important;border-radius: 0;}
  .frame-type-menu_categorized_content .frame-group-container .frame-group-inner .frame-backgroundimage-container .frame-backgroundimage {background-position: top center;padding:0;margin-top:25px;}
  .frame-type-menu_categorized_content .frame-group-container .frame-group-inner .frame-container-default {bottom:50px;}
}

@media (min-width: 1200px) {
  #c236 .card-img-top { margin-top: -30px; }
}

@media (min-width: 992px) {
  .nav-link-indicator{display:none!important}
  .nav-item.show .dropdown-menu,.nav-item.show .dropdown-menu-simple{display:block!important;opacity:1!important;visibility:visible!important}
}