:target:before {content: "";display: block;height: 75px;margin: -75px 0 0;}
body {font-size:1rem;color:#002e5d;}
/* Linkfarbe (Bootstrap 5.2 nutzt diese Variablen): Kontrast >= 4.5:1 auf Weiß, #fafafa, #dbdbdb und #ffe682.
   Die Unterstreichung bleibt, weil sich die Linkfarbe vom Fließtext (#002e5d) nicht genug unterscheidet. */
:root {--bs-link-color:#0a58ca;--bs-link-hover-color:#084298;--bs-link-color-rgb:10,88,202;--bs-link-hover-color-rgb:8,66,152;}
a {color:#0a58ca;text-decoration:underline;}
a:hover, a:focus {color:#084298;}
.body-bg {width:100%;max-width:1920px;margin:auto;position:relative;}
.frame-header *:last-child {margin-bottom:1.4rem;}
h1 {font-weight:500;margin-bottom:50px;}
h2 {font-size:1.2rem;margin-bottom:15px;}
h3 {font-size:1.2rem;font-weight:700;}
.bgblue {background:#002e5d;color:#FFFFFF;}
.bgblue a, .bgblue a:link {color:#FFFFFF;text-decoration:none;padding-bottom:3px;border-bottom:1px solid #FFFFFF;}
.bgblue a:hover {border-bottom:1px solid #ffe682;}
.bggrey {background:#dbdbdb}
.bgyellow {background:#ffe682;}
.bgwhitegrey {background:#fafafa;}
.scroll-top {background:#326942;}
.css-arrow, .scroll-top .scroll-top-icon {color:#FFFFFF;}
.frame-uldflex ul {margin-left:-10px;padding:0;}
.frame-uldflex ul li {display:inline-flex;list-style:none;padding:10px;margin-right:10px;}

nav {background:#ffffff;min-height:75px;box-shadow:0 13px 36px #00000029;}
.navbar-collapse {flex-grow:unset;}
.nav-link {color:#000000;padding: 10px 30px!important;}
.nav-link:hover {color:#f4de20;}
.nav-link.active {color:#f4de20!important;}

.navbar-toggler {position:absolute;right:15px;top:12px;height:50px;width:50px;padding:10px;background:transparent;border-color:transparent;}
.navbar-toggler:focus {box-shadow:none;outline:0;}
.navbar-toggler .icon-bar {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -1px;
  height:2px;width:30px;background:#002e5d;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-toggler .icon-bar:nth-child(1) {margin-top: -7px;}
.navbar-toggler .icon-bar:nth-child(2) {margin-top: 0;}
.navbar-toggler .icon-bar:nth-child(3) {margin-top: 7px;}
.navbar-toggler.collapsed .icon-bar:nth-child(1) {
  margin-top:0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar-toggler.collapsed .icon-bar:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar-toggler.collapsed .icon-bar:nth-child(3) {opacity:0;}
.navbar-toggler:hover .icon-bar:nth-child(3) {margin-left: 2px;}


.language ul {position:absolute;z-index:1050;background:#FFFFFF;padding:5px 5px 10px 5px;}
.language li {list-style:none;}
.language li a {padding:7px;}
.language li a.active {display:none; }
.langdropdown {display:none;}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.main-section {margin-top:75px;}

section {position:relative;}
section.welle .colorbox {padding-bottom:200px;}
section.welle .colorbox .image img {max-height:75vh;height:auto;max-width:100%;width:auto;}

.header.fixed {height:95vh;margin-top:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-position:center;background-size:cover;}
.header.fixed img {position:relative;z-index:99;max-width:100%;height:auto;}
.header.fixed .headline {color:#002e5d;letter-spacing:.18em;font-size:24px;position:relative;z-index:99;}
.filter.softfilter {background: rgba(255,255,255,.6);position:absolute;top:0;left:0;bottom:0;right:0;}

.fiximagebox {background-size:auto;background-position:left;background-repeat:no-repeat;}
.imageposright .colorbox {position:relative;}
.imageposright .fiximagebox {background-position:right top;}
.bgwhitegrey .colorbox {max-width:1200px;margin:auto;background:#FFFFFF;}

.headlineimage {display:flex;align-items:center;margin-bottom:50px;}
.headlineimage h1 {margin-bottom:0;margin-right:50px;}

.tx-powermail {}
.powermail_fieldwrap {margin-bottom:20px;width:100%;}
.powermail_fieldwrap_standortwahl {margin-top:20px;margin-bottom:30px;}
.powermail_field {width:calc(100% - 40px);}
.powermail_fieldwrap_type_select label {font-weight:600;margin-bottom:12px;}
.powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label {display:none;}
.powermail_fieldset input, .powermail_fieldset select, .powermail_fieldset textarea {outline:0;width:100%;padding:5px;border:0;border-bottom:3px solid #ffe682;}
.powermail_fieldset input:hover, .powermail_fieldset select:hover, .powermail_fieldset textarea:hover {border-bottom:3px solid #002e5d;}
.powermail_fieldset input.powermail_checkbox {width:auto;}
/* Powermail 13 setzt .form-check-input (Bootstrap 5: appearance:none, float, negativer margin) – native Darstellung wie bisher */
.powermail_fieldset input.form-check-input {-webkit-appearance:auto;appearance:auto;float:none;margin-left:0;margin-right:8px;vertical-align:middle;}
.powermail_fieldset textarea {width:100%;padding:8px 5px;}

.tx-rfstandorte {position:relative;}
.posabs {position:absolute;top:0;width:100%;}

.leaflet-bar a {background:#cccccc;}
.standortpopup span:after {content:', ';}
.standortpopup span:last-child:after {content:'';}

.cc-window.cc-type-opt-in {box-shadow:0 13px 36px #00000029;}
.dp--revoke {min-width:44px;height:44px;border-radius:22px;box-shadow:0 13px 36px #00000029;}
.dp--revoke i {font-size:26px}

#map { height: 180px; }

@media (min-width: 992px) {
.section-default {min-height:calc(100vh - 545px);}
}

@media (min-width: 1200px) {
  .navbar>.container {padding:0 60px;}
  .frame-w50 {max-width:57%;margin-left:auto;margin-right:auto;}
  .colorbox {padding:50px;}
  .colorbox .ce-row {display:flex;align-items:center;justify-content:space-between;}
  .colorbox .ce-row .ce-column {margin-right:45px;}
  section.welle .colorbox {padding-bottom:200px;}  
  section.welle:after {content:url(/fileadmin/images/welle.webp);position:absolute;bottom:0;max-width:100%;overflow:hidden;}
  .header.fixed, .fiximagebox {background-attachment:fixed;}
.powermail_fieldwrap.layout1 {width:50%;display:inline-flex;flex-direction:column;}
.powermail_fieldwrap.layout2 {width:50%;}
}

@media (min-width: 1600px) {
	.frame-image-absolute {position:absolute;bottom:190px;right:0;max-width:400px;}
}

@media (max-width: 1199px) {  
  .colorbox, section.welle .colorbox {padding:30px!important;}
}

@media (max-width: 1099px) {
}

@media (max-width: 991px) {
  nav .container {max-width:90%;}
}

@media (max-width: 767px) {
  .navbar-collapse {margin-top:30px;}
  .navbar-toggler {display:block;}
  .language {position:absolute;z-index:1050;top:15px;right:100px;}  
  .nav-link {color:#000000;padding: 10px 0!important;}
}

.row.imageposright {
  position: relative;
}

.fixed-image-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  overflow: hidden;
  padding-left:0;
}

.fixed-image-wrapper {
  position: fixed;
  top: 0;
  width: 960px; /* Genau 50% von 1920px */
  height: 100vh;
  z-index: -1;
  max-width: 50vw;
}


@media (max-width: 1919px) {
  .fixed-image-wrapper {
    right: 0;
  }
}

.fixed-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}