/* Alle Heros wachsen mit (Startseite seit 03.10.2026, alle Seiten mit Hero seit 05.10.2026, Faktor höchstens 1,1098 seit 09.10.2026).
   ERZEUGT von werkzeuge/gross-erzeugen.mjs (Modus nur-hero) aus assets/css/qf.css, NICHT VON HAND ÄNDERN.
   Nach jeder Änderung an qf.css und nach neuen Seiten mit Hero neu erzeugen (WordPress muss lokal laufen):
     cd ~/Desktop/qlickfang-wp && node werkzeuge/gross-erzeugen.mjs
   Eingebunden in functions.php auf allen Seiten, nach qf.css. Auf Seiten ohne Hero trifft nichts aus dieser Datei.

   Ab 1441 px Fensterbreite und 901 px Fensterhöhe wird jeder Hero (.hv-c:not(.wrap *, .kontakt)) proportional größer.
   Beim Erzeugen gefunden auf: / /content-marketing-agentur/ /danke/ /google-ads-agentur/ /jobs/ /kontakt/ /local-seo/ /ratgeber/ /referenzen/ /seo-agentur/ /seo-audit/ /seo-strategie/ /seo-texte/
   Kopfleiste und alles außerhalb der Heros bleiben unverändert; unter einem Hero, der nicht fensterhoch ist, rückt der
   Inhalt nur um dessen Höhenzuwachs nach unten (Mindesthöhe des Rasters: Originalhöhe plus auf ganze Pixel gerundeter
   Zuwachs, je im @supports-Block hinter der Regel). Bis 1440 px Fensterbreite und bis 900 px Fensterhöhe greift nichts
   aus dieser Datei (bei bis zu 900 px Höhe ist z ohnehin 1; so bleiben die Heros dort auch in Firefox unverändert,
   weil Firefox die optische Größe der Schrift nicht aus z rechnen kann).
   Faktor z = min(B / 1440, Fensterhöhe / 900, (B / 2 + 592 px) / 1312 px), mindestens 1, höchstens 1,1098
   (B = Breite des Heros), auf allen Seiten gleich. Jeder Hero wächst linksbündig, seine linke Inhaltskante bleibt auf der Kante
   von Logo und Abschnitten (B / 2 - 600 px). Der dritte Wert stammt aus der früheren Passung rechts (Collage bis 8 px vor dem
   rechten Rand) und bleibt, damit Überschrift, Textkasten und Knöpfe bis 1728 px Breite so groß bleiben wie bis 09.10.2026.
   Höchstfaktor (seit 09.10.2026, vorher 1,2): der Wert der Formel bei 1728 px Breite (16-Zoll-MacBook), (1728 / 2 + 592) / 1312.
   Darüber wachsen die Heros nicht weiter, damit neben dem Text genug Platz für die Collage bleibt.
   Rahmen rechts (seit 09.10.2026): In den Heros mit Bild (.hv-c__raster) endet der Inhalt an der Kante der Kopfleiste
   (B / 2 + 600 px, rechte Kante von "Menü +"). Text, Luft und Collage teilen sich die 1200 px; der Text wächst mit z, die Collage
   wird in der Restspalte entsprechend kleiner (Regeln in qf.css, Abschnitt "Heros am Desktop im Rahmen der Kopfleiste").
   Der Kontakt-Hero (Klasse kontakt) wächst seit 09.10.2026 nicht mehr mit, für ihn gilt nur qf.css: sein Formular reichte mit z
   bis Inhaltskante + 1200 z, also über die Kante der Kopfleiste hinaus.
   Technik: Längeneinheit --px = z mal 1px am Hero-Element. Jede px-Angabe aus qf.css wird hier als calc(N * var(--px))
   neu deklariert, vw- und vh-Angaben bleiben unverändert. Werte mit vw oder vh, die bei der jeweiligen Fenstergröße zwischen
   Mindest- und Höchstwert liegen, wachsen deshalb nicht mit z (z. B. Überschrift der Plakat-Heros bei 1920 x 1080: 54 px
   wegen 5vh, nicht 50 px mal z = 55,5 px). Jeder Selektor ist mit :where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)
   auf die Heros beschränkt, die Spezifität bleibt gleich. Ein .hv-c in einem .wrap (Suchergebnisse zeigen ganze Seiten
   samt Hero in einer Textspalte) bleibt unverändert. Die Rechnung läuft über das Tausendfache, weil Firefox Ergebnisse
   von min() und clamp() auf 1/60 px rundet. Inline-Stile (style="...") wachsen nur mit, wenn ihr Text zeichengleich unten
   steht. CSS außerhalb von qf.css (Elementor, WordPress) wächst nicht mit; in den Heros setzt es keine sichtbaren Längen.
   Alles steht in @supports (container-type: inline-size) and (width: 1cqw): Ein Browser ohne Container-Einheiten
   (laut MDN-Kompatibilitätsdaten vor Chrome 105, Safari 16, Firefox 110) würde jede Länge mit var(--px) verwerfen, der Hero
   fiele auseinander. So zeigt er die Heros unverändert. */
