:root {
  --bg: #241A2B;
  --surface: #2F2338;
  --text: #F3EBF2;
  --muted: #B3A2B8;
  --accent: #E39BB0;
  --accent2: #8E7BA5;

  --site-bg: #241A2B;
  --site-surface: #2F2338;
  --site-text: #F3EBF2;
  --site-muted: #B3A2B8;
  --site-accent: #E39BB0;

  --hairline: rgba(179, 162, 184, 0.28);
  --hairline-strong: rgba(179, 162, 184, 0.5);
  --inset: rgba(243, 235, 242, 0.03);
  --accent-wash: rgba(227, 155, 176, 0.12);
  --dark-invert: #1D1523;

  --container: 1200px;
  --pad-section: 76px;
  --radius: 12px;

  --serif: "DM Serif Display", Georgia, serif;
  --sans: "DM Sans", system-ui, sans-serif}

* { box-sizing: border-box}

html { scroll-behavior: smooth}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: clamp(16px, 1rem + 0.15vw, 18px);
  line-height: 1.65;
  font-feature-settings: "tnum" 0;
  -webkit-font-smoothing: antialiased}

img { max-width: 100%; display: block}

a { color: var(--accent); text-decoration: none}
a:hover { text-decoration: underline}

h1, h2, h3, h4 {
  font-family: var(--serif);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: 0.01em;
  margin: 0 0 0.5em}

h1 { font-size: clamp(2.6rem, 1.8rem + 3.4vw, 4.4rem)}
h2 { font-size: clamp(2rem, 1.5rem + 2vw, 3rem)}
h3 { font-size: clamp(1.4rem, 1.2rem + 0.9vw, 1.9rem)}

p { margin: 0 0 1.1em; max-width: 68ch}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 3px}

.vlr-tab-figs, table, .vlr-nummer_zahl, .vlr-stat_wert {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1}

.vlr-wrap {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px}

.vlr-abschnitt {
  padding-block: var(--pad-section)}

.vlr-regel {
  border: 0;
  border-top: 1px solid var(--hairline);
  margin: 0}

.tile-d8x {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  padding: 28px}

.label-pill-05b {
  display: inline-block;
  font-family: var(--sans);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  background: var(--accent-wash);
  border: 1px solid var(--hairline);
  border-radius: 999px;
  padding: 5px 14px}

.vlr-nummer {
  display: block}
.vlr-nummer_zahl {
  font-family: var(--serif);
  font-size: clamp(3rem, 2rem + 4vw, 5.5rem);
  line-height: 0.9;
  color: var(--accent);
  display: block;
  margin-bottom: 14px}
.vlr-nummer_strich {
  border: 0;
  border-top: 1px solid var(--accent2);
  width: 100%;
  margin: 0 0 18px}

.trigger-vsn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  font-family: var(--sans);
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 15px 28px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .12s ease;
  text-decoration: none}
.trigger-vsn:hover { text-decoration: none; transform: translateY(-1px)}
.trigger-vsn:disabled { opacity: 0.5; cursor: not-allowed; transform: none}

.trigger-vsn--primary {
  background: var(--accent);
  color: var(--dark-invert)}
.trigger-vsn--primary:hover { background: #eeb1c1}

.trigger-vsn--ghost {
  background: transparent;
  color: var(--text);
  border-color: var(--hairline-strong)}
.trigger-vsn--ghost:hover { border-color: var(--accent); color: var(--accent)}

.vlr-formular_feld-gruppe {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 18px}
.vlr-formular_feld-gruppe label,
.vlr-feld_label {
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: var(--muted)}
.entry-t75 {
  width: 100%;
  min-width: 0;
  font-family: var(--sans);
  font-size: 1rem;
  color: var(--text);
  background: var(--dark-invert);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  padding: 13px 16px;
  min-height: 50px;
  transition: border-color .2s ease, box-shadow .2s ease}
textarea.entry-t75 { min-height: 140px; resize: vertical}
.entry-t75::placeholder { color: var(--muted); opacity: 0.7}
.entry-t75:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-wash)}
.vlr-feld_fehler {
  font-size: 0.8rem;
  color: var(--accent)}

#masthead-e5i {
  position: sticky;
  top: 0;
  z-index: 60;
  background: var(--bg);
  transition: background .25s ease, box-shadow .25s ease}
#masthead-e5i.is-scrolled {
  background: rgba(36, 26, 43, 0.94);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--hairline)}

.vlr-kopf_marke-reihe {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center}

.vlr-marke {
  display: inline-flex;
  align-items: baseline;
  gap: 12px}
.vlr-marke_icon {
  width: 30px;
  height: 30px;
  align-self: center}
.vlr-marke_wort {
  font-family: var(--serif);
  font-size: 1.7rem;
  letter-spacing: 0.03em;
  color: var(--text);
  line-height: 1}

.vlr-kopf_nav-reihe {
  height: 46px;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  display: flex;
  align-items: center;
  justify-content: center}
#menu-jqz {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0}
#menu-jqz li { display: flex; align-items: center}

#menu-jqz li + li::before {
  content: "·";
  color: var(--accent2);
  margin: 0 4px}
.vlr-nav_link {
  font-size: 15px;
  color: var(--muted);
  letter-spacing: 0.02em;
  padding: 4px 14px;
  transition: color .2s ease}
.vlr-nav_link:hover { color: var(--text); text-decoration: none}
.vlr-nav_link-aktiv { color: var(--accent)}

#menu-btn-bv3 {
  display: none;
  position: absolute;
  right: 20px;
  top: 29px;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--hairline);
  border-radius: 10px;
  color: var(--text);
  font-size: 1.2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center}

#mobile-nav-02k {
  position: fixed;
  top: 0;
  right: 0;
  width: min(82vw, 340px);
  height: 100vh;
  background: var(--surface);
  border-left: 1px solid var(--hairline);
  z-index: 90;
  transform: translateX(100%);
  transition: transform .3s ease;
  padding: 28px 26px;
  overflow-y: auto}
#mobile-nav-02k.is-open { transform: translateX(0)}
.vlr-schublade_kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px}
#x-btn-grr {
  width: 42px; height: 42px;
  background: transparent;
  border: 1px solid var(--hairline);
  border-radius: 10px;
  color: var(--text);
  font-size: 1.1rem;
  cursor: pointer}
.vlr-schublade_liste {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px}
.vlr-schublade_liste a {
  display: block;
  font-family: var(--serif);
  font-size: 1.4rem;
  color: var(--text);
  padding: 12px 0;
  border-bottom: 1px solid var(--hairline)}
.vlr-schublade_liste a:hover { color: var(--accent); text-decoration: none}

#dim-f5j {
  position: fixed;
  inset: 0;
  background: rgba(20, 14, 26, 0.6);
  z-index: 85;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease}
#dim-f5j.is-open { opacity: 1; visibility: visible}

.vlr-hero {
  padding-top: 64px;
  padding-bottom: var(--pad-section)}
.vlr-hero_kopf {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 48px;
  align-items: end}
.vlr-hero_claim-text { margin: 0}
.vlr-hero_lead {
  color: var(--muted);
  font-size: 1.08rem}
.vlr-hero_bild {
  margin-top: 56px;
  aspect-ratio: 16 / 7;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--hairline)}
.vlr-hero_bild img { width: 100%; height: 100%; object-fit: cover}

.vlr-seitkopf { padding-block: var(--pad-section)}

.vlr-seitkopf--band {
  background: var(--inset);
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline)}
.vlr-seitkopf--band .vlr-seitkopf_inner { max-width: 780px}

.vlr-seitkopf--kompakt { text-align: center; padding-block: 88px}
.vlr-seitkopf--kompakt .vlr-seitkopf_inner {
  max-width: 720px;
  margin: 0 auto}
.vlr-seitkopf--kompakt .vlr-seitkopf_lead { margin-inline: auto}

.vlr-seitkopf--seitbild .vlr-seitkopf_inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center}
.vlr-seitkopf_bild {
  aspect-ratio: 4 / 3;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--hairline)}
.vlr-seitkopf_bild img { width: 100%; height: 100%; object-fit: cover}
.vlr-seitkopf_lead { color: var(--muted); font-size: 1.1rem; max-width: 52ch}

.vlr-split { padding-block: var(--pad-section)}
.vlr-split_reihe {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center}
.vlr-split_reihe + .vlr-split_reihe { margin-top: 72px}