@supports (container-type: inline-size) and (width: 1cqw) {
@media (min-width: 1441px) and (min-height: 901px) {
  /* Faktor am Hero-Element. Der Hero ist Größen-Container, damit 100cqw seine Breite ist (ohne Scrollbalken). */
  :where(.hv-c:not(.wrap *, .kontakt)) { container-type: inline-size; --px: calc(clamp(1000px, min(100cqw / 1.44, 100vh / .9, (50cqw + 592px) / 1.312), 1109.756098px) / 1000); }

  /* Was der Hero von :root, html und body erbt (Längen-Variablen außer --kopf-h, vererbte px-Werte), am Hero
     neu gesetzt. Spezifität 0 und vor den Kopien, damit jede Kopie gewinnt, wie im Original jede Regel gegen das Erben.
     Vererbte Werte zusätzlich an den Kindern des Heros: erst dort ist der Hero der Container für 100cqw, so erbt alles
     darin auch bei klassischem Scrollbalken genau z. */
  :where(.hv-c:not(.wrap *, .kontakt)) { --wrap: calc(1312 * var(--px)); --rand: clamp(calc(20 * var(--px)), 4vw, calc(56 * var(--px))); --abschnitt: clamp(calc(88 * var(--px)), 10vw, calc(160 * var(--px))); --radius: calc(24 * var(--px)); }
  :where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) > *) { font-size: calc(18 * var(--px)); font-variation-settings: "opsz" 18; }

  /* Inline-Stile mit px-Werten (alle Seiten mit Hero und Entwurfsseiten), nur im Hero */
  :where([style="color:#B00020;font-size:15px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(15 * var(--px)) !important; font-variation-settings: "opsz" 15 !important; }
  :where([style="display:flex;gap:10px;align-items:center"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { gap: calc(10 * var(--px)) !important; }
  :where([style="display:inline-flex;gap:10px;align-items:center"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { gap: calc(10 * var(--px)) !important; }
  :where([style="font-size:19px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(19 * var(--px)) !important; font-variation-settings: "opsz" 19 !important; }
  :where([style="font-size:20px;line-height:1.6"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(20 * var(--px)) !important; font-variation-settings: "opsz" 20 !important; }
  :where([style="font-size:20px;line-height:1.6;padding-top:8px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(20 * var(--px)) !important; font-variation-settings: "opsz" 20 !important; padding-top: calc(8 * var(--px)) !important; }
  :where([style="margin-bottom:clamp(40px,5vw,72px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-bottom: clamp(calc(40 * var(--px)),5vw,calc(72 * var(--px))) !important; }
  :where([style="margin-top:12px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(12 * var(--px)) !important; }
  :where([style="margin-top:14px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(14 * var(--px)) !important; }
  :where([style="margin-top:16px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(16 * var(--px)) !important; }
  :where([style="margin-top:24px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(24 * var(--px)) !important; }
  :where([style="margin-top:28px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(28 * var(--px)) !important; }
  :where([style="margin-top:32px;font-size:20px;line-height:1.6"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(32 * var(--px)) !important; font-size: calc(20 * var(--px)) !important; font-variation-settings: "opsz" 20 !important; }
  :where([style="margin-top:32px;font-size:20px;line-height:1.6;color:var(--ink)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(32 * var(--px)) !important; font-size: calc(20 * var(--px)) !important; font-variation-settings: "opsz" 20 !important; }
  :where([style="margin-top:36px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(36 * var(--px)) !important; }
  :where([style="margin-top:48px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(48 * var(--px)) !important; }
  :where([style="margin-top:48px;border-top-width:1.5px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(48 * var(--px)) !important; border-top-width: calc(1.5 * var(--px)) !important; }
  :where([style="margin-top:clamp(32px,4vw,56px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: clamp(calc(32 * var(--px)),4vw,calc(56 * var(--px))) !important; }
  :where([style="margin-top:clamp(48px,6vw,88px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: clamp(calc(48 * var(--px)),6vw,calc(88 * var(--px))) !important; }
  :where([style="margin:0 0 32px;max-width:720px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0 0 calc(32 * var(--px)) !important; max-width: calc(720 * var(--px)) !important; }
  :where([style="max-width:260px;margin-inline:auto"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(260 * var(--px)) !important; }
  :where([style="max-width:320px;margin-inline:auto"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(320 * var(--px)) !important; }
  :where([style="max-width:520px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(520 * var(--px)) !important; }
  :where([style="max-width:720px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(720 * var(--px)) !important; }
  :where([style="max-width:760px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(760 * var(--px)) !important; }
  :where([style="padding-bottom:clamp(32px,4vw,56px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-bottom: clamp(calc(32 * var(--px)),4vw,calc(56 * var(--px))) !important; }
  :where([style="padding-top:clamp(40px,5vw,80px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-top: clamp(calc(40 * var(--px)),5vw,calc(80 * var(--px))) !important; }
  :where([style="padding-top:clamp(40px,6vw,110px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-top: clamp(calc(40 * var(--px)),6vw,calc(110 * var(--px))) !important; }
  :where([style="padding-top:clamp(40px,7vw,120px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-top: clamp(calc(40 * var(--px)),7vw,calc(120 * var(--px))) !important; }
  :where([style="padding-top:clamp(48px,6vw,96px)"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-top: clamp(calc(48 * var(--px)),6vw,calc(96 * var(--px))) !important; }
  :where([style="padding:26px 0 0"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding: calc(26 * var(--px)) 0 0 !important; }
  :where([style="padding:26px 24px 0 0"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding: calc(26 * var(--px)) calc(24 * var(--px)) 0 0 !important; }
  :where([style="position:absolute;left:-9999px"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { left: calc(-9999 * var(--px)) !important; }

  /* Bilder, deren Breite aus dem width-Attribut kommt (keine CSS-Breite), wachsen im Hero ebenfalls mit.
     Spezifität 0: jede Breitenangabe aus qf.css hat Vorrang, wie beim Attribut selbst. */
  :where(img[width="177"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(177 * var(--px)); }
  :where(img[width="287"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(287 * var(--px)); }
  :where(img[width="374"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(374 * var(--px)); }
  :where(img[width="378"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(378 * var(--px)); }
  :where(img[width="418"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(418 * var(--px)); }
  :where(img[width="420"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(420 * var(--px)); }
  :where(img[width="436"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(436 * var(--px)); }
  :where(img[width="450"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(450 * var(--px)); }
  :where(img[width="560"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(560 * var(--px)); }
  :where(img[width="902"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(902 * var(--px)); }
  :where(img[width="972"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(972 * var(--px)); }
  :where(img[width="979"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(979 * var(--px)); }
  :where(img[width="984"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(984 * var(--px)); }
  :where(img[width="1046"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(1046 * var(--px)); }
  :where(img[width="1140"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(1140 * var(--px)); }
  :where(img[width="1218"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(1218 * var(--px)); }
  :where(img[width="1554"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(1554 * var(--px)); }
  :where(img[width="1652"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(1652 * var(--px)); }
  :where(img[width="1725"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(1725 * var(--px)); }
  :where(img[width="1945"]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(1945 * var(--px)); }

  /* Alle ab 1441 px geltenden Regeln aus qf.css in Originalreihenfolge, px als Vielfache von --px, nur im Hero.
     Zu jeder Schriftgröße steht die optische Größe (Achse opsz der Inter) der Gestaltung bei 1440 x 900, damit die Schrift
     genauso läuft und nicht auf den schmaleren Großschnitt wechselt. Hängt die Schriftgröße vom Fenster ab (vw, vh),
     rechnen Chrome und Safari die optische Größe exakt als Schriftgröße geteilt durch z (Typ-Arithmetik im @supports-Block
     direkt hinter der Regel); Firefox kann das nicht und nimmt den festen Wert, der für 1440 x 900 gilt. */
  *:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), *:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before, *:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { box-sizing: border-box; }
  img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; max-width: 100%; }
  img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { height: auto; }
  a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: inherit; }
  p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0 0 1em; }
  p:last-child:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-bottom: 0; }
  h1:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), h4:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0; color: var(--ink); font-family: var(--f-display); font-weight: 700; }
  ul:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), ol:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0; padding: 0; }
  button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font: inherit; color: inherit; }
  :focus-visible:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { outline: calc(3 * var(--px)) solid var(--schwarz); outline-offset: calc(3 * var(--px)); border-radius: calc(4 * var(--px)); }
  :is(.auf-dunkel, .band--schwarz, .menue, .kopf--dunkel) :focus-visible:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { outline-color: var(--gruen); }
  .nowrap:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { white-space: nowrap; }
  [hidden]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: none !important; }
  .sr-only:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute !important; width: calc(1 * var(--px)); height: calc(1 * var(--px)); padding: 0; margin: calc(-1 * var(--px)); overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .skip:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; left: calc(16 * var(--px)); top: calc(-60 * var(--px)); z-index: 200; background: var(--schwarz); color: var(--weiss); padding: calc(10 * var(--px)) calc(16 * var(--px)); border-radius: calc(999 * var(--px)); text-decoration: none; }
  .skip:focus:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { top: calc(12 * var(--px)); }
  .wrap:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--rand); }
  .abschnitt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-block: var(--abschnitt); position: relative; }
  .abschnitt--eng:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-block: clamp(calc(56 * var(--px)), 6vw, calc(96 * var(--px))); }
  .eyebrow:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-flex; align-items: center; gap: calc(12 * var(--px)); font-family: var(--f-text); font-size: calc(13 * var(--px)); font-variation-settings: "opsz" 13; font-weight: 600; line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; color: var(--ink); margin: 0 0 calc(28 * var(--px)); }
  .eyebrow:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; width: calc(10 * var(--px)); height: calc(10 * var(--px)); border-radius: 50%; background: var(--gruen); flex: none; }
  .auf-dunkel .eyebrow:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .eyebrow--hell:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .auf-gruen .eyebrow:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { background: var(--schwarz); }
  .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(44 * var(--px)), 6vw, calc(92 * var(--px))); font-variation-settings: "opsz" 86.4; line-height: 1.06; letter-spacing: -.035em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(44 * var(--px)), 6vw, calc(92 * var(--px))) / var(--px)); } }
  .d-l:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(38 * var(--px)), 5vw, calc(76 * var(--px))); font-variation-settings: "opsz" 72; line-height: 1.06; letter-spacing: -.032em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .d-l:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(38 * var(--px)), 5vw, calc(76 * var(--px))) / var(--px)); } }
  .d-m:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(32 * var(--px)), 3.6vw, calc(54 * var(--px))); font-variation-settings: "opsz" 51.84; line-height: 1.06; letter-spacing: -.028em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .d-m:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(32 * var(--px)), 3.6vw, calc(54 * var(--px))) / var(--px)); } }
  .h-l:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(26 * var(--px)), 2.4vw, calc(36 * var(--px))); font-variation-settings: "opsz" 34.56; line-height: 1.15; letter-spacing: -.02em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .h-l:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(26 * var(--px)), 2.4vw, calc(36 * var(--px))) / var(--px)); } }
  .h-m:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(22 * var(--px)), 1.8vw, calc(26 * var(--px))); font-variation-settings: "opsz" 25.92; line-height: 1.2; letter-spacing: -.012em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .h-m:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(22 * var(--px)), 1.8vw, calc(26 * var(--px))) / var(--px)); } }
  .lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-text); font-weight: 300; font-size: clamp(calc(21 * var(--px)), 1.85vw, calc(27 * var(--px))); font-variation-settings: "opsz" 26.64; line-height: 1.45; letter-spacing: -.01em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(21 * var(--px)), 1.85vw, calc(27 * var(--px))) / var(--px)); } }
  .klein:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; line-height: 1.6; }
  .text-2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--text-2); }
  .auf-dunkel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: #CFCFCF; }
  .auf-dunkel :where(h1, h2, h3, h4, .d-xl, .d-l, .d-m, .h-l, .h-m, .lead):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .auf-gruen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); }
  .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-bg: var(--schwarz); --mk-fg: var(--weiss); --mk-h: 100%; color: var(--mk-fg); background: linear-gradient(var(--mk-bg), var(--mk-bg)) no-repeat 0 50% / 100% var(--mk-h); padding: 0 .14em; margin-inline: -.02em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
  .mk--g:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-bg: var(--gruen); --mk-fg: var(--weiss); }
  .mk--y:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-bg: var(--gelb); --mk-fg: var(--schwarz); }
  .mk--w:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-bg: var(--weiss); --mk-fg: var(--schwarz); }
  .js-anim .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background-size: 0% var(--mk-h); color: inherit; transition: background-size .7s cubic-bezier(.7,0,.2,1), color .2s .35s; }
  .js-anim .mk.ist-da:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background-size: 100% var(--mk-h); color: var(--mk-fg); }
  :is(.d-xl, .d-l, .d-m) .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-h: 1.06em; }
  .h-l .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .h-m .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-h: 1.15em; }
  .ghost:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; left: 0; right: 0; pointer-events: none; user-select: none; font-family: var(--f-display); font-weight: 700; line-height: .8; letter-spacing: -.045em; font-size: clamp(calc(120 * var(--px)), 21vw, calc(340 * var(--px))); font-variation-settings: "opsz" 302.4; white-space: nowrap; color: var(--grau-1); overflow: hidden; z-index: 0; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .ghost:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(120 * var(--px)), 21vw, calc(340 * var(--px))) / var(--px)); } }
  .ghost--rechts:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-align: right; }
  .auf-gruen .ghost:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--gruen-ton); }
  .auf-dunkel .ghost:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: #151515; }
  .abschnitt > .wrap:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; z-index: 1; }
  .btn:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--gruen); --b-fg: var(--weiss); --b-bd: var(--gruen); display: inline-flex; align-items: center; gap: calc(14 * var(--px)); min-height: calc(60 * var(--px)); padding: 0 calc(30 * var(--px)); border-radius: calc(999 * var(--px)); border: calc(2 * var(--px)) solid var(--b-bd); background: var(--b-bg); color: var(--b-fg); font-family: var(--f-text); font-size: calc(17 * var(--px)); font-variation-settings: "opsz" 17; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; }
  .btn svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(20 * var(--px)); height: calc(20 * var(--px)); transition: transform .25s; }
  .btn:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--schwarz); --b-fg: var(--weiss); --b-bd: var(--schwarz); }
  .btn:hover svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: translateX(calc(4 * var(--px))); }
  .btn--rand:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: transparent; --b-fg: var(--ink); --b-bd: var(--ink); }
  .btn--schwarz:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--schwarz); --b-fg: var(--weiss); --b-bd: var(--schwarz); }
  .btn--schwarz:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--weiss); --b-fg: var(--schwarz); --b-bd: var(--schwarz); }
  .auf-dunkel .btn:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--weiss); --b-fg: var(--schwarz); --b-bd: var(--weiss); }
  .auf-dunkel .btn--rand:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-fg: var(--weiss); --b-bd: var(--weiss); }
  .auf-gruen .btn:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--schwarz); --b-fg: var(--weiss); --b-bd: var(--schwarz); }
  .auf-gruen .btn:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--weiss); --b-fg: var(--schwarz); --b-bd: var(--weiss); }
  .btn--klein:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: calc(46 * var(--px)); padding: 0 calc(22 * var(--px)); font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; }
  .btn-reihe:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; align-items: center; gap: calc(16 * var(--px)) calc(28 * var(--px)); margin-top: calc(40 * var(--px)); }
  .link-pfeil:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-flex; align-items: center; gap: calc(10 * var(--px)); font-weight: 600; font-size: calc(17 * var(--px)); font-variation-settings: "opsz" 17; color: var(--ink); text-decoration: none; border-bottom: calc(2 * var(--px)) solid var(--gruen); padding-bottom: calc(4 * var(--px)); }
  .link-pfeil svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(18 * var(--px)); height: calc(18 * var(--px)); transition: transform .25s; }
  .link-pfeil:hover svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: translateX(calc(4 * var(--px))); }
  .auf-dunkel .link-pfeil:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(22 * var(--px)); height: calc(22 * var(--px)); fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; }
  .kopf:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); backdrop-filter: saturate(1.4) blur(calc(8 * var(--px))); transition: box-shadow .25s; }
  .kopf.ist-gescrollt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { box-shadow: 0 calc(1 * var(--px)) 0 var(--linie); }
  .kopf__innen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { height: var(--kopf-h); display: flex; align-items: center; gap: calc(28 * var(--px)); }
  .kopf__logo:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--schwarz); display: block; margin-right: auto; flex: none; }
  .kopf__logo svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(158 * var(--px)); height: auto; max-width: none; }
  .menue-knopf:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-flex; align-items: center; gap: calc(10 * var(--px)); background: none; border: 0; cursor: pointer; font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; font-weight: 600; color: var(--ink); padding: calc(10 * var(--px)) calc(4 * var(--px)); }
  .menue-knopf .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(20 * var(--px)); height: calc(20 * var(--px)); transition: transform .3s; }
  .menue-knopf[aria-expanded="true"] .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(45deg); }
  .menue:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: fixed; inset: 0; z-index: 60; background: var(--schwarz); color: var(--weiss); overflow-y: auto; display: none; }
  .menue.ist-offen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; animation: menue-rein .35s cubic-bezier(.2,.7,.2,1); }
  @keyframes menue-rein {
    from { opacity: 0; transform: translateY(calc(-12 * var(--px, 1px))); }
    to { opacity: 1; transform: none; }
  }
  .menue .kopf__innen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .menue .kopf__logo:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .menue .menue-knopf:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .menue__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: 1.4fr 1fr; gap: calc(48 * var(--px)); padding-block: calc(48 * var(--px)) calc(72 * var(--px)); }
  .menue__gruppe h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-text); font-size: calc(13 * var(--px)); font-variation-settings: "opsz" 13; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--gruen); margin-bottom: calc(20 * var(--px)); }
  .menue__gruppe ul:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: calc(6 * var(--px)); }
  .menue__gruppe a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(28 * var(--px)), 3.2vw, calc(46 * var(--px))); font-variation-settings: "opsz" 46; letter-spacing: -.025em; line-height: 1.15; text-decoration: none; color: var(--weiss); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .menue__gruppe a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(28 * var(--px)), 3.2vw, calc(46 * var(--px))) / var(--px)); } }
  .menue__gruppe a:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--gruen); }
  .menue__gruppe--klein a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(22 * var(--px)), 2vw, calc(28 * var(--px))); font-variation-settings: "opsz" 28; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .menue__gruppe--klein a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(22 * var(--px)), 2vw, calc(28 * var(--px))) / var(--px)); } }
  .menue__fuss:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-top: calc(1 * var(--px)) solid #2A2A2A; padding-block: calc(28 * var(--px)); display: flex; flex-wrap: wrap; gap: calc(16 * var(--px)) calc(40 * var(--px)); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; }
  .menue__fuss a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); text-decoration: none; display: inline-flex; gap: calc(10 * var(--px)); align-items: center; }
  .held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; padding-block: clamp(calc(40 * var(--px)), 5vw, calc(72 * var(--px))) clamp(calc(72 * var(--px)), 8vw, calc(120 * var(--px))); overflow: hidden; }
  .held__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(calc(24 * var(--px)), 3vw, calc(48 * var(--px))); align-items: center; }
  .held .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(34 * var(--px)), 3.9vw, calc(56 * var(--px))); font-variation-settings: "opsz" 56; line-height: 1.1; text-wrap: balance; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .held .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(34 * var(--px)), 3.9vw, calc(56 * var(--px))) / var(--px)); } }
  .held .d-xl .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-h: 1.1em; }
  .held .held__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(18 * var(--px)), 1.45vw, calc(21 * var(--px))); font-variation-settings: "opsz" 20.88; line-height: 1.55; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .held .held__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(18 * var(--px)), 1.45vw, calc(21 * var(--px))) / var(--px)); } }
  .held h1:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0; }
  .held h1 .eyebrow:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; }
  .held__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(36 * var(--px)); max-width: 34em; }
  .held__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; margin-right: calc(-1 * var(--rand)); margin-left: -8%; }
  .held__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; }
  .held--kompakt .held__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); }
  .laufband:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-block: calc(1 * var(--px)) solid var(--linie); overflow: hidden; padding-block: calc(26 * var(--px)); }
  .laufband__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; gap: calc(72 * var(--px)); width: max-content; animation: lauf 48s linear infinite; align-items: center; }
  .laufband:hover .laufband__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { animation-play-state: paused; }
  .laufband img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(calc(220 * var(--px)), calc(sqrt(var(--r, 3)) * calc(78 * var(--px)))); height: auto; max-width: none; max-height: calc(64 * var(--px)); object-fit: contain; filter: grayscale(1); opacity: .75; }
  .laufband img.jpg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { mix-blend-mode: multiply; }
  .band--gruen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gruen); }
  .band--schwarz:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); }
  .band--grau:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--grau-1); }
  .band--hell:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--grau-0); }
  .band--gelb:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gelb); color: var(--ink); }
  .auf-gruen .schritt__name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-top-color: var(--schwarz); }
  .zweispaltig:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(calc(32 * var(--px)), 6vw, calc(112 * var(--px))); align-items: start; }
  .zweispaltig--gleich:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-columns: 1fr 1fr; }
  .titel-block:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(1040 * var(--px)); }
  .titel-block--mitte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-inline: auto; text-align: center; }
  .titel-block + *:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: clamp(calc(40 * var(--px)), 5vw, calc(72 * var(--px))); }
  .ihr:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: calc(32 * var(--px)); }
  .ihr__wort:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(96 * var(--px)), 13vw, calc(210 * var(--px))); font-variation-settings: "opsz" 187.2; line-height: .8; letter-spacing: -.05em; color: var(--gruen); position: sticky; top: calc(var(--kopf-h) + calc(32 * var(--px))); align-self: start; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .ihr__wort:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(96 * var(--px)), 13vw, calc(210 * var(--px))) / var(--px)); } }
  .ihr__liste:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .ihr__liste li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-bottom: calc(1.5 * var(--px)) solid var(--ink); padding: calc(26 * var(--px)) 0 calc(28 * var(--px)); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: calc(12 * var(--px)) calc(40 * var(--px)); align-items: baseline; }
  .ihr__was:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(26 * var(--px)), 2.6vw, calc(40 * var(--px))); font-variation-settings: "opsz" 37.44; line-height: 1.08; letter-spacing: -.025em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .ihr__was:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(26 * var(--px)), 2.6vw, calc(40 * var(--px))) / var(--px)); } }
  .ihr__wie:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-weight: 300; font-size: clamp(calc(18 * var(--px)), 1.5vw, calc(21 * var(--px))); font-variation-settings: "opsz" 21; line-height: 1.45; color: var(--text); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .ihr__wie:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(18 * var(--px)), 1.5vw, calc(21 * var(--px))) / var(--px)); } }
  .zeilen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .zeile:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; border-bottom: calc(1.5 * var(--px)) solid var(--ink); isolation: isolate; }
  .zeile:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; position: absolute; inset: 0; background: var(--gruen); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.7,0,.2,1); z-index: -1; }
  .zeile:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before, .zeile:focus-within:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { transform: scaleX(1); }
  .zeile__innen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: calc(16 * var(--px)) calc(48 * var(--px)); align-items: start; padding: calc(36 * var(--px)) calc(8 * var(--px)) calc(38 * var(--px)); }
  .zeile__rechts:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; gap: calc(20 * var(--px)); padding-top: calc(6 * var(--px)); }
  .zeile__titel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(28 * var(--px)), 3vw, calc(44 * var(--px))); font-variation-settings: "opsz" 43.2; line-height: 1.04; letter-spacing: -.028em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .zeile__titel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(28 * var(--px)), 3vw, calc(44 * var(--px))) / var(--px)); } }
  .zeile__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(18 * var(--px)); font-variation-settings: "opsz" 18; line-height: 1.55; color: var(--text); margin: 0; }
  .zeile:hover .zeile__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); }
  .zeile__links:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(10 * var(--px)); }
  .zeile__links:empty:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: none; }
  .chip-link:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-flex; align-items: center; gap: calc(10 * var(--px)); font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; font-weight: 600; text-decoration: none; color: var(--ink); border: calc(1.5 * var(--px)) solid var(--ink); border-radius: calc(999 * var(--px)); padding: calc(9 * var(--px)) calc(16 * var(--px)); background: var(--weiss); white-space: nowrap; }
  .chip-link svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(16 * var(--px)); height: calc(16 * var(--px)); }
  .chip-link:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); border-color: var(--schwarz); }
  .logowand:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: calc(1 * var(--px)) solid var(--linie); border-left: calc(1 * var(--px)) solid var(--linie); background: var(--weiss); position: relative; z-index: 1; }
  .logowand li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; min-height: clamp(calc(116 * var(--px)), 11vw, calc(168 * var(--px))); display: grid; place-items: center; border-right: calc(1 * var(--px)) solid var(--linie); border-bottom: calc(1 * var(--px)) solid var(--linie); padding: calc(22 * var(--px)); }
  .logowand img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(100%, calc(sqrt(var(--r, 3)) * calc(100 * var(--px)))); height: auto; max-height: calc(96 * var(--px)); object-fit: contain; filter: grayscale(1); opacity: .8; transition: opacity .2s, transform .2s; }
  .logowand img.jpg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { mix-blend-mode: multiply; }
  .logowand li:hover img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 1; transform: scale(1.04); }
  .kontakt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--grau-1); }
  .kontakt__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(calc(40 * var(--px)), 6vw, calc(104 * var(--px))); align-items: start; }
  .kontakt__wege:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: calc(14 * var(--px)); margin-top: calc(36 * var(--px)); }
  .kontakt__wege a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-flex; align-items: center; gap: calc(14 * var(--px)); text-decoration: none; font-size: calc(20 * var(--px)); font-variation-settings: "opsz" 20; font-weight: 500; color: var(--ink); }
  .kontakt__wege .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(28 * var(--px)); height: calc(28 * var(--px)); color: var(--gruen); }
  .kontakt__wege a:hover span:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-decoration: underline; text-decoration-color: var(--gruen); text-decoration-thickness: calc(2 * var(--px)); text-underline-offset: calc(5 * var(--px)); }
  .kontakt--bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-bottom: 0; }
  .kontakt--bild .kontakt__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-areas: "text form" "bild form"; grid-template-rows: auto 1fr; }
  .kontakt--bild .kontakt__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-area: text; }
  .kontakt--bild .formular:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-area: form; align-self: start; margin-bottom: var(--abschnitt); }
  .kontakt__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-area: bild; align-self: end; width: min(calc(360 * var(--px)), 100%); aspect-ratio: 902 / 816; overflow: hidden; margin-top: calc(56 * var(--px)); }
  .kontakt__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; width: 100%; height: auto; }
  .formular:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--weiss); border-radius: var(--radius); padding: clamp(calc(24 * var(--px)), 3.4vw, calc(48 * var(--px))); display: grid; grid-template-columns: 1fr 1fr; gap: calc(22 * var(--px)) calc(20 * var(--px)); }
  .feld:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; gap: calc(8 * var(--px)); }
  .feld--breit:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 1 / -1; }
  .feld label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; font-weight: 600; color: var(--ink); }
  .feld label .pflicht:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--text-2); font-weight: 400; }
  .feld input:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .feld textarea:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .feld select:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; font: inherit; font-size: calc(17 * var(--px)); font-variation-settings: "opsz" 17; color: var(--ink); background: var(--weiss); border: calc(1.5 * var(--px)) solid #CFCFCF; border-radius: calc(14 * var(--px)); padding: calc(15 * var(--px)) calc(16 * var(--px)); min-height: calc(56 * var(--px)); transition: border-color .15s, box-shadow .15s; appearance: none; }
  .feld textarea:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: calc(150 * var(--px)); resize: vertical; }
  .feld input:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .feld textarea:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .feld select:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-color: #9A9A9A; }
  .feld input:focus:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .feld textarea:focus:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .feld select:focus:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { outline: none; border-color: var(--ink); box-shadow: 0 0 0 calc(4 * var(--px)) rgba(35,185,110,.35); }
  .formular__hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 1 / -1; font-size: calc(13 * var(--px)); font-variation-settings: "opsz" 13; line-height: 1.55; color: var(--text-2); margin: 0; }
  .formular__hinweis a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); text-decoration: underline; }
  .formular .btn:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 1 / -1; justify-content: center; width: 100%; }
  .fuss:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: #BDBDBD; padding-top: clamp(calc(80 * var(--px)), 9vw, calc(140 * var(--px))); overflow: hidden; }
  .fuss__satz:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(56 * var(--px)), 10.5vw, calc(168 * var(--px))); font-variation-settings: "opsz" 151.2; line-height: .9; letter-spacing: -.045em; color: #2E2E2E; margin: 0 0 clamp(calc(64 * var(--px)), 7vw, calc(112 * var(--px))); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .fuss__satz:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(56 * var(--px)), 10.5vw, calc(168 * var(--px))) / var(--px)); } }
  .fuss__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: 1.2fr 1fr 1.3fr; gap: calc(40 * var(--px)); padding-bottom: calc(72 * var(--px)); }
  .fuss h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-size: calc(20 * var(--px)); font-variation-settings: "opsz" 20; letter-spacing: -.01em; color: var(--gruen); margin-bottom: calc(20 * var(--px)); }
  .fuss ul:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: calc(10 * var(--px)); }
  .fuss a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); text-decoration: none; font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; }
  .fuss a:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--gruen); }
  .fuss address:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-style: normal; font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; line-height: 1.7; color: var(--weiss); }
  .fuss address p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-bottom: calc(14 * var(--px)); }
  .fuss__unten:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-top: calc(1 * var(--px)) solid #262626; padding-block: calc(28 * var(--px)); display: flex; flex-wrap: wrap; gap: calc(20 * var(--px)) calc(40 * var(--px)); align-items: center; justify-content: space-between; font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; }
  .fuss__unten > svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(150 * var(--px)); max-width: none; flex: none; color: var(--weiss); }
  .fuss__unten ul:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(8 * var(--px)) calc(22 * var(--px)); }
  .fuss__unten a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; color: #BDBDBD; }
  .mythen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(calc(24 * var(--px)), 3vw, calc(48 * var(--px))); list-style: none; }
  .mythos:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-top: calc(1.5 * var(--px)) solid var(--weiss); padding-top: calc(26 * var(--px)); }
  .mythos__nr:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(13 * var(--px)); font-variation-settings: "opsz" 13; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--gruen); margin: 0 0 calc(18 * var(--px)); }
  .mythos h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(24 * var(--px)), 2.2vw, calc(32 * var(--px))); font-variation-settings: "opsz" 31.68; line-height: 1.15; letter-spacing: -.02em; color: var(--weiss); margin-bottom: calc(22 * var(--px)); position: relative; display: inline; background: linear-gradient(var(--gruen), var(--gruen)) no-repeat 0 58% / 100% calc(4 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .mythos h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(24 * var(--px)), 2.2vw, calc(32 * var(--px))) / var(--px)); } }
  .js-anim .mythos h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background-size: 0 calc(4 * var(--px)); transition: background-size .8s .2s cubic-bezier(.7,0,.2,1); }
  .js-anim .mythos.ist-da h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background-size: 100% calc(4 * var(--px)); }
  .mythos p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(24 * var(--px)); color: #CFCFCF; }
  .angebot:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .angebot--3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-columns: repeat(3, 1fr); }
  .angebot--2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-columns: repeat(2, 1fr); }
  .angebot li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding: calc(30 * var(--px)) calc(28 * var(--px)) calc(36 * var(--px)) 0; border-bottom: calc(1 * var(--px)) solid var(--linie); }
  .angebot li:not(:nth-child(4n)):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-right: calc(32 * var(--px)); }
  .angebot h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(24 * var(--px)); font-variation-settings: "opsz" 24; line-height: 1.15; letter-spacing: -.015em; margin-bottom: calc(14 * var(--px)); }
  .angebot p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(17 * var(--px)); font-variation-settings: "opsz" 17; line-height: 1.6; }
  .angebot__marke:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; width: calc(36 * var(--px)); height: calc(6 * var(--px)); background: var(--gruen); margin-bottom: calc(22 * var(--px)); }
  .schritte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; counter-reset: schritt; gap: 0; }
  .schritt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { counter-increment: schritt; position: relative; padding: 0 calc(24 * var(--px)) 0 0; }
  .schritt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: counter(schritt, decimal-leading-zero); display: block; font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(64 * var(--px)), 7vw, calc(112 * var(--px))); font-variation-settings: "opsz" 100.8; line-height: .9; letter-spacing: -.04em; color: var(--ink); margin-bottom: calc(18 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .schritt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { font-variation-settings: "opsz" calc(clamp(calc(64 * var(--px)), 7vw, calc(112 * var(--px))) / var(--px)); } }
  .schritt__name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(22 * var(--px)), 2vw, calc(30 * var(--px))); font-variation-settings: "opsz" 28.8; letter-spacing: -.02em; color: var(--ink); padding-top: calc(16 * var(--px)); border-top: calc(6 * var(--px)) solid var(--gruen); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .schritt__name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(22 * var(--px)), 2vw, calc(30 * var(--px))) / var(--px)); } }
  .schritt:not(:last-child):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { content: ""; position: absolute; right: calc(24 * var(--px)); top: calc(34 * var(--px)); width: calc(34 * var(--px)); height: calc(2 * var(--px)); background: var(--ink); }
  .test:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .test li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-bottom: calc(1 * var(--px)) solid rgba(0,0,0,.25); }
  .test label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: calc(44 * var(--px)) 1fr; gap: calc(20 * var(--px)); align-items: center; padding: calc(22 * var(--px)) 0; cursor: pointer; font-size: clamp(calc(19 * var(--px)), 1.6vw, calc(23 * var(--px))); font-variation-settings: "opsz" 23; line-height: 1.4; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .test label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(19 * var(--px)), 1.6vw, calc(23 * var(--px))) / var(--px)); } }
  .test input:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { appearance: none; width: calc(44 * var(--px)); height: calc(44 * var(--px)); border: calc(2 * var(--px)) solid var(--ink); border-radius: 50%; margin: 0; cursor: pointer; display: grid; place-items: center; background: var(--weiss); }
  .test input:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { content: ""; width: calc(18 * var(--px)); height: calc(10 * var(--px)); border-left: calc(3 * var(--px)) solid var(--weiss); border-bottom: calc(3 * var(--px)) solid var(--weiss); transform: translateY(calc(-2 * var(--px))) rotate(-45deg); opacity: 0; }
  .test input:checked:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); }
  .test input:checked:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { opacity: 1; }
  .test__ergebnis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(32 * var(--px)); font-size: calc(20 * var(--px)); font-variation-settings: "opsz" 20; color: var(--ink); min-height: 1.6em; }
  .test__ergebnis strong:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); }
  .regeln:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; counter-reset: r; display: grid; gap: 0; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .regeln li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { counter-increment: r; display: grid; grid-template-columns: calc(56 * var(--px)) 1fr; gap: calc(16 * var(--px)); padding: calc(20 * var(--px)) 0; border-bottom: calc(1 * var(--px)) solid var(--linie); font-size: calc(19 * var(--px)); font-variation-settings: "opsz" 19; line-height: 1.5; color: var(--ink); }
  .regeln li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; width: calc(28 * var(--px)); height: calc(28 * var(--px)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / calc(26 * var(--px)) no-repeat; margin-top: calc(1 * var(--px)); }
  .preis-steuerung:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(16 * var(--px)) calc(28 * var(--px)); align-items: center; justify-content: space-between; margin-bottom: calc(40 * var(--px)); }
  .umschalter:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-flex; background: var(--grau-1); border-radius: calc(999 * var(--px)); padding: calc(5 * var(--px)); gap: calc(4 * var(--px)); }
  .umschalter button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border: 0; background: none; border-radius: calc(999 * var(--px)); padding: calc(12 * var(--px)) calc(24 * var(--px)); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; font-weight: 600; cursor: pointer; color: var(--ink); }
  .umschalter button[aria-selected="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .umschalter button[aria-pressed="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); }
  .umschalter--gross button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(20 * var(--px)); font-variation-settings: "opsz" 20; padding: calc(14 * var(--px)) calc(32 * var(--px)); font-family: var(--f-display); font-weight: 700; letter-spacing: -.01em; }
  .plaene:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(20 * var(--px)); list-style: none; }
  .plan:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border: calc(1.5 * var(--px)) solid var(--ink); border-radius: var(--radius); padding: calc(28 * var(--px)) calc(26 * var(--px)) calc(30 * var(--px)); display: flex; flex-direction: column; background: var(--weiss); position: relative; }
  .plan--hervor:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gruen); border-color: var(--gruen); }
  .plan__sale:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; top: calc(22 * var(--px)); right: calc(22 * var(--px)); background: var(--gelb); color: var(--schwarz); font-size: calc(12 * var(--px)); font-variation-settings: "opsz" 12; font-weight: 700; letter-spacing: .14em; padding: calc(6 * var(--px)) calc(10 * var(--px)); border-radius: calc(999 * var(--px)); }
  .plan__fuer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; line-height: 1.45; color: var(--text); min-height: 4.35em; margin: 0 calc(58 * var(--px)) calc(14 * var(--px)) 0; }
  .plan--hervor .plan__fuer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); }
  .plan__umfang:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: calc(30 * var(--px)); font-variation-settings: "opsz" 30; letter-spacing: -.02em; color: var(--ink); }
  .plan__preis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(40 * var(--px)), 3.6vw, calc(52 * var(--px))); font-variation-settings: "opsz" 51.84; letter-spacing: -.035em; color: var(--ink); line-height: 1; margin: calc(18 * var(--px)) 0 calc(4 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .plan__preis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(40 * var(--px)), 3.6vw, calc(52 * var(--px))) / var(--px)); } }
  .plan__zeit:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; color: var(--text); margin-bottom: calc(22 * var(--px)); }
  .plan ul:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: calc(10 * var(--px)); margin-bottom: calc(28 * var(--px)); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; color: var(--ink); }
  .plan li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; gap: calc(10 * var(--px)); align-items: flex-start; }
  .plan li .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(20 * var(--px)); height: calc(20 * var(--px)); margin-top: calc(3 * var(--px)); }
  .plan .btn:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: auto; justify-content: center; width: 100%; padding: 0 calc(14 * var(--px)); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; white-space: nowrap; }
  .plan--hervor .btn:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--schwarz); --b-fg: var(--weiss); --b-bd: var(--schwarz); }
  .feature-liste:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: 0; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .feature-liste li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; gap: calc(18 * var(--px)); align-items: center; padding: calc(20 * var(--px)) 0; border-bottom: calc(1 * var(--px)) solid var(--linie); font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(20 * var(--px)), 1.8vw, calc(26 * var(--px))); font-variation-settings: "opsz" 25.92; letter-spacing: -.015em; color: var(--ink); line-height: 1.25; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .feature-liste li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(20 * var(--px)), 1.8vw, calc(26 * var(--px))) / var(--px)); } }
  .feature-liste .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(30 * var(--px)); height: calc(30 * var(--px)); color: var(--schwarz); }
  .schema:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: 1fr auto 1fr; gap: calc(28 * var(--px)); align-items: stretch; }
  .schema__karte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--weiss); border-radius: calc(18 * var(--px)); padding: calc(26 * var(--px)); font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; line-height: 1.5; color: var(--text); border: calc(1.5 * var(--px)) solid var(--ink); }
  .schema__kopf:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(12 * var(--px)); font-variation-settings: "opsz" 12; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--text-2); margin-bottom: calc(16 * var(--px)); }
  .schema__roh p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: calc(13 * var(--px)); font-variation-settings: "opsz" 13; margin: 0 0 calc(8 * var(--px)); color: var(--ink); }
  .schema__pfeil:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; place-items: center; }
  .schema__pfeil span:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--schwarz); display: grid; place-items: center; }
  .schema__pfeil .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(44 * var(--px)); height: calc(44 * var(--px)); stroke-width: 1.75; }
  .schema__block:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-radius: calc(8 * var(--px)); margin-bottom: calc(10 * var(--px)); padding: calc(8 * var(--px)) calc(10 * var(--px)); background: var(--grau-1); font-size: calc(12 * var(--px)); font-variation-settings: "opsz" 12; display: flex; gap: calc(8 * var(--px)); align-items: center; color: var(--ink); }
  .schema__block b:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(10 * var(--px)); font-variation-settings: "opsz" 10; letter-spacing: .12em; text-transform: uppercase; background: var(--gruen); padding: calc(3 * var(--px)) calc(6 * var(--px)); border-radius: calc(4 * var(--px)); }
  .schema__block--h:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: calc(17 * var(--px)); font-variation-settings: "opsz" 17; }
  .schema__block--bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { height: calc(64 * var(--px)); background: repeating-linear-gradient(135deg, #e6e6e6 0 calc(8 * var(--px)), #f2f2f2 calc(8 * var(--px)) calc(16 * var(--px))); }
  .schema__block--zitat:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; background: none; padding-left: 0; }
  .schema__block--zitat:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: "„"; color: var(--gruen); font-size: calc(28 * var(--px)); font-variation-settings: "opsz" 28; line-height: .6; }
  .filter:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(10 * var(--px)); list-style: none; margin-bottom: calc(40 * var(--px)); }
  .filter button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border: calc(1.5 * var(--px)) solid var(--ink); background: var(--weiss); border-radius: calc(999 * var(--px)); padding: calc(10 * var(--px)) calc(20 * var(--px)); font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; font-weight: 600; letter-spacing: .08em; cursor: pointer; color: var(--ink); }
  .filter button[aria-pressed="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); }
  .projekte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(calc(20 * var(--px)), 3vw, calc(40 * var(--px))); list-style: none; }
  .projekt__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { aspect-ratio: 4 / 3; border-radius: var(--radius); overflow: hidden; background: var(--grau-1); display: grid; place-items: center; }
  .projekt__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: 50%; max-height: 40%; object-fit: contain; filter: grayscale(1); }
  .projekt h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(24 * var(--px)), 2.2vw, calc(32 * var(--px))); font-variation-settings: "opsz" 31.68; margin-top: calc(20 * var(--px)); letter-spacing: -.02em; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .projekt h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(24 * var(--px)), 2.2vw, calc(32 * var(--px))) / var(--px)); } }
  .projekt p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(6 * var(--px)); color: var(--text-2); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; }
  .kategorien:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(10 * var(--px)); list-style: none; margin-bottom: calc(48 * var(--px)); }
  .kategorien a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-block; border: calc(1.5 * var(--px)) solid var(--ink); border-radius: calc(999 * var(--px)); padding: calc(9 * var(--px)) calc(18 * var(--px)); font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; font-weight: 600; text-decoration: none; color: var(--ink); }
  .kategorien a[aria-current="page"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); }
  .beitrag-top:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(calc(28 * var(--px)), 4vw, calc(64 * var(--px))); align-items: center; text-decoration: none; color: inherit; margin-bottom: clamp(calc(56 * var(--px)), 6vw, calc(96 * var(--px))); }
  .beitrag-top__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { aspect-ratio: 16 / 11; border-radius: var(--radius); overflow: hidden; background: var(--gelb); position: relative; }
  .beitrag-top__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; inset: 6% 0; width: 100%; height: 88%; object-fit: contain; }
  .beitrag-top h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(34 * var(--px)), 4vw, calc(60 * var(--px))); font-variation-settings: "opsz" 57.6; line-height: 1.02; letter-spacing: -.03em; margin: calc(14 * var(--px)) 0 calc(20 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .beitrag-top h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(34 * var(--px)), 4vw, calc(60 * var(--px))) / var(--px)); } }
  .beitrag-top:hover h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-decoration: underline; text-decoration-color: var(--gruen); text-decoration-thickness: calc(4 * var(--px)); text-underline-offset: calc(8 * var(--px)); }
  .meta:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(8 * var(--px)) calc(18 * var(--px)); font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--text-2); }
  .meta .kat:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); background: var(--gruen); padding: calc(3 * var(--px)) calc(10 * var(--px)); border-radius: calc(999 * var(--px)); letter-spacing: .1em; }
  .beitraege:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(calc(20 * var(--px)), 2.6vw, calc(40 * var(--px))) clamp(calc(20 * var(--px)), 2.6vw, calc(40 * var(--px))); list-style: none; }
  .karte-beitrag a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-decoration: none; color: inherit; display: block; }
  .karte-beitrag__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { aspect-ratio: 4 / 3; border-radius: calc(18 * var(--px)); overflow: hidden; background: var(--grau-1); position: relative; margin-bottom: calc(20 * var(--px)); }
  .karte-beitrag__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; inset: 8% 0; width: 100%; height: 84%; object-fit: contain; }
  .karte-beitrag h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(22 * var(--px)), 1.9vw, calc(27 * var(--px))); font-variation-settings: "opsz" 27; line-height: 1.15; letter-spacing: -.02em; margin: calc(12 * var(--px)) 0 calc(10 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .karte-beitrag h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(22 * var(--px)), 1.9vw, calc(27 * var(--px))) / var(--px)); } }
  .karte-beitrag p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; color: var(--text); }
  .karte-beitrag a:hover h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-decoration: underline; text-decoration-color: var(--gruen); text-decoration-thickness: calc(3 * var(--px)); text-underline-offset: calc(6 * var(--px)); }
  .artikel-kopf:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-block: clamp(calc(40 * var(--px)), 5vw, calc(80 * var(--px))) clamp(calc(40 * var(--px)), 5vw, calc(64 * var(--px))); }
  .artikel-kopf h1:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(42 * var(--px)), 6vw, calc(88 * var(--px))); font-variation-settings: "opsz" 86.4; line-height: 1; letter-spacing: -.035em; max-width: 14em; margin: calc(22 * var(--px)) 0 calc(28 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .artikel-kopf h1:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(42 * var(--px)), 6vw, calc(88 * var(--px))) / var(--px)); } }
  .artikel-bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-radius: var(--radius); overflow: hidden; background: var(--gelb); position: relative; aspect-ratio: 21 / 9; }
  .artikel-bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; inset: 5% 0; width: 100%; height: 90%; object-fit: contain; }
  .artikel-raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 8fr) minmax(0, 1fr); gap: calc(40 * var(--px)); padding-block: clamp(calc(56 * var(--px)), 6vw, calc(96 * var(--px))); }
  .inhalt-nav:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: sticky; top: calc(var(--kopf-h) + calc(24 * var(--px))); align-self: start; font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; }
  .inhalt-nav p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(12 * var(--px)); font-variation-settings: "opsz" 12; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--text-2); margin-bottom: calc(14 * var(--px)); }
  .inhalt-nav ol:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: calc(10 * var(--px)); border-left: calc(2 * var(--px)) solid var(--linie); }
  .inhalt-nav a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; padding-left: calc(16 * var(--px)); margin-left: calc(-2 * var(--px)); border-left: calc(2 * var(--px)) solid transparent; text-decoration: none; color: var(--text); line-height: 1.4; }
  .inhalt-nav a:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .inhalt-nav a.ist-aktiv:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); border-left-color: var(--gruen); font-weight: 600; }
  .artikel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(20 * var(--px)); font-variation-settings: "opsz" 20; line-height: 1.7; color: var(--text); max-width: calc(760 * var(--px)); }
  .artikel > p:first-child:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-weight: 300; font-size: clamp(calc(22 * var(--px)), 2vw, calc(27 * var(--px))); font-variation-settings: "opsz" 27; line-height: 1.5; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .artikel > p:first-child:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(22 * var(--px)), 2vw, calc(27 * var(--px))) / var(--px)); } }
  .artikel h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(30 * var(--px)), 3vw, calc(44 * var(--px))); font-variation-settings: "opsz" 43.2; line-height: 1.08; letter-spacing: -.028em; margin: 1.9em 0 .6em; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .artikel h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(30 * var(--px)), 3vw, calc(44 * var(--px))) / var(--px)); } }
  .artikel h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(23 * var(--px)), 2vw, calc(28 * var(--px))); font-variation-settings: "opsz" 28; line-height: 1.2; letter-spacing: -.015em; margin: 1.6em 0 .5em; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .artikel h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(23 * var(--px)), 2vw, calc(28 * var(--px))) / var(--px)); } }
  .artikel p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0 0 1.1em; }
  .artikel ul:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .artikel ol:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0 0 1.4em; padding: 0; list-style: none; display: grid; gap: calc(12 * var(--px)); }
  .artikel ul li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; padding-left: calc(36 * var(--px)); }
  .artikel ul li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; position: absolute; left: calc(4 * var(--px)); top: .55em; width: calc(14 * var(--px)); height: calc(14 * var(--px)); background: var(--gruen); border-radius: 50%; }
  .artikel ol:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { counter-reset: a; }
  .artikel ol li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { counter-increment: a; position: relative; padding-left: calc(52 * var(--px)); }
  .artikel ol li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: counter(a); position: absolute; left: 0; top: .05em; width: calc(34 * var(--px)); height: calc(34 * var(--px)); border-radius: 50%; background: var(--schwarz); color: var(--weiss); font-family: var(--f-display); font-weight: 700; font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; display: grid; place-items: center; }
  .artikel blockquote:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 1.6em 0; padding: 0; font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(28 * var(--px)), 2.8vw, calc(40 * var(--px))); font-variation-settings: "opsz" 40; line-height: 1.15; letter-spacing: -.025em; color: var(--ink); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .artikel blockquote:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(28 * var(--px)), 2.8vw, calc(40 * var(--px))) / var(--px)); } }
  .artikel blockquote p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 0; }
  .artikel blockquote p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: "„"; color: var(--gruen); }
  .artikel blockquote p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { content: "“"; color: var(--gruen); }
  .artikel figure:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: 2em 0; }
  .artikel figure img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; border-radius: calc(18 * var(--px)); background: var(--grau-1); }
  .artikel figcaption:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; color: var(--text-2); margin-top: calc(10 * var(--px)); }
  .artikel strong:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); font-weight: 600; }
  .artikel a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); text-decoration-color: var(--gruen); text-decoration-thickness: calc(2 * var(--px)); text-underline-offset: calc(4 * var(--px)); }
  .jobliste:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .job:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-bottom: calc(1.5 * var(--px)) solid var(--ink); padding: calc(32 * var(--px)) 0; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr) auto; gap: calc(20 * var(--px)) calc(40 * var(--px)); align-items: center; }
  .job h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(26 * var(--px)), 2.6vw, calc(40 * var(--px))); font-variation-settings: "opsz" 37.44; line-height: 1.08; letter-spacing: -.025em; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .job h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(26 * var(--px)), 2.6vw, calc(40 * var(--px))) / var(--px)); } }
  .tags:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(8 * var(--px)); list-style: none; }
  .tags li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; font-weight: 600; border-radius: calc(999 * var(--px)); padding: calc(6 * var(--px)) calc(14 * var(--px)); background: var(--grau-1); color: var(--ink); }
  .tags li.gruen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gruen); }
  .recht:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(820 * var(--px)); font-size: calc(18 * var(--px)); font-variation-settings: "opsz" 18; }
  .recht h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(24 * var(--px)), 2.2vw, calc(32 * var(--px))); font-variation-settings: "opsz" 31.68; letter-spacing: -.02em; margin: 1.8em 0 .5em; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .recht h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(24 * var(--px)), 2.2vw, calc(32 * var(--px))) / var(--px)); } }
  .recht h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(22 * var(--px)); font-variation-settings: "opsz" 22; margin: 1.4em 0 .4em; }
  .recht a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); text-decoration-color: var(--gruen); text-decoration-thickness: calc(2 * var(--px)); }
  .recht-nav:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: calc(4 * var(--px)); position: sticky; top: calc(var(--kopf-h) + calc(24 * var(--px))); }
  .recht-nav a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; padding: calc(10 * var(--px)) calc(16 * var(--px)); border-radius: calc(12 * var(--px)); text-decoration: none; color: var(--ink); font-weight: 500; }
  .recht-nav a[aria-current="page"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); }
  .recht-nav a:hover:not([aria-current]):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--grau-1); }
  .recht-raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: clamp(calc(32 * var(--px)), 5vw, calc(80 * var(--px))); }
  .produkte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(calc(20 * var(--px)), 3vw, calc(40 * var(--px))); list-style: none; }
  .produktkarte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border: calc(1.5 * var(--px)) solid var(--ink); border-radius: var(--radius); overflow: hidden; display: grid; grid-template-rows: auto 1fr; background: var(--weiss); }
  .produktkarte__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { aspect-ratio: 16 / 10; background: var(--grau-1); display: grid; place-items: center; overflow: hidden; position: relative; }
  .produktkarte__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
  .produktkarte__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding: calc(28 * var(--px)); display: flex; flex-direction: column; gap: calc(10 * var(--px)); }
  .produktkarte h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(26 * var(--px)), 2.4vw, calc(34 * var(--px))); font-variation-settings: "opsz" 34; letter-spacing: -.02em; line-height: 1.1; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .produktkarte h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(26 * var(--px)), 2.4vw, calc(34 * var(--px))) / var(--px)); } }
  .preis-klein:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: calc(26 * var(--px)); font-variation-settings: "opsz" 26; color: var(--ink); }
  .steuer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; color: var(--text-2); }
  .produkt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(calc(32 * var(--px)), 5vw, calc(80 * var(--px))); align-items: start; }
  .produkt__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-radius: var(--radius); background: var(--grau-1); aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; position: sticky; top: calc(var(--kopf-h) + calc(24 * var(--px))); }
  .produkt__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; height: 100%; object-fit: cover; }
  .brotkrumen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(8 * var(--px)); list-style: none; font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; color: var(--text-2); margin-bottom: calc(24 * var(--px)); }
  .brotkrumen li:not(:last-child):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { content: "/"; margin-left: calc(8 * var(--px)); color: #B0B0B0; }
  .brotkrumen a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--text-2); }
  .optionen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: 1fr 1fr; gap: calc(10 * var(--px)); list-style: none; margin: calc(12 * var(--px)) 0 calc(24 * var(--px)); }
  .optionen label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; border: calc(1.5 * var(--px)) solid #CFCFCF; border-radius: calc(14 * var(--px)); padding: calc(14 * var(--px)) calc(16 * var(--px)); cursor: pointer; font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; color: var(--ink); line-height: 1.35; }
  .optionen input:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; opacity: 0; pointer-events: none; }
  .optionen input:checked + label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-color: var(--ink); box-shadow: inset 0 0 0 calc(1.5 * var(--px)) var(--ink); background: var(--grau-0); }
  .optionen input:focus-visible + label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { outline: calc(3 * var(--px)) solid var(--schwarz); outline-offset: calc(2 * var(--px)); }
  .reiter:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; gap: calc(6 * var(--px)); flex-wrap: wrap; border-bottom: calc(1.5 * var(--px)) solid var(--ink); margin-top: clamp(calc(56 * var(--px)), 6vw, calc(88 * var(--px))); }
  .reiter button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border: 0; background: none; padding: calc(14 * var(--px)) calc(18 * var(--px)); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; font-weight: 600; cursor: pointer; color: var(--text-2); border-bottom: calc(4 * var(--px)) solid transparent; margin-bottom: calc(-1.5 * var(--px)); }
  .reiter button[aria-selected="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); border-bottom-color: var(--gruen); }
  .reiter-inhalt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-top: calc(32 * var(--px)); max-width: calc(820 * var(--px)); }
  .reiter-inhalt[hidden]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: none; }
  .tabelle:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; border-collapse: collapse; font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; }
  .tabelle th:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .tabelle td:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-align: left; padding: calc(14 * var(--px)) calc(12 * var(--px)) calc(14 * var(--px)) 0; border-bottom: calc(1 * var(--px)) solid var(--linie); vertical-align: top; }
  .tabelle th:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--ink); font-weight: 600; width: 32%; }
  .leer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-align: center; padding-block: clamp(calc(64 * var(--px)), 8vw, calc(120 * var(--px))); }
  .leer img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(calc(360 * var(--px)), 70vw); margin: 0 auto calc(32 * var(--px)); }
  .fahrplan:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; counter-reset: f; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(calc(20 * var(--px)), 3vw, calc(40 * var(--px))); }
  .fahrplan li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { counter-increment: f; border-top: calc(6 * var(--px)) solid var(--gruen); padding-top: calc(24 * var(--px)); }
  .fahrplan li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: counter(f, decimal-leading-zero); display: block; font-family: var(--f-display); font-weight: 700; font-size: calc(64 * var(--px)); font-variation-settings: "opsz" 64; line-height: .9; letter-spacing: -.04em; color: var(--ink); margin-bottom: calc(18 * var(--px)); }
  .fahrplan h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(24 * var(--px)); font-variation-settings: "opsz" 24; line-height: 1.2; letter-spacing: -.015em; margin-bottom: calc(12 * var(--px)); }
  .platzhalter:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { outline: calc(2 * var(--px)) dashed #B8B8B8; outline-offset: calc(6 * var(--px)); position: relative; }
  .platzhalter__label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-block; font-size: calc(12 * var(--px)); font-variation-settings: "opsz" 12; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: var(--gelb); color: var(--schwarz); padding: calc(4 * var(--px)) calc(10 * var(--px)); border-radius: calc(999 * var(--px)); margin-bottom: calc(12 * var(--px)); }
  .hinweis-live:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; background: var(--gelb); color: var(--schwarz); border-radius: calc(12 * var(--px)); padding: calc(12 * var(--px)) calc(16 * var(--px)); margin-top: calc(16 * var(--px)); line-height: 1.5; }
  .js-anim .rein:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 0; transform: translateY(calc(28 * var(--px))); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
  .js-anim .rein.ist-da:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 1; transform: none; }
  @media (prefers-reduced-motion: reduce) {
    *:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), *:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before, *:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
    .laufband__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { animation: none; flex-wrap: wrap; width: auto; justify-content: center; }
    .laufband__spur > [aria-hidden="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: none; }
    .laufband__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { gap: calc(18 * var(--px)) calc(36 * var(--px)); padding-inline: var(--rand); }
    .laufband img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(calc(130 * var(--px)), calc(sqrt(var(--r, 3)) * calc(46 * var(--px)))); max-height: calc(44 * var(--px)); }
  }
  .hv-label:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gelb); color: var(--schwarz); padding: calc(18 * var(--px)) 0; border-block: calc(2 * var(--px)) solid var(--schwarz); position: relative; z-index: 5; }
  .hv-label .wrap:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(6 * var(--px)) calc(24 * var(--px)); align-items: baseline; }
  .hv-label strong:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-size: calc(22 * var(--px)); font-variation-settings: "opsz" 22; letter-spacing: -.01em; }
  .hv-label span:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; }
  .kopf--dunkel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); backdrop-filter: none; }
  .kopf--dunkel.ist-gescrollt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { box-shadow: 0 calc(1 * var(--px)) 0 #222; }
  .kopf--dunkel .kopf__logo:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .kopf--dunkel .menue-knopf:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .hv-a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: #CFCFCF; position: relative; overflow: hidden; }
  .hv-a__buehne:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; min-height: clamp(calc(520 * var(--px)), calc(100vh - var(--kopf-h) - calc(96 * var(--px))), calc(700 * var(--px))); display: grid; }
  .hv-a__folie:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(calc(24 * var(--px)), 4vw, calc(64 * var(--px))); align-items: center; padding-block: clamp(calc(24 * var(--px)), 4vw, calc(56 * var(--px))); opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s .6s; }
  .hv-a__folie.ist-aktiv:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 1; visibility: visible; transition: opacity .6s ease; }
  .hv-a__folie .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); font-size: clamp(calc(34 * var(--px)), 3.9vw, calc(56 * var(--px))); font-variation-settings: "opsz" 56; line-height: 1.1; text-wrap: balance; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-a__folie .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(34 * var(--px)), 3.9vw, calc(56 * var(--px))) / var(--px)); } }
  .hv-a__folie .d-xl .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-h: 1.1em; }
  .hv-a__folie .eyebrow:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); display: flex; }
  .hv-a__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(28 * var(--px)); font-size: clamp(calc(18 * var(--px)), 1.45vw, calc(21 * var(--px))); font-variation-settings: "opsz" 20.88; line-height: 1.55; max-width: 36em; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-a__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(18 * var(--px)), 1.45vw, calc(21 * var(--px))) / var(--px)); } }
  .hv-a__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; display: grid; place-items: center; }
  .hv-a__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; max-height: min(calc(600 * var(--px)), calc(100vh - calc(260 * var(--px)))); object-fit: contain; transform: translateY(calc(12 * var(--px))) scale(.98); transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
  .hv-a__folie.ist-aktiv .hv-a__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: none; }
  .hv-a__steuer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(16 * var(--px)); padding-block: calc(18 * var(--px)) calc(36 * var(--px)); list-style: none; }
  .hv-a__steuer button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 100%; background: none; border: 0; padding: calc(14 * var(--px)) 0 0; text-align: left; color: #8C8C8C; font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; font-weight: 600; cursor: pointer; position: relative; }
  .hv-a__steuer button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: calc(3 * var(--px)); background: #333; }
  .hv-a__steuer button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { content: ""; position: absolute; left: 0; top: 0; height: calc(3 * var(--px)); width: 0; background: var(--gruen); }
  .hv-a__steuer button[aria-current="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .hv-a__steuer button[aria-current="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { width: 100%; }
  .hv-a.laeuft .hv-a__steuer button[aria-current="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { animation: hv-fortschritt 7s linear forwards; }
  .hv-b:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; overflow: hidden; background: var(--weiss); }
  .hv-b__kopf:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(calc(24 * var(--px)), 4vw, calc(72 * var(--px))); align-items: end; padding-block: clamp(calc(32 * var(--px)), 4vw, calc(64 * var(--px))) 0; }
  .hv-b__kopf .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(34 * var(--px)), 3.9vw, calc(56 * var(--px))); font-variation-settings: "opsz" 56; line-height: 1.1; text-wrap: balance; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-b__kopf .d-xl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(34 * var(--px)), 3.9vw, calc(56 * var(--px))) / var(--px)); } }
  .hv-b__kopf .d-xl .mk:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --mk-h: 1.1em; }
  .hv-b__kopf .eyebrow:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; }
  .hv-b__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(17 * var(--px)), 1.3vw, calc(19 * var(--px))); font-variation-settings: "opsz" 18.72; line-height: 1.6; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-b__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(17 * var(--px)), 1.3vw, calc(19 * var(--px))) / var(--px)); } }
  .hv-b__buehne:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; margin-top: clamp(calc(8 * var(--px)), 2vw, calc(24 * var(--px))); padding-bottom: calc(12 * var(--px)); }
  .hv-b__worte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; pointer-events: none; user-select: none; }
  .hv-b__worte span:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(90 * var(--px)), 14.5vw, calc(236 * var(--px))); font-variation-settings: "opsz" 208.8; line-height: .86; letter-spacing: -.05em; color: var(--grau-1); white-space: nowrap; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-b__worte span:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(90 * var(--px)), 14.5vw, calc(236 * var(--px))) / var(--px)); } }
  .hv-b__worte span:nth-child(1):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-left: 2vw; }
  .hv-b__worte span:nth-child(2):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { text-align: right; padding-right: 1vw; }
  .hv-b__worte span:nth-child(3):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding-left: 16vw; }
  .hv-b__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; width: min(calc(660 * var(--px)), 86vw); margin: 0 auto; }
  .hv-c:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; overflow: hidden; background: var(--weiss); }
  .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; min-height: clamp(calc(560 * var(--px)), calc(100vh - var(--kopf-h)), calc(820 * var(--px))); display: grid; grid-template-columns: minmax(0, 12fr); align-items: center; padding-block: clamp(calc(24 * var(--px)), 3vw, calc(48 * var(--px))); }
  @supports (width: round(10.5px, 1px)) { .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: calc(clamp(560px, calc(100vh - var(--kopf-h)), 820px) + round(clamp(calc(560 * var(--px)), calc(100vh - var(--kopf-h)), calc(820 * var(--px))) - clamp(560px, calc(100vh - var(--kopf-h)), 820px), 1px)); } }
  .hv-c__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; right: calc(-1 * var(--rand)); top: 50%; transform: translateY(-50%); width: min(64%, calc(780 * var(--px))); z-index: 0; }
  .hv-c__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; z-index: 1; max-width: calc(760 * var(--px)); }
  .hv-c__band:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-block; background: var(--gelb); color: var(--schwarz); font-size: calc(13 * var(--px)); font-variation-settings: "opsz" 13; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; padding: calc(8 * var(--px)) calc(14 * var(--px)); transform: rotate(-2deg); margin: 0 0 calc(18 * var(--px)); }
  .hv-c :is(h1, h2):has(> .hv-c__zeile):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(30 * var(--px)), 3.4vw, calc(50 * var(--px))); font-variation-settings: "opsz" 48.96; line-height: 1.02; letter-spacing: -.03em; margin: 0; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-c :is(h1, h2):has(> .hv-c__zeile):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(30 * var(--px)), 3.4vw, calc(50 * var(--px))) / var(--px)); } }
  .hv-c__zeile:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: table; background: var(--schwarz); color: var(--weiss); padding: .08em .22em .12em; margin-bottom: .14em; transform: rotate(-1.2deg); transform-origin: left center; }
  .hv-c__zeile:nth-child(even):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(.9deg); margin-left: .6em; }
  .hv-c__zeile--g:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gruen); color: var(--weiss); }
  .hv-c__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--weiss); max-width: 30em; margin-top: calc(28 * var(--px)); font-size: clamp(calc(17 * var(--px)), 1.3vw, calc(19 * var(--px))); font-variation-settings: "opsz" 18.72; line-height: 1.6; padding: calc(18 * var(--px)) calc(22 * var(--px)); border: calc(1.5 * var(--px)) solid var(--schwarz); box-shadow: calc(6 * var(--px)) calc(6 * var(--px)) 0 var(--schwarz); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-c__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(17 * var(--px)), 1.3vw, calc(19 * var(--px))) / var(--px)); } }
  .js-anim .hv-c__zeile:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 0; translate: calc(-24 * var(--px)) 0; transition: opacity .5s, translate .6s cubic-bezier(.2,.7,.2,1); }
  .js-anim .hv-c.ist-da .hv-c__zeile:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 1; translate: 0 0; }
  .js-anim .hv-c.ist-da .hv-c__zeile:nth-child(2):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transition-delay: .08s; }
  .js-anim .hv-c.ist-da .hv-c__zeile:nth-child(3):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transition-delay: .16s; }
  .js-anim .hv-c.ist-da .hv-c__zeile:nth-child(4):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transition-delay: .24s; }
  .hv-c__bild--hoch:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(46%, calc(600 * var(--px))); }
  .hv-c__bild--schmal:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(26%, calc(330 * var(--px))); right: 4%; }
  .hv-c--kompakt .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: clamp(calc(460 * var(--px)), 64vh, calc(620 * var(--px))); }
  @supports (width: round(10.5px, 1px)) { .hv-c--kompakt .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: calc(clamp(460px, 64vh, 620px) + round(clamp(calc(460 * var(--px)), 64vh, calc(620 * var(--px))) - clamp(460px, 64vh, 620px), 1px)); } }
  .hv-c__klein:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(22 * var(--px)); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; color: var(--text-2); }
  .hv-c .kategorien:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: calc(28 * var(--px)) 0 0; }
  .hv-c--grau:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--grau-1); }
  .hv-c__kante:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; right: 0; bottom: 0; width: min(44%, calc(520 * var(--px))); aspect-ratio: 902 / 816; overflow: hidden; z-index: 0; }
  .hv-c__kante img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; width: 100%; height: auto; }
  .hv-c--grau .hv-c__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--weiss); }
  .hv-c__stapel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: min(50%, calc(620 * var(--px))); aspect-ratio: 620 / 520; z-index: 0; }
  .hv-c__stapel img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; height: auto; }
  .hv-c__stapel .s1:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 62%; left: 6%; top: 30%; transform: scaleX(-1); }
  .hv-c__stapel .s2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 34%; right: 2%; top: 0; }
  .hv-c__stapel .s3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 40%; right: 0; bottom: 0; }
  .hv-c__stapel .s4:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 22%; left: 0; top: 8%; }
  .kontakt.hv-c:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--grau-1); overflow: visible; }
  .kontakt.hv-c h1:has(> .hv-c__zeile):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(28 * var(--px)), 3vw, calc(44 * var(--px))); font-variation-settings: "opsz" 43.2; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .kontakt.hv-c h1:has(> .hv-c__zeile):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(28 * var(--px)), 3vw, calc(44 * var(--px))) / var(--px)); } }
  @media (min-width: 901px) {
    .hv-c__bild--shop:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(30%, calc(380 * var(--px))); right: 2%; }
    .hv-c__bild--schmal:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: min(21%, calc(270 * var(--px))); right: 6%; }
  }
  .mythen--ohne .mythos h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .js-anim .mythen--ohne .mythos.ist-da h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: none; }
  .mythen--stempel .mythos h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .js-anim .mythen--stempel .mythos.ist-da h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: none; }
  .mythen--stempel .mythos p.mythos__nr:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: table; margin: 0 0 calc(22 * var(--px)); font-size: calc(14 * var(--px)); font-variation-settings: "opsz" 14; padding: calc(7 * var(--px)) calc(12 * var(--px)) calc(6 * var(--px)); background: var(--gelb); color: var(--schwarz); font-weight: 700; transform: rotate(-3deg); }
  .js-anim .mythen--stempel .mythos p.mythos__nr:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 0; transform: rotate(-3deg) scale(1.35); transition: opacity .25s .15s, transform .35s .15s cubic-bezier(.3,1.6,.5,1); }
  .js-anim .mythen--stempel .mythos.ist-da p.mythos__nr:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 1; transform: rotate(-3deg) scale(1); }
  .mythen--duenn .mythos h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background-size: 100% calc(2 * var(--px)); background-position: 0 66%; }
  .js-anim .mythen--duenn .mythos h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background-size: 0 calc(2 * var(--px)); }
  .js-anim .mythen--duenn .mythos.ist-da h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background-size: 100% calc(2 * var(--px)); }
  .job__details:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 1 / -1; }
  .job__details summary:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: inline-flex; align-items: center; gap: calc(10 * var(--px)); cursor: pointer; list-style: none; font-weight: 600; font-size: calc(17 * var(--px)); font-variation-settings: "opsz" 17; color: var(--ink); border-bottom: calc(2 * var(--px)) solid var(--gruen); padding-bottom: calc(4 * var(--px)); }
  .job__details summary:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::-webkit-details-marker { display: none; }
  .job__details summary .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(18 * var(--px)); height: calc(18 * var(--px)); transition: transform .25s; }
  .job__details[open] summary .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(45deg); }
  .job__intro:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: calc(28 * var(--px)) 0 0; max-width: 60em; font-size: calc(19 * var(--px)); font-variation-settings: "opsz" 19; line-height: 1.6; color: var(--ink); }
  .job__spalten:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: 1fr 1fr; gap: calc(24 * var(--px)) clamp(calc(32 * var(--px)), 5vw, calc(80 * var(--px))); margin-top: calc(28 * var(--px)); }
  .job__spalten h4:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(22 * var(--px)); font-variation-settings: "opsz" 22; letter-spacing: -.015em; margin-bottom: calc(14 * var(--px)); }
  .job__spalten ul:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; gap: calc(10 * var(--px)); }
  .job__spalten li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; padding-left: calc(26 * var(--px)); font-size: calc(17 * var(--px)); font-variation-settings: "opsz" 17; line-height: 1.55; }
  .job__spalten li:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; position: absolute; left: calc(2 * var(--px)); top: .55em; width: calc(10 * var(--px)); height: calc(10 * var(--px)); border-radius: 50%; background: var(--gruen); }
  .job__plus:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(18 * var(--px)); font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; color: var(--text-2); }
  .rg-held .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: clamp(calc(560 * var(--px)), 78vh, calc(760 * var(--px))); }
  @supports (width: round(10.5px, 1px)) { .rg-held .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: calc(clamp(560px, 78vh, 760px) + round(clamp(calc(560 * var(--px)), 78vh, calc(760 * var(--px))) - clamp(560px, 78vh, 760px), 1px)); } }
  .rg-held__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; right: 7%; top: 50%; transform: translateY(-50%) rotate(4deg); width: min(26%, calc(330 * var(--px))); z-index: 0; }
  .rg-held__cursor:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; right: 30%; bottom: 12%; width: calc(140 * var(--px)); transform: rotate(-8deg); z-index: 0; }
  .rg-held__kreis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; right: 16%; top: 16%; width: clamp(calc(160 * var(--px)), 18vw, calc(280 * var(--px))); aspect-ratio: 1; border-radius: 50%; background: var(--gruen); z-index: 0; }
  .rg-neu:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; background: var(--gelb); overflow: hidden; padding-block: clamp(calc(64 * var(--px)), 8vw, calc(128 * var(--px))); }
  .rg-neu__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(calc(32 * var(--px)), 5vw, calc(80 * var(--px))); align-items: center; }
  .rg-neu__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; }
  .rg-neu__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 118%; max-width: none; margin-left: -12%; transform: rotate(-3deg); transition: transform .8s cubic-bezier(.2,.7,.2,1); }
  .rg-neu:hover .rg-neu__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(-1deg) scale(1.02); }
  .rg-neu .hv-c__band:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); }
  .rg-neu h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(30 * var(--px)), 3.4vw, calc(50 * var(--px))); font-variation-settings: "opsz" 48.96; line-height: 1.02; letter-spacing: -.03em; margin: 0; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .rg-neu h2:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(30 * var(--px)), 3.4vw, calc(50 * var(--px))) / var(--px)); } }
  .js-anim .rg-neu .hv-c__zeile:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 0; translate: calc(-24 * var(--px)) 0; transition: opacity .5s, translate .6s cubic-bezier(.2,.7,.2,1); }
  .js-anim .rg-neu.ist-da .hv-c__zeile:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { opacity: 1; translate: 0 0; }
  .js-anim .rg-neu.ist-da .hv-c__zeile:nth-child(2):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transition-delay: .1s; }
  .rg-neu__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--weiss); border: calc(1.5 * var(--px)) solid var(--schwarz); box-shadow: calc(6 * var(--px)) calc(6 * var(--px)) 0 var(--schwarz); padding: calc(20 * var(--px)) calc(24 * var(--px)); margin-top: calc(28 * var(--px)); max-width: 32em; font-size: calc(18 * var(--px)); font-variation-settings: "opsz" 18; line-height: 1.6; }
  .rg-neu .meta:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-bottom: calc(20 * var(--px)); }
  .rg-neu .meta .kat:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); }
  .rg-neu .btn:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--schwarz); --b-fg: var(--weiss); --b-bd: var(--schwarz); }
  .rg-neu .btn:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --b-bg: var(--weiss); --b-fg: var(--schwarz); --b-bd: var(--schwarz); }
  .rg-themen:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; border-top: calc(1.5 * var(--px)) solid var(--ink); }
  .rg-thema:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: calc(16 * var(--px)) calc(40 * var(--px)); align-items: center; padding: clamp(calc(14 * var(--px)), 1.6vw, calc(22 * var(--px))) calc(8 * var(--px)); border-bottom: calc(1.5 * var(--px)) solid var(--ink); text-decoration: none; color: var(--ink); isolation: isolate; }
  .rg-thema:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; position: absolute; inset: 0; background: var(--gruen); transform: scaleY(0); transform-origin: bottom; transition: transform .35s cubic-bezier(.7,0,.2,1); z-index: -1; }
  .rg-thema:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before, .rg-thema:focus-visible:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { transform: scaleY(1); }
  .rg-thema:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .rg-thema:focus-visible:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .rg-thema__name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(40 * var(--px)), 6.4vw, calc(104 * var(--px))); font-variation-settings: "opsz" 92.16; line-height: 1; letter-spacing: -.045em; transition: transform .35s cubic-bezier(.2,.7,.2,1); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .rg-thema__name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(40 * var(--px)), 6.4vw, calc(104 * var(--px))) / var(--px)); } }
  .rg-thema:hover .rg-thema__name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: translateX(calc(16 * var(--px))); }
  .rg-thema__zahl:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
  .rg-thema__zahl--leer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--text-2); }
  .rg-thema:hover .rg-thema__zahl--leer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--weiss); }
  .rg-thema .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(36 * var(--px)); height: calc(36 * var(--px)); stroke-width: 1.5; transition: transform .35s; }
  .rg-thema:hover .ic:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(-45deg); }
  .rg-ticker:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); overflow: hidden; padding-block: clamp(calc(28 * var(--px)), 3vw, calc(44 * var(--px))); }
  .rg-ticker__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; align-items: center; gap: .55em; width: max-content; animation: lauf 60s linear infinite; font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(44 * var(--px)), 6.6vw, calc(104 * var(--px))); font-variation-settings: "opsz" 95.04; letter-spacing: -.04em; line-height: 1.1; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .rg-ticker__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(44 * var(--px)), 6.6vw, calc(104 * var(--px))) / var(--px)); } }
  .rg-ticker__spur span:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { white-space: nowrap; }
  .rg-ticker__spur .g:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gruen); padding: 0 .16em .04em; }
  .rg-ticker__spur .p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--gruen); font-size: .5em; }
  .rg-ticker:hover .rg-ticker__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { animation-play-state: paused; }
  .rg-wand:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--grau-1); }
  .rg-filter:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; flex-wrap: wrap; gap: calc(10 * var(--px)); list-style: none; margin-bottom: clamp(calc(40 * var(--px)), 5vw, calc(64 * var(--px))); }
  .rg-filter button:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border: calc(1.5 * var(--px)) solid var(--ink); background: var(--weiss); border-radius: calc(999 * var(--px)); padding: calc(10 * var(--px)) calc(18 * var(--px)); font-size: calc(15 * var(--px)); font-variation-settings: "opsz" 15; font-weight: 600; cursor: pointer; color: var(--ink); }
  .rg-filter button[aria-pressed="true"]:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--schwarz); color: var(--weiss); }
  .rg-karten:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(calc(36 * var(--px)), 4vw, calc(56 * var(--px))) clamp(calc(24 * var(--px)), 3vw, calc(44 * var(--px))); list-style: none; padding-top: calc(18 * var(--px)); }
  .rg-karte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; background: var(--weiss); border: calc(1.5 * var(--px)) solid var(--schwarz); box-shadow: calc(6 * var(--px)) calc(6 * var(--px)) 0 var(--schwarz); transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; }
  .rg-karte:nth-child(3n+1):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(-1.6deg); }
  .rg-karte:nth-child(3n+2):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(1.2deg) translateY(calc(18 * var(--px))); }
  .rg-karte:nth-child(3n):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(-.7deg); }
  .rg-karte:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { content: ""; position: absolute; top: calc(-16 * var(--px)); left: 50%; width: calc(110 * var(--px)); height: calc(30 * var(--px)); margin-left: calc(-55 * var(--px)); background: rgba(240,225,80,.92); transform: rotate(-4deg); z-index: 2; }
  .rg-karte:nth-child(3n+2):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { transform: rotate(5deg); }
  .rg-karte:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .rg-karte:focus-within:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { transform: rotate(0) translateY(calc(-6 * var(--px))); box-shadow: calc(10 * var(--px)) calc(10 * var(--px)) 0 var(--schwarz); z-index: 3; }
  .rg-karte a:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: block; text-decoration: none; color: inherit; }
  .rg-karte__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { aspect-ratio: 4 / 3; position: relative; overflow: hidden; border-bottom: calc(1.5 * var(--px)) solid var(--schwarz); }
  .rg-karte__bild img:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; inset: 8% 0; width: 100%; height: 84%; object-fit: contain; }
  .rg-karte__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { padding: calc(20 * var(--px)) calc(22 * var(--px)) calc(24 * var(--px)); }
  .rg-karte h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(22 * var(--px)), 1.9vw, calc(28 * var(--px))); font-variation-settings: "opsz" 27.36; line-height: 1.12; letter-spacing: -.02em; margin: calc(12 * var(--px)) 0 calc(10 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .rg-karte h3:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(22 * var(--px)), 1.9vw, calc(28 * var(--px))) / var(--px)); } }
  .rg-karte p:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; line-height: 1.55; }
  .rg-karte--leer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: transparent; border-style: dashed; box-shadow: none; }
  .rg-karte--leer:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { opacity: .5; }
  .rg-karte--leer .rg-karte__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { border-bottom-style: dashed; background: repeating-linear-gradient(135deg, transparent 0 calc(10 * var(--px)), rgba(0,0,0,.04) calc(10 * var(--px)) calc(20 * var(--px))); }
  .rg-leer-hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(24 * var(--px)), 2.4vw, calc(34 * var(--px))); font-variation-settings: "opsz" 34; color: var(--ink); letter-spacing: -.02em; margin-top: calc(8 * var(--px)); }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .rg-leer-hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(24 * var(--px)), 2.4vw, calc(34 * var(--px))) / var(--px)); } }
  @media (prefers-reduced-motion: reduce) {
    .rg-ticker__spur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { animation: none; }
  }
  @media (min-width: 901px) {
    .home .laufband:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: clamp(calc(48 * var(--px)), 5vw, calc(80 * var(--px))); }
  }
  .tm-portrait:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: relative; width: 100%; aspect-ratio: 1 / 1.08; }
  .tm-portrait__kreis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; left: 7%; right: 7%; bottom: 0; aspect-ratio: 1; border-radius: 50%; background: var(--gruen); }
  .tm-portrait--gelb .tm-portrait__kreis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { background: var(--gelb); }
  .tm-portrait__maske:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; inset: 0; -webkit-mask: linear-gradient(#000 0 0) top / 100% 60.2% no-repeat, radial-gradient(ellipse 43% 39.8% at 50% 60.2%, #000 99.4%, transparent 100%); mask: linear-gradient(#000 0 0) top / 100% 60.2% no-repeat, radial-gradient(ellipse 43% 39.8% at 50% 60.2%, #000 99.4%, transparent 100%); }
  .tm-portrait__figur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .tm-portrait__foto:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; left: 50%; bottom: 0; width: 84%; transform: translateX(-50%); }
  .tm-portrait__figur:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { fill: #2B2B2B; }
  .tm-portrait__foto:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { height: 100%; object-fit: contain; object-position: 50% 100%; filter: grayscale(1) contrast(1.05); }
  .tm-portrait__hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .tm-held__hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; background: var(--schwarz); color: var(--weiss); font-size: calc(12 * var(--px)); font-variation-settings: "opsz" 12; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2; padding: calc(6 * var(--px)) calc(10 * var(--px)); white-space: nowrap; }
  .tm-portrait__hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { left: 50%; bottom: 12%; transform: translateX(-50%) rotate(-3deg); }
  .tm-held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { aspect-ratio: 620 / 560; }
  .tm-held .tm-portrait:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; }
  .tm-held .tm-portrait:nth-child(1):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 54%; left: 2%; top: 20%; z-index: 2; }
  .tm-held .tm-portrait:nth-child(2):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 40%; right: 2%; top: 0; z-index: 1; }
  .tm-held .tm-portrait:nth-child(3):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: 36%; right: 10%; bottom: 0; z-index: 3; }
  .tm-held__hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { left: 6%; bottom: 6%; transform: rotate(-3deg); z-index: 4; }
  .tm-rolle:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: table; background: var(--gelb); color: var(--schwarz); font-size: calc(12 * var(--px)); font-variation-settings: "opsz" 12; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; line-height: 1.2; padding: calc(7 * var(--px)) calc(12 * var(--px)); transform: rotate(-2deg); margin: 0 0 calc(14 * var(--px)); }
  .tm-name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: table; background: var(--schwarz); color: var(--weiss); font-family: var(--f-display); font-weight: 700; font-size: clamp(calc(22 * var(--px)), 2vw, calc(28 * var(--px))); font-variation-settings: "opsz" 28; line-height: 1.1; letter-spacing: -.02em; padding: .08em .22em .12em; transform: rotate(-1.2deg); transform-origin: left center; margin: 0; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .tm-name:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(22 * var(--px)), 2vw, calc(28 * var(--px))) / var(--px)); } }
  .tm-name--gross:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(32 * var(--px)), 3.6vw, calc(54 * var(--px))); font-variation-settings: "opsz" 51.84; }
  @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .tm-name--gross:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(32 * var(--px)), 3.6vw, calc(54 * var(--px))) / var(--px)); } }
  .tm-satz:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin: calc(18 * var(--px)) 0 0; font-size: calc(16 * var(--px)); font-variation-settings: "opsz" 16; line-height: 1.6; color: var(--text); max-width: 30em; }
  .tm-gruender:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(calc(32 * var(--px)), 6vw, calc(96 * var(--px))); align-items: center; }
  .tm-gruender > .tm-portrait:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 1; grid-row: 1; max-width: calc(440 * var(--px)); }
  .tm-gruender__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 2; grid-row: 1; }
  .tm-gruender__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(28 * var(--px)); max-width: 26em; }
  .tm-liste:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(250 * var(--px))), 1fr)); gap: clamp(calc(56 * var(--px)), 6vw, calc(80 * var(--px))) clamp(calc(24 * var(--px)), 3vw, calc(44 * var(--px))); margin-top: clamp(calc(64 * var(--px)), 8vw, calc(120 * var(--px))); }
  .tm-person > .tm-portrait:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: calc(300 * var(--px)); }
  .tm-person__text:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: calc(22 * var(--px)); }
  .tm-held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before, .tm-held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { content: ""; position: absolute; z-index: 0; pointer-events: none; }
  .tm-held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { left: -6%; top: 10%; width: 44%; aspect-ratio: 1; background: repeating-linear-gradient(0deg, #000 0 calc(1 * var(--px)), transparent calc(1 * var(--px)) calc(26 * var(--px))), repeating-linear-gradient(90deg, #000 0 calc(1 * var(--px)), transparent calc(1 * var(--px)) calc(26 * var(--px))); }
  .tm-held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { right: -4%; top: 46%; width: 30%; height: calc(72 * var(--px)); background: repeating-linear-gradient(0deg, #000 0 calc(1.5 * var(--px)), transparent calc(1.5 * var(--px)) calc(12 * var(--px))); }
  .tm-portrait__kreis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { left: calc(7% + calc(1 * var(--px))); right: calc(7% + calc(1 * var(--px))); bottom: calc(1 * var(--px)); }
  .tm-liste:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-columns: minmax(0, 1fr); }
  @media (min-width: 750px) {
    .tm-liste:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  .runter-hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: none; }
  @media (min-width: 901px) and (min-height: 640px) {
    .hv-c--voll > .runter-hinweis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { display: flex; position: absolute; z-index: 5; left: 50%; bottom: calc(4 * var(--px)); transform: translateX(-50%); width: calc(48 * var(--px)); height: calc(60 * var(--px)); align-items: center; justify-content: center; color: var(--schwarz); text-decoration: none; }
    .runter-hinweis svg:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { width: calc(26 * var(--px)); height: calc(42 * var(--px)); overflow: visible; }
    .runter-hinweis:hover:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { color: var(--gruen); }
    .runter-hinweis .rad:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { animation: runter-rad 1.8s cubic-bezier(.45, 0, .55, 1) infinite; }
  }
  @keyframes runter-rad {
    0% { transform: translateY(0); opacity: 0; }
    25% { opacity: 1; }
    75% { transform: translateY(calc(10 * var(--px, 1px))); opacity: 0; }
    100% { transform: translateY(calc(10 * var(--px, 1px))); opacity: 0; }
  }
  @media (prefers-reduced-motion: reduce) {
    .runter-hinweis .rad:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { animation: none; }
  }
  @media (min-width: 901px) {
    .hv-c--voll:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-oben: clamp(calc(16 * var(--px)), 4vh, calc(48 * var(--px))); --hv-unten: clamp(calc(72 * var(--px)), 11vh, calc(120 * var(--px))); }
    .hv-c--voll .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: calc(100vh - var(--kopf-h)); padding-block: var(--hv-oben) var(--hv-unten); }
    .hv-c--voll :is(h1, h2):has(> .hv-c__zeile):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-size: clamp(calc(28 * var(--px)), min(3.4vw, 5vh), calc(50 * var(--px))); font-variation-settings: "opsz" 45; }
    @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-c--voll :is(h1, h2):has(> .hv-c__zeile):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(28 * var(--px)), min(3.4vw, 5vh), calc(50 * var(--px))) / var(--px)); } }
    .hv-c--voll .hv-c__band:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-bottom: clamp(calc(8 * var(--px)), 1.8vh, calc(18 * var(--px))); }
    .hv-c--voll .hv-c__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: clamp(calc(12 * var(--px)), 2.8vh, calc(28 * var(--px))); padding: clamp(calc(9 * var(--px)), 1.8vh, calc(18 * var(--px))) calc(22 * var(--px)); font-size: clamp(calc(14 * var(--px)), min(1.3vw, 2.1vh), calc(19 * var(--px))); font-variation-settings: "opsz" 18.72; line-height: 1.55; }
    @supports (font-variation-settings: "opsz" calc(10px / 1px)) { .hv-c--voll .hv-c__lead:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { font-variation-settings: "opsz" calc(clamp(calc(14 * var(--px)), min(1.3vw, 2.1vh), calc(19 * var(--px))) / var(--px)); } }
    .hv-c--voll .btn-reihe:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { margin-top: clamp(calc(12 * var(--px)), 2.8vh, calc(28 * var(--px))) !important; }
    .hv-c--voll .btn:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { min-height: clamp(calc(44 * var(--px)), 6.4vh, calc(60 * var(--px))); }
    .hv-c--voll .hv-c__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-height: calc(100% - 2 * var(--hv-oben)); object-fit: contain; }
    .hv-c--voll .hv-c__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { object-position: 100% 50%; }
  }
  @media (min-width: 901px) {
    .hv-c:not(.kontakt):where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { container-type: inline-size; }
    .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-template-columns: fit-content(calc(760 * var(--px))) clamp(calc(40 * var(--px)), 4.375vw, calc(56 * var(--px))) minmax(0, 1fr) calc(0 * var(--px)); --hv-rest: calc(50cqw - min(50cqw, calc(656 * var(--px))) + var(--rand) - calc(8 * var(--px))); --hv-f: 1; }
    .hv-c__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .hv-c__stapel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .hv-c__kante:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 3 / 4; --hv-b: calc(var(--hv-f) * min(var(--hv-max), 100% / .6, 100% + var(--hv-rest))); width: var(--hv-b); right: calc(-1 * min(var(--hv-b) * .4, var(--hv-rest))); }
    .hv-c__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-max: min(64vw, calc(780 * var(--px))); }
    .hv-c .hv-c__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { max-width: none; }
    .hv-c__bild--hoch:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-max: min(46vw, calc(600 * var(--px))); }
    .hv-c__bild--schmal:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-max: min(21vw, calc(270 * var(--px))); }
    .hv-c__bild--shop:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-max: min(30vw, calc(380 * var(--px))); }
    .hv-c__stapel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-max: min(50vw, calc(620 * var(--px))); }
    .hv-c__kante:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-max: min(44vw, calc(520 * var(--px))); }
    .hv-c--kompakt .hv-c__stapel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-max: min(50vw, calc(620 * var(--px)), clamp(calc(460 * var(--px)), 64vh, calc(620 * var(--px))) * 620 / 520); }
    .rg-held .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --rg-w: min(100cqw, calc(1312 * var(--px))); --rg-bw: calc(var(--hv-f) * min(var(--rg-w) * .26, calc(330 * var(--px)))); --rg-d: calc(var(--rg-w) * .07 - var(--rand) - var(--rg-bw) * .05869 + min(var(--rg-bw) * .44695, var(--hv-rest))); }
    .rg-held__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { right: calc(7% - var(--rg-d)); width: calc(var(--hv-f) * min(26%, calc(330 * var(--px)))); }
    .rg-held__kreis:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { right: calc(16% - var(--rg-d)); width: calc(var(--hv-f) * clamp(calc(160 * var(--px)), 18vw, calc(280 * var(--px)))); }
    .rg-held__cursor:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { grid-column: 3 / 4; right: max(calc(0 * var(--px)), min(min(30vw, calc(393.6 * var(--px))) - var(--rand) - var(--rg-d), 100% - calc(145 * var(--px)))); width: calc(var(--hv-f) * calc(140 * var(--px))); }
    .tm-held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::before { left: 0; }
    .tm-held:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *)::after { right: 0; }
  }
  @supports (width: calc(1px * progress(1px, 0px, 2px))) {
    @media (min-width: 901px) {
      .hv-c__raster:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { --hv-p: clamp(0, min(progress(100cqw, calc(1512 * var(--px)), calc(1728 * var(--px))), progress(100cqw, calc(1920 * var(--px)), calc(1728 * var(--px)))), 1); --hv-f: calc(1 - .04 * var(--hv-p)); }
    }
    @media (min-width: 1513px) and (max-width: 1919px) {
      .hv-c:not(.kontakt) .hv-c__bild:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .hv-c:not(.kontakt) .hv-c__stapel:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *), .hv-c:not(.kontakt) .hv-c__kante:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { translate: calc(-3.0533% * var(--hv-p)) calc(-4.1074% * var(--hv-p)); }
    }
  }
  .menue:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { scrollbar-color: var(--gruen) var(--schwarz); }
  .lesefortschritt:where(.hv-c:not(.wrap *, .kontakt), .hv-c:not(.wrap *, .kontakt) *) { position: absolute; left: 0; right: 0; bottom: calc(-2 * var(--px)); height: calc(4 * var(--px)); background: var(--gruen); transform: scaleX(0); transform-origin: 0 50%; pointer-events: none; }

  /* Linksbündig wachsen: Das .wrap im Hero (das Raster .hv-c__raster; der Kontakt-Hero wächst nicht mit) ist
     var(--wrap) = 1312 z breit, Innenabstand links und rechts var(--rand) = 56 z, und beginnt bei Mitte minus 656 px plus
     56 px minus var(--rand). Seine Inhaltskante liegt damit wie bei allen anderen .wrap bei Mitte minus 600 px (Logo,
     Abschnitte), und das ganze .wrap ist das z-fach vergrößerte Original, bezogen auf diese Kante, auch für Prozentangaben
     der darin absolut gesetzten Bilder. Inhalt 1200 z. Danach gilt der Rahmen rechts.
     Feinschliff im @supports-Block: Außen- und Innenabstand links rundet jede Engine für sich auf ihr Layoutraster (Chrome
     und Safari schneiden auf 1/64 px ab, die Inhaltskante läge dann 1/64 px links der Logokante). Mit dem Innenabstand links
     auf Viertelpixel gerundet (in 1/64 und 1/60 px genau darstellbar) liegt die Inhaltskante in allen Engines exakt auf der
     Logokante; die Breite gleicht die Rundung aus, die rechte Kante bleibt bei Inhaltskante + 1256 z. Prozentangaben beziehen
     sich dann auf ein .wrap, das links um höchstens 1/8 px zu schmal oder zu breit ist. Browser ohne round() nehmen die Zeile davor. */
  .hv-c:not(.wrap *, .kontakt) > .wrap { max-width: none; width: var(--wrap); margin-left: calc(50% - 1312px / 2 + clamp(20px, 4vw, 56px) - var(--rand)); padding-left: var(--rand); }
  @supports (width: round(10.5px, 1px)) {
    .hv-c:not(.wrap *, .kontakt) > .wrap { width: calc(var(--wrap) - var(--rand) + round(var(--rand), .25px)); margin-left: calc(50% - 1312px / 2 + clamp(20px, 4vw, 56px) - round(var(--rand), .25px)); padding-left: round(var(--rand), .25px); }
  }

  /* Rahmen rechts (09.10.2026): Das Raster der Heros mit Bild ist statt 1312 z nur 1200 px + 2 mal var(--rand) breit (Außen- und
     Innenabstand links wie oben). Seine Inhaltskante rechts liegt damit wie die der Kopfleiste bei Mitte plus 600 px: Textspalte
     (höchstens 760 z), Luft und Restspalte teilen sich die 1200 px, Collage, Bilderstapel und Arm-Bild hängen in der Restspalte rechts an
     dieser Kante. Prozentangaben der Ratgeber-Motive beziehen sich auf dieses schmalere Raster. Im @supports-Block wie oben
     mit dem auf Viertelpixel gerundeten Innenabstand links. */
  .hv-c:not(.wrap *, .kontakt) > .hv-c__raster { width: calc(1312px - 2 * clamp(20px, 4vw, 56px) + 2 * var(--rand)); }
  @supports (width: round(10.5px, 1px)) {
    .hv-c:not(.wrap *, .kontakt) > .hv-c__raster { width: calc(1312px - 2 * clamp(20px, 4vw, 56px) + var(--rand) + round(var(--rand), .25px)); }
  }

  /* Platz rechts (09.10.2026, dritte Rückmeldung: Collage ragt um 40 % ihrer Breite über "Menü +" hinaus, höchstens bis 8 px
     vor den Fensterrand; Regeln in qf.css). --hv-rest ist der Platz von der Kante von "Menü +" bis 8 px vor den rechten Rand
     des Heros: im wachsenden Hero liegt die Kante bei Mitte plus 600 px (Rahmen oben), also 50cqw - 608 px, ohne z (die Kopie
     aus qf.css rechnete mit z). --rg-w ist die Breite des Rasters (Ratgeber), wie in der Regel für den Rahmen. */
  .hv-c:not(.wrap *, .kontakt) > .hv-c__raster { --hv-rest: calc(50cqw - 608px); --rg-w: calc(1312px - 2 * clamp(20px, 4vw, 56px) + 2 * var(--rand)); }
  /* 16-Zoll-MacBook (09.10.2026 etwa 20 % kleiner, 11.10.2026 Variante B): Stärke --hv-p und Faktor --hv-f wie in qf.css, Breiten
     des Heros ohne z (die Kopie rechnete mit z). Die Verschiebung um Prozent der eigenen Größe übernimmt die Kopie unverändert. */
  @supports (width: calc(1px * progress(1px, 0px, 2px))) {
    .hv-c:not(.wrap *, .kontakt) > .hv-c__raster { --hv-p: clamp(0, min(progress(100cqw, 1512px, 1728px), progress(100cqw, 1920px, 1728px)), 1); --hv-f: calc(1 - .04 * var(--hv-p)); }
  }

}
}