.vlr-split_reihe:nth-child(even) .vlr-split_bild { order: 2}
.vlr-split_bild {
  aspect-ratio: 5 / 4;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--hairline)}
.vlr-split_bild img { width: 100%; height: 100%; object-fit: cover}
.vlr-split_text { min-width: 0}

.vlr-split--gross .vlr-split_reihe { gap: 64px; align-items: stretch}
.vlr-split--gross .vlr-split_bild { aspect-ratio: 4 / 5}

.vlr-vorzug_liste {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px}
.vlr-vorzug_liste li {
  position: relative;
  padding-left: 28px;
  color: var(--text)}
.vlr-vorzug_liste li::before {
  content: "";
  position: absolute;
  left: 0; top: 0.62em;
  width: 12px; height: 1px;
  background: var(--accent)}

.vlr-zitat { padding-block: var(--pad-section)}

.vlr-zitat--portrait .vlr-zitat_inner {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 48px;
  align-items: center}
.vlr-zitat_portrait {
  aspect-ratio: 3 / 4;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--hairline);
  max-width: 360px}
.vlr-zitat_portrait img { width: 100%; height: 100%; object-fit: cover}

.vlr-zitat--feld { text-align: center; padding-block: 96px}
.vlr-zitat--feld .vlr-zitat_text {
  margin: 0 auto}
.vlr-zitat_text {
  font-family: var(--serif);
  font-size: clamp(1.7rem, 1.2rem + 2.4vw, 3rem);
  line-height: 1.2;
  color: var(--text);
  margin: 0}
.vlr-zitat--feld .vlr-zitat_text { }
.vlr-zitat_wer {
  display: block;
  margin-top: 24px;
  font-family: var(--sans);
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent)}

.vlr-bildband {
  position: relative;
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline)}
.vlr-bildband_bild { position: absolute; inset: 0}
.vlr-bildband_bild img { width: 100%; height: 100%; object-fit: cover}
.vlr-bildband::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(rgba(36,26,43,0.72), rgba(36,26,43,0.72))}
.vlr-bildband_zitat {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 720px;
  padding: 40px 24px}
.vlr-bildband_zitat p {
  font-family: var(--serif);
  font-size: clamp(1.6rem, 1.2rem + 2vw, 2.6rem);
  line-height: 1.25;
  margin: 0 auto}

.vlr-galerie { padding-block: var(--pad-section)}
.vlr-galerie_gitter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px}
.vlr-galerie_feld {
  aspect-ratio: 1 / 1;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--hairline)}
.vlr-galerie_feld img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease}
.vlr-galerie_feld:hover img { transform: scale(1.04)}

.vlr-projekt-karte { overflow: hidden; padding: 0}
.vlr-projekt-karte .vlr-projekt_bild {
  aspect-ratio: 4 / 3;
  overflow: hidden}
.vlr-projekt-karte .vlr-projekt_bild img { width: 100%; height: 100%; object-fit: cover}
.vlr-projekt_kopf { padding: 22px 24px 26px}
.vlr-projekt_kopf h3 { margin-bottom: 6px}
.vlr-projekt_kopf p { color: var(--muted); margin: 0; font-size: 0.95rem}

.vlr-intro { padding-block: var(--pad-section)}

.vlr-intro--manifest { text-align: center}
.vlr-intro--manifest .vlr-intro_text {
  max-width: 60ch;
  margin: 0 auto;
  font-size: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
  line-height: 1.6;
  color: var(--text)}

.vlr-intro--callout .vlr-intro_inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 48px;
  align-items: start}
.vlr-callout {
  background: var(--inset);
  border: 1px solid var(--accent2);
  border-radius: var(--radius);
  padding: 30px}
.vlr-callout h3 { color: var(--accent)}

.vlr-intro--zweispalt .vlr-intro_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px}

.vlr-intro_statreihe {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 36px;
  padding-top: 32px;
  border-top: 1px solid var(--hairline)}
.vlr-stat { min-width: 0}
.vlr-stat_wert {
  font-family: var(--serif);
  font-size: clamp(2.2rem, 1.6rem + 2vw, 3.2rem);
  color: var(--accent);
  line-height: 1;
  display: block}
.vlr-stat_label {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.9rem;
  letter-spacing: 0.04em}

.vlr-cta { padding-block: var(--pad-section)}

.vlr-cta--band .vlr-cta_inner {
  background: var(--inset);
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  border-radius: 0;
  padding: 56px 40px;
  text-align: center}

.vlr-cta--karte .vlr-cta_inner {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  padding: 56px 40px;
  text-align: center;
  max-width: 760px;
  margin: 0 auto}
.vlr-cta_inner h2 { margin-bottom: 0.4em}
.vlr-cta_inner p { margin-inline: auto; color: var(--muted)}
.vlr-cta_knopf-reihe {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-top: 28px}

.vlr-cta--split .vlr-cta_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  padding: 48px}
.vlr-cta_kontakt { list-style: none; margin: 0; padding: 0}
.vlr-cta_kontakt li { margin-bottom: 12px; color: var(--muted)}
.vlr-cta_kontakt a { color: var(--text)}

.vlr-kontakt { padding-block: var(--pad-section)}
.vlr-kontakt_gitter {
  display: grid;
  grid-template-columns: 1.3fr 0.9fr;
  gap: 48px;
  align-items: start}
.vlr-kontakt_zeile {
  display: flex;
  flex-wrap: wrap;
  gap: 18px}
.vlr-kontakt_zeile > * { flex: 1 1 200px; min-width: 0}
.vlr-kontakt_angaben { list-style: none; margin: 20px 0 0; padding: 0}
.vlr-kontakt_angaben li {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--hairline)}
.vlr-kontakt_angaben i { color: var(--accent); width: 20px}
.vlr-kontakt_angaben a { color: var(--text)}

.vlr-oeffnung {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px}
.vlr-oeffnung caption {
  font-family: var(--serif);
  font-size: 1.2rem;
  text-align: left;
  color: var(--text);
  padding-bottom: 12px}
.vlr-oeffnung th,
.vlr-oeffnung td {
  text-align: left;
  padding: 12px 8px;
  border-bottom: 1px solid var(--hairline);
  font-size: 0.95rem}
.vlr-oeffnung th { color: var(--muted); font-weight: 500}
.vlr-oeffnung td { text-align: right; color: var(--text)}

.vlr-fuss { margin-top: var(--pad-section)}
.vlr-fuss_haelften {
  display: grid;
  grid-template-columns: 1fr 1fr}
.vlr-fuss_haelfte {
  padding: 64px clamp(24px, 5vw, 80px)}
.vlr-fuss_links { background: var(--surface)}
.vlr-fuss_rechts {
  background: var(--dark-invert);
  display: flex;
  flex-direction: column;
  justify-content: center}
.vlr-fuss_marke {
  font-family: var(--serif);
  font-size: 1.6rem;
  color: var(--text);
  margin-bottom: 18px}
.vlr-fuss_adresse { color: var(--muted); font-style: normal; margin-bottom: 20px}
.vlr-fuss_adresse a { color: var(--text)}
.vlr-fuss_kontakt { list-style: none; margin: 0; padding: 0}
.vlr-fuss_kontakt li { margin-bottom: 8px}
.vlr-fuss_kontakt a { color: var(--text)}
.vlr-fuss_nav {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 20px 0 0;
  padding: 0}
.vlr-fuss_nav a { color: var(--muted); font-size: 0.9rem}
.vlr-fuss_nav a:hover { color: var(--accent)}

.vlr-fuss_schluss {
  font-family: var(--serif);
  font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
  line-height: 1.25;
  color: var(--text);
  margin: 0 0 24px}

.vlr-fuss_copy {
  background: var(--dark-invert);
  min-height: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 20px;
  padding: 10px 24px;
  border-top: 1px solid var(--hairline);
  color: var(--muted);
  font-size: 0.82rem}
.vlr-fuss_copy a { color: var(--muted)}
.vlr-fuss_copy a:hover { color: var(--accent)}

#side-dock-ab1 {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 70}
#to-top-7ze {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--dark-invert);
  border: none;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
  box-shadow: 0 8px 24px rgba(20,14,26,0.5)}
#to-top-7ze.is-visible { opacity: 1; visibility: visible; transform: translateY(0)}

[data-panel] {
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  background: var(--surface);
  margin-bottom: 14px;
  overflow: hidden}
[data-fold-head] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: transparent;
  border: none;
  color: var(--text);
  font-family: var(--serif);
  font-size: 1.15rem;
  text-align: left;
  padding: 20px 24px;
  cursor: pointer}
[data-fold-head] .vlr-fold_pfeil { transition: transform .3s ease; color: var(--accent)}
.is-open [data-fold-head] .vlr-fold_pfeil { transform: rotate(45deg)}
[data-panel] .vlr-fold_body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease}
[data-panel].is-open .vlr-fold_body { max-height: 600px}
.vlr-fold_body-inner { padding: 0 24px 22px; color: var(--muted)}

.swipe-deck-5v9 { padding-bottom: 48px}
.swipe-deck-5v9 .swiper-slide { height: auto}
.swipe-deck-5v9 .swiper-pagination-bullet {
  background: var(--muted);
  opacity: 0.5}
.swipe-deck-5v9 .swiper-pagination-bullet-active {
  background: var(--accent);
  opacity: 1}
.swipe-deck-5v9 .swiper-button-prev,
.swipe-deck-5v9 .swiper-button-next {
  color: var(--accent)}
.swipe-deck-5v9 .swiper-button-prev::after,
.swipe-deck-5v9 .swiper-button-next::after { font-size: 1.4rem}

.site-modal,
.dialog-6sy {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(20, 14, 26, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease}
.site-modal.is-open,
.dialog-6sy.is-open { opacity: 1; visibility: visible}
.dialog-6sy_fenster,
.site-modal__dialog {
  background: var(--surface);
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  max-width: 480px;
  width: 100%;
  padding: 36px;
  text-align: center;
  transform: translateY(12px);
  transition: transform .25s ease}
.is-open .dialog-6sy_fenster,
.is-open .site-modal__dialog { transform: translateY(0)}
.dialog-6sy_fenster h3 { color: var(--accent)}
.dialog-6sy_ikon {
  font-size: 2.4rem;
  color: var(--accent);
  margin-bottom: 12px}

.vlr-legal { padding-block: var(--pad-section)}
.vlr-legal_inner { max-width: 760px}
.vlr-legal_inner h2 { margin-top: 1.6em}
.vlr-legal_inner p,
.vlr-legal_inner li { color: var(--muted)}
.vlr-legal_inner a { color: var(--accent)}

@media (max-width: 900px) {
  :root { --pad-section: 56px}

  .vlr-kopf_nav-reihe { display: none}
  #menu-btn-bv3 { display: inline-flex}

  .vlr-hero_kopf,
  .vlr-seitkopf--seitbild .vlr-seitkopf_inner,
  .vlr-split_reihe,
  .vlr-zitat--portrait .vlr-zitat_inner,
  .vlr-intro--callout .vlr-intro_inner,
  .vlr-intro--zweispalt .vlr-intro_inner,
  .vlr-cta--split .vlr-cta_inner,
  .vlr-kontakt_gitter {
    grid-template-columns: 1fr;
    gap: 32px}
  .vlr-split_reihe:nth-child(even) .vlr-split_bild { order: 0}
  .vlr-hero_bild { aspect-ratio: 16 / 9; margin-top: 36px}

  .vlr-fuss_haelften { grid-template-columns: 1fr}
}

@media (max-width: 560px) {
  .vlr-galerie_gitter { grid-template-columns: 1fr}
  .trigger-vsn { width: 100%}
  .vlr-cta_knopf-reihe .trigger-vsn { width: auto}
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto}
  [data-aos] { transition: none !important}
}

.cookie-bar-fsi-overlay{position:fixed;inset:0;opacity:0;visibility:hidden;transition:.25s;z-index:9998}
.cookie-bar-fsi-overlay.is-open{opacity:1;visibility:visible}
.cookie-bar-fsi-panel{position:fixed;background:var(--site-surface,#fff);color:var(--site-text,#1a1a1a);
  box-shadow:0 20px 60px rgba(0,0,0,.28);padding:24px;opacity:0;visibility:hidden;transition:.25s;z-index:9999}
.cookie-bar-fsi-panel.is-open{opacity:1;visibility:visible}
.cookie-bar-fsi-panel h3{margin:0 0 8px;font-size:1.2rem}
.cookie-bar-fsi-panel>p{margin:0 0 16px;color:var(--site-muted,#666);font-size:.95rem}
.cookie-bar-fsi-cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(128,128,128,.2)}
.cookie-bar-fsi-cat h4{margin:0 0 2px;font-size:.98rem}
.cookie-bar-fsi-cat p{margin:0;color:var(--site-muted,#777);font-size:.85rem}
.cookie-bar-fsi-switch{position:relative;flex:0 0 auto;width:44px;height:24px}
.cookie-bar-fsi-switch input{opacity:0;width:0;height:0;position:absolute}
.cookie-bar-fsi-switch span{position:absolute;inset:0;background:#c9c9c9;border-radius:999px;transition:.2s;cursor:pointer}
.cookie-bar-fsi-switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.cookie-bar-fsi-switch input:checked+span{background:var(--site-accent,#2b7)}
.cookie-bar-fsi-switch input:checked+span::before{transform:translateX(20px)}
.cookie-bar-fsi-switch input:disabled+span{opacity:.6;cursor:not-allowed}
.cookie-bar-fsi-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cookie-bar-fsi-actions button{flex:1;min-width:140px;padding:11px 16px;border:none;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.cookie-bar-fsi-actions #cookie-bar-fsi-all{background:var(--site-accent,#2b7);color:#fff}
.cookie-bar-fsi-actions #cookie-bar-fsi-save{background:transparent;color:var(--site-text,#222);border:1px solid rgba(128,128,128,.4)}
.cookie-bar-fsi-links{display:flex;gap:16px;margin-top:14px;font-size:.85rem}
.cookie-bar-fsi-links a{color:var(--site-accent,#2b7);text-decoration:underline}
.cookie-bar-fsi-trigger{position:fixed;left:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:var(--site-surface,#fff);color:var(--site-accent,#2b7);box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:9997;font-size:1.1rem}

.cookie-bar-fsi-overlay{background:transparent;pointer-events:none}
.cookie-bar-fsi-panel{left:24px;bottom:24px;width:min(380px,calc(100% - 32px));border-radius:16px;transform:translateY(24px)}
.cookie-bar-fsi-panel.is-open{transform:translateY(0)}
@media(max-width:520px){.cookie-bar-fsi-panel{left:16px;right:16px;width:auto}}
@media(max-width:520px){.cookie-bar-fsi-actions button{min-width:100%}}
#side-dock-ab1{left:auto !important;right:18px !important}
@media(max-width:520px){#side-dock-ab1{right:12px !important}}

.sent-note-p99{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(8,10,14,.55);backdrop-filter:blur(2px)}
.sent-note-p99.is-open{display:flex}
.sent-note-p99__box{width:min(420px,100%);background:var(--site-surface,#fff);color:var(--site-text,#15181d);
  border-radius:16px;padding:32px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);
  animation:sent-note-p99-in .22s ease-out}
@keyframes sent-note-p99-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.sent-note-p99__mark{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;line-height:1;
  background:var(--site-accent,#2e7d5b);color:#fff}
.sent-note-p99__title{margin:0 0 10px;font-size:1.35rem;line-height:1.25}
.sent-note-p99__text{margin:0 0 24px;line-height:1.6;color:var(--site-muted,#5b6472)}
.sent-note-p99__close{display:inline-block;cursor:pointer;border:0;border-radius:999px;
  padding:12px 30px;font:inherit;font-weight:600;background:var(--site-accent,#2e7d5b);color:#fff}
.sent-note-p99__close:hover{filter:brightness(1.08)}
.sent-note-p99__close:focus-visible{outline:2px solid var(--site-text,#15181d);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sent-note-p99__box{animation:none}}

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
img,svg,video,iframe,canvas{max-width:100%}
table{max-width:100%}

.simpleParallax{display:block;width:100%;height:100%}
.simpleParallax img{width:100%;height:100%;object-fit:cover}

blockquote, figure { margin-left: 0; margin-right: 0}

figure > blockquote, figure > figcaption { margin-left: 0; margin-right: 0}

html.no-aos [data-aos]{opacity:1 !important;transform:none !important}

@media(prefers-reduced-motion:reduce){
  [data-aos]{opacity:1 !important;transform:none !important;transition:none !important}
}

.legal-doc{max-width:72ch;margin:0 auto;padding:64px 20px;line-height:1.7}
.legal-doc h1{margin:0 0 .6em}
.legal-doc h2{margin:1.8em 0 .5em}
.legal-doc h3{margin:1.4em 0 .4em}
.legal-doc p,.legal-doc li{margin:0 0 .8em}
.legal-doc ul,.legal-doc ol{padding-left:1.4em;margin:0 0 1em}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
.legal-doc th,.legal-doc td{border:1px solid currentColor;padding:.5em;text-align:left}

@media (max-width: 720px) {
  body { overflow-x: hidden}
  h1, h2, h3, p, li, td { overflow-wrap: break-word}
  
  input, select, textarea { max-width: 100%; min-width: 0}
  
  img, svg, video, iframe, table { max-width: 100%}
}

@media (max-width: 720px) {
  
.trigger-vsn,
.vlr-formular_feld-gruppe,
.vlr-kopf_marke-reihe,
.vlr-marke,
.vlr-kopf_nav-reihe,
#menu-jqz li,
.vlr-schublade_liste,
.vlr-vorzug_liste,
.vlr-bildband,
.vlr-fuss_rechts,
#to-top-7ze,
.site-modal, .dialog-6sy,
.cookie-bar-fsi-cat,
.cookie-bar-fsi-links,
.sent-note-p99.is-open,
.sent-note-p99__mark { flex-wrap: wrap}
  
.trigger-vsn > *,
.vlr-formular_feld-gruppe > *,
.vlr-kopf_marke-reihe > *,
.vlr-marke > *,
.vlr-kopf_nav-reihe > *,
#menu-jqz li > *,
.vlr-schublade_liste > *,
.vlr-vorzug_liste > *,
.vlr-bildband > *,
.vlr-fuss_rechts > *,
#to-top-7ze > *,
.site-modal, .dialog-6sy > *,
.cookie-bar-fsi-cat > *,
.cookie-bar-fsi-links > *,
.sent-note-p99.is-open > *,
.sent-note-p99__mark > * { min-width: 0}
}

.cookie-bar-fsi-overlay{position:fixed;inset:0;opacity:0;visibility:hidden;transition:.25s;z-index:9998;}
.cookie-bar-fsi-overlay.is-open{opacity:1;visibility:visible;}
.cookie-bar-fsi-panel{position:fixed;background:var(--site-surface,#fff);color:var(--site-text,#1a1a1a);
  box-shadow:0 20px 60px rgba(0,0,0,.28);padding:24px;opacity:0;visibility:hidden;transition:.25s;z-index:9999;}
.cookie-bar-fsi-panel.is-open{opacity:1;visibility:visible;}
.cookie-bar-fsi-panel h3{margin:0 0 8px;font-size:1.2rem;}
.cookie-bar-fsi-panel>p{margin:0 0 16px;color:var(--site-muted,#666);font-size:.95rem;}
.cookie-bar-fsi-cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(128,128,128,.2);}
.cookie-bar-fsi-cat h4{margin:0 0 2px;font-size:.98rem;}
.cookie-bar-fsi-cat p{margin:0;color:var(--site-muted,#777);font-size:.85rem;}
.cookie-bar-fsi-switch{position:relative;flex:0 0 auto;width:44px;height:24px;}
.cookie-bar-fsi-switch input{opacity:0;width:0;height:0;position:absolute;}
.cookie-bar-fsi-switch span{position:absolute;inset:0;background:#c9c9c9;border-radius:999px;transition:.2s;cursor:pointer;}
.cookie-bar-fsi-switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;}
.cookie-bar-fsi-switch input:checked+span{background:var(--site-accent,#2b7);}
.cookie-bar-fsi-switch input:checked+span::before{transform:translateX(20px);}
.cookie-bar-fsi-switch input:disabled+span{opacity:.6;cursor:not-allowed;}
.cookie-bar-fsi-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.cookie-bar-fsi-actions button{flex:1;min-width:140px;padding:11px 16px;border:none;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;}
.cookie-bar-fsi-actions #cookie-bar-fsi-all{background:var(--site-accent,#2b7);color:#fff;}
.cookie-bar-fsi-actions #cookie-bar-fsi-save{background:transparent;color:var(--site-text,#222);border:1px solid rgba(128,128,128,.4);}
.cookie-bar-fsi-links{display:flex;gap:16px;margin-top:14px;font-size:.85rem;}
.cookie-bar-fsi-links a{color:var(--site-accent,#2b7);text-decoration:underline;}
.cookie-bar-fsi-trigger{position:fixed;left:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:var(--site-surface,#fff);color:var(--site-accent,#2b7);box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:9997;font-size:1.1rem;}

.cookie-bar-fsi-overlay{background:transparent;pointer-events:none;}
.cookie-bar-fsi-panel{left:24px;bottom:24px;width:min(380px,calc(100% - 32px));border-radius:16px;transform:translateY(24px);}
.cookie-bar-fsi-panel.is-open{transform:translateY(0);}
@media(max-width:520px){.cookie-bar-fsi-panel{left:16px;right:16px;width:auto;}}
@media(max-width:520px){.cookie-bar-fsi-actions button{min-width:100%;}}
#side-dock-ab1{left:auto !important;right:18px !important;}
@media(max-width:520px){#side-dock-ab1{right:12px !important;}}

.sent-note-p99{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(8,10,14,.55);backdrop-filter:blur(2px);}
.sent-note-p99.is-open{display:flex;}
.sent-note-p99__box{width:min(420px,100%);background:var(--site-surface,#fff);color:var(--site-text,#15181d);
  border-radius:16px;padding:32px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);
  animation:sent-note-p99-in .22s ease-out;}
@keyframes sent-note-p99-in{from{opacity:0;transform:translateY(12px) scale(.97);}to{opacity:1;transform:none;}}
.sent-note-p99__mark{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;line-height:1;
  background:var(--site-accent,#2e7d5b);color:#fff;}
.sent-note-p99__title{margin:0 0 10px;font-size:1.35rem;line-height:1.25;}
.sent-note-p99__text{margin:0 0 24px;line-height:1.6;color:var(--site-muted,#5b6472);}
.sent-note-p99__close{display:inline-block;cursor:pointer;border:0;border-radius:999px;
  padding:12px 30px;font:inherit;font-weight:600;background:var(--site-accent,#2e7d5b);color:#fff;}
.sent-note-p99__close:hover{filter:brightness(1.08);}
.sent-note-p99__close:focus-visible{outline:2px solid var(--site-text,#15181d);outline-offset:3px;}
@media(prefers-reduced-motion:reduce){.sent-note-p99__box{animation:none;}}

*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%;}
img,svg,video,iframe,canvas{max-width:100%;}
table{max-width:100%;}

.simpleParallax{display:block;width:100%;height:100%;}
.simpleParallax img{width:100%;height:100%;object-fit:cover;}

blockquote, figure { margin-left: 0; margin-right: 0; }

figure > blockquote, figure > figcaption { margin-left: 0; margin-right: 0; }

html.no-aos [data-aos]{opacity:1 !important;transform:none !important;}

@media(prefers-reduced-motion:reduce){
  [data-aos]{opacity:1 !important;transform:none !important;transition:none !important;}
}

.legal-doc{max-width:72ch;margin:0 auto;padding:64px 20px;line-height:1.7;}
.legal-doc h1{margin:0 0 .6em;}
.legal-doc h2{margin:1.8em 0 .5em;}
.legal-doc h3{margin:1.4em 0 .4em;}
.legal-doc p,.legal-doc li{margin:0 0 .8em;}
.legal-doc ul,.legal-doc ol{padding-left:1.4em;margin:0 0 1em;}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em;}
.legal-doc th,.legal-doc td{border:1px solid currentColor;padding:.5em;text-align:left;}

@media (max-width: 720px) {
  body { overflow-x: hidden; }
  h1, h2, h3, p, li, td { overflow-wrap: break-word; }
  
  input, select, textarea { max-width: 100%; min-width: 0; }
  
  img, svg, video, iframe, table { max-width: 100%; }
}