:root,
[data-modus="hell"] {
  --brand: #0008ff; 
  --brand-hover: #0007e6;
  --brand-press: #0006cc;
  --brand-on: #ffffff; 
  --brand-soft: #e6e4f4; 
  --brand-soft-fg: #0005ad; 
  --brand-ink: #0008ff; 
  --background: #f7f2ea; 
  --foreground: #1a1612; 
  --surface: #fdfaf3; 
  --surface-fg: #1a1612;
  --muted: #eee8dd; 
  --muted-fg: #5e564c; 
  --strong-fg: #3d362d; 
  --border: #e4ddd0; 
  --input: #96897a; 
  --divider: #d3c8b4; 
  --ring: var(--brand);
  --destructive: #dc1e4b; 
  --destructive-fg: #ffffff;
  --destructive-ink: #b01038;
  --success: #0e7a4d; 
  --success-fg: #ffffff;
  --success-ink: #0b6340; 
  --warning: #FFC24B; 
  --warning-fg: #1a1612; 
  --info: #2e5aff; 
  --info-fg: #ffffff;
  --info-ink: #1b3fcc;
  --font-sans: "Archivo", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --radius: 0.625rem;
  --glass-highlight: rgb(255 255 255 / 0.7);
  --glass-filter: none; 
  --scrim-filter: none; 
  --panel-bg: var(--surface);
  --panel-border: var(--border); 
  --card-bg: var(--surface);
  --shadow-panel: 0 0 0 0 transparent;
  --shadow-card: 0 1px 2px rgb(26 22 18 / 0.06), 0 1px 1px rgb(26 22 18 / 0.04);
  --shadow-raised: 0 4px 6px rgb(26 22 18 / 0.08), 0 2px 4px rgb(26 22 18 / 0.06);
  --shadow-lifted: 0 2px 4px rgb(26 22 18 / 0.06), 0 14px 28px -10px rgb(26 22 18 / 0.16); 
  --licht: #fffdf8; 
  --lampe-kern: rgb(255 253 244 / 1); 
  --lampe-flut: rgb(255 255 255 / 0.9);
  --lampe-kranz: rgb(26 22 18 / 0.11); 
  --frame: var(--brand); 
  --frame-on: var(--brand-on); 
  --frame-aktiv: var(--surface); 
  --frame-aktiv-fg: var(--brand); 
  --nav-fg: color-mix(in srgb, var(--frame-on) 92%, var(--frame)); 
  --nav-dim: color-mix(in srgb, var(--frame-on) 80%, var(--frame)); 
  --nav-grp: color-mix(in srgb, var(--frame-on) 88%, var(--frame)); 
  --nav-hover: color-mix(in srgb, var(--frame-on) 10%, var(--frame)); 
  --nav-zahl: color-mix(in srgb, var(--frame-on) 14%, var(--frame)); 
  --nav-line: color-mix(in srgb, var(--frame-on) 14%, var(--frame)); 
  --nav-stack-1: color-mix(in srgb, var(--frame-on) 16%, var(--frame)); 
  --nav-stack-2: color-mix(in srgb, var(--frame-on) 11%, var(--frame));
  --nav-stack-3: color-mix(in srgb, var(--frame-on) 7%, var(--frame));
  --nav-badge: #FFC24B; 
  --nav-badge-fg: #3F3000; 
  --band-dim: color-mix(in srgb, var(--frame-on) 80%, var(--frame)); 
  --band-line: color-mix(in srgb, var(--frame-on) 22%, var(--frame)); 
  --motion-struktur: 0.45s; 
  --motion-folge: 0.3s; 
  --motion-blende: 0.2s; 
  --motion-staffel: 46ms; 
  --motion-kurve-gross: cubic-bezier(0.34, 1.3, 0.4, 1); 
  --motion-kurve-klein: cubic-bezier(0.4, 0, 0.2, 1); 
  --ramp-1: #0005ad;
  --ramp-2: #2e41f5;
  --ramp-3: #7381f0;
  --ramp-4: #a9b1f6;
  --ramp-5: #d8dbfa;
  --ramp-ink: #1a1612;
  --ramp-gap: 2px;
}
:root[data-modus="dunkel"] {
  color-scheme: dark;
  --background: #161210; 
  --foreground: #f2ebde; 
  --surface: #211b17; 
  --surface-fg: #f2ebde;
  --muted: #362e27; 
  --muted-fg: #a3988b; 
  --strong-fg: #d9d2c6;
  --border: #35302d;
  --divider: #46423d;
  --input: #757069; 
  --brand-ink: #8a8dff; 
  --brand-soft: #1a174a;
  --brand-soft-fg: #797cff;
  --destructive-ink: #d0728a;
  --success-ink: #5f9982;
  --info-ink: #798ee1;
  --glass-highlight: rgb(255 255 255 / 0.06); 
  --shadow-card: 0 1px 2px rgb(0 0 0 / 0.4), 0 1px 1px rgb(0 0 0 / 0.3); 
  --shadow-raised: 0 4px 6px rgb(0 0 0 / 0.45), 0 2px 4px rgb(0 0 0 / 0.35);
  --shadow-lifted: 0 2px 4px rgb(0 0 0 / 0.4), 0 14px 28px -10px rgb(0 0 0 / 0.6);
  --ring: var(--brand-ink); 
  --frame: color-mix(in srgb, var(--background) 62%, #000); 
  --frame-on: var(--foreground);
  --frame-aktiv: var(--surface);
  --frame-aktiv-fg: var(--brand-ink); 
  --ramp-ink: var(--foreground);
  --licht: #2b241f; 
  --lampe-kern: rgb(255 248 235 / 0.1);
  --lampe-flut: rgb(255 255 255 / 0.05);
  --lampe-kranz: rgb(0 0 0 / 0.3);
}
@media (prefers-color-scheme: dark) {
  :root[data-modus="system"] {
    color-scheme: dark;
    --background: #161210; 
    --foreground: #f2ebde; 
    --surface: #211b17; 
    --surface-fg: #f2ebde;
    --muted: #362e27; 
    --muted-fg: #a3988b; 
    --strong-fg: #d9d2c6;
    --border: #35302d;
    --divider: #46423d;
    --input: #757069; 
    --brand-ink: #8a8dff; 
    --brand-soft: #1a174a;
    --brand-soft-fg: #797cff;
    --destructive-ink: #d0728a;
    --success-ink: #5f9982;
    --info-ink: #798ee1;
    --glass-highlight: rgb(255 255 255 / 0.06); 
    --shadow-card: 0 1px 2px rgb(0 0 0 / 0.4), 0 1px 1px rgb(0 0 0 / 0.3); 
    --shadow-raised: 0 4px 6px rgb(0 0 0 / 0.45), 0 2px 4px rgb(0 0 0 / 0.35);
    --shadow-lifted: 0 2px 4px rgb(0 0 0 / 0.4), 0 14px 28px -10px rgb(0 0 0 / 0.6);
    --ring: var(--brand-ink); 
    --frame: color-mix(in srgb, var(--background) 62%, #000); 
    --frame-on: var(--foreground);
    --frame-aktiv: var(--surface);
    --frame-aktiv-fg: var(--brand-ink); 
    --ramp-ink: var(--foreground);
    --licht: #2b241f; 
    --lampe-kern: rgb(255 248 235 / 0.1);
    --lampe-flut: rgb(255 255 255 / 0.05);
    --lampe-kranz: rgb(0 0 0 / 0.3);
  }
}
.auf-marke {
  --band-dim: color-mix(in srgb, var(--brand-on) 80%, var(--brand));
  --band-line: color-mix(in srgb, var(--brand-on) 22%, var(--brand));
}
[data-look="glass"] {
  --panel-bg: color-mix(in srgb, var(--surface) 62%, transparent);
  --panel-border: var(--glass-highlight);
  --shadow-panel: 0 10px 24px rgb(26 22 18 / 0.12), 0 4px 8px rgb(26 22 18 / 0.08), inset 0 1px 0 var(--glass-highlight);
  --glass-filter: blur(24px) saturate(1.5);
  --scrim-filter: blur(8px);
}
[data-look="glass"] body {
  background-image: radial-gradient(640px 480px at 12% -8%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 60%), radial-gradient(720px 560px at 96% 12%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 65%), radial-gradient(560px 480px at 70% 105%, color-mix(in srgb, var(--brand) 6%, transparent), transparent 60%);
  background-attachment: fixed;
}
@media (prefers-reduced-transparency: reduce) {
  [data-look="glass"] {
    --panel-bg: var(--surface);
    --panel-border: var(--border);
    --shadow-panel: 0 4px 6px rgb(26 22 18 / 0.08);
    --glass-filter: none;
    --scrim-filter: none;
  }
  [data-look="glass"] body {
    background-image: none;
  }
}
.glass-pane {
  backdrop-filter: var(--glass-filter);
}
.glass-scrim {
  backdrop-filter: var(--scrim-filter);
}
.aura {
  --aura-a: 40%;
  --aura-b: 22%;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse 120% 150% at var(--ax, 30%) var(--ay, 20%),
      color-mix(in srgb, var(--brand) var(--aura-a), transparent) 0%,
      color-mix(in srgb, var(--brand) calc(var(--aura-a) / 3), transparent) 38%,
      transparent 66%
    ),
    radial-gradient(
      ellipse 110% 130% at var(--bx, 80%) var(--by, 75%),
      color-mix(in srgb, var(--brand) var(--aura-b), transparent) 0%,
      transparent 62%
    );
  transition: transform 500ms var(--ease-signature);
}
.aura-quiet {
  --aura-a: 15%;
  --aura-b: 8%;
}
@media (prefers-reduced-transparency: reduce) {
  .aura {
    --aura-a: 14%;
    --aura-b: 0%;
  }
}
.warmlight {
  background: radial-gradient(
    ellipse 130% 125% at var(--ax, 30%) -12%,
    var(--licht) 0%,
    var(--surface) 46%,
    color-mix(in srgb, var(--muted) 85%, var(--surface)) 82%,
    color-mix(in srgb, var(--border) 45%, var(--surface)) 100%
  );
}
.cursor-light {
  position: absolute;
  inset: 0;
  pointer-events: none;
  --licht-kern: 170px;
  --licht-flut: 420px;
  --licht-kranz: 620px;
  background:
    radial-gradient(var(--licht-kern) var(--licht-kern) at var(--mx, 50%) var(--my, 42%), var(--lampe-kern), transparent 72%),
    radial-gradient(var(--licht-flut) var(--licht-flut) at var(--mx, 50%) var(--my, 42%), var(--lampe-flut), transparent 75%),
    radial-gradient(var(--licht-kranz) var(--licht-kranz) at var(--mx, 50%) var(--my, 42%), transparent 30%, var(--lampe-kranz) 100%);
  opacity: 0;
  transition: opacity 280ms var(--ease-signature);
}
.warmlight:hover > .cursor-light,
.lichtfeld:hover > .cursor-light {
  opacity: 1;
}
.lichtfeld > .cursor-light {
  --licht-kern: 60px;
  --licht-flut: 150px;
  --licht-kranz: 230px;
}
.lichtfeld.lichtfeld-karte > .cursor-light {
  --licht-kern: 170px;
  --licht-flut: 420px;
  --licht-kranz: 620px;
}
.tafel-auf {
  --tafel-zu-dauer: 140ms;
  --tafel-nachruecken-dauer: 220ms;
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .tafel-auf {
    animation: tafel-ein 200ms var(--ease-in-view) both;
  }
  .tafel-auf.tafel-zu {
    animation: tafel-aus var(--tafel-zu-dauer) var(--ease-signature) both;
  }
  .tafel-zaehler {
    transition: opacity 140ms var(--ease-in-view);
  }
}
:root[data-bewegung="reduziert"] .tafel-auf {
  animation: none;
}
@media (max-width: 767px) {
  .tafel-auf {
    position: fixed;
    inset: auto 10px 10px 10px;
    z-index: 60;
    max-height: 58%;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: var(--radius-xl);
    background: var(--surface);
    box-shadow: 0 -12px 40px var(--mschatten, rgb(0 4 80 / 0.35));
    --tafel-zu-dauer: 320ms;
  }
  .tafel-karte {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .tafel-auf {
    animation: filter-blatt-auf var(--motion-struktur) var(--motion-kurve-gross) both;
  }
  .tafel-auf.tafel-zu {
    animation: filter-blatt-zu var(--tafel-zu-dauer) var(--ease-signature) both;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .blatt-auf {
    animation: blatt-auf-rechts var(--motion-struktur) var(--motion-kurve-gross) both;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .blatt-auf {
    animation: filter-blatt-auf var(--motion-struktur) var(--motion-kurve-gross) both;
  }
}
.skelett {
  background-color: var(--border);
  opacity: 0.6;
}
@media (prefers-reduced-motion: no-preference) {
  .skelett {
    animation: skelett 1500ms ease-in-out infinite;
  }
}
@keyframes skelett {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
}
@keyframes blatt-auf-rechts {
  from {
    transform: translateX(24px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes filter-blatt-auf {
  from {
    transform: translateY(112%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes filter-blatt-zu {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(112%);
  }
}
@keyframes tafel-ein {
  from {
    opacity: 0;
    translate: 0 -6px;
  }
}
@keyframes tafel-aus {
  to {
    opacity: 0;
    translate: 0 -4px;
  }
}
.tafel-zaehler[data-aus="1"] {
  opacity: 0;
}
:root {
  --font-sans: "Archivo", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
}
:root {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-strong: var(--strong-fg);
  --color-card: var(--card-bg);
  --color-card-foreground: var(--surface-fg);
  --color-panel: var(--panel-bg);
  --color-panel-border: var(--panel-border);
  --shadow-panel: var(--shadow-panel);
  --shadow-card: var(--shadow-card);
  --shadow-raised: var(--shadow-raised);
  --shadow-lifted: var(--shadow-lifted);
  --color-popover: var(--surface);
  --color-popover-foreground: var(--surface-fg);
  --color-primary: var(--brand);
  --color-primary-hover: var(--brand-hover);
  --color-primary-press: var(--brand-press);
  --color-primary-foreground: var(--brand-on);
  --color-brand-ink: var(--brand-ink);
  --color-frame: var(--frame);
  --color-frame-foreground: var(--frame-on);
  --color-secondary: var(--brand-soft);
  --color-secondary-foreground: var(--brand-soft-fg);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-fg);
  --color-accent: var(--brand-soft);
  --color-accent-foreground: var(--brand-soft-fg);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-fg);
  --color-destructive-ink: var(--destructive-ink);
  --color-success: var(--success);
  --color-success-foreground: var(--success-fg);
  --color-success-ink: var(--success-ink);
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-fg);
  --color-info: var(--info);
  --color-info-foreground: var(--info-fg);
  --color-info-ink: var(--info-ink);
  --color-band-dim: var(--band-dim);
  --color-band-line: var(--band-line);
  --color-border: var(--border);
  --color-divider: var(--divider);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --text-greeting: clamp(2rem, 1.2rem + 2.4vw, 2.25rem);
  --text-greeting--line-height: 1.15;
  --text-greeting--letter-spacing: -0.02em;
  --text-greeting--font-weight: 700;
  --container-lesen: 58ch;
  --container-lesen-kurz: 46ch;
  --container-empfang: 34rem;
  --transition-property-breite: width;
  --transition-property-feld: border-color, box-shadow;
  --transition-property-karte: box-shadow, scale, border-color;
  --transition-property-pille: translate, width, height, background-color, border-color;
  --transition-property-pfeil: translate, color;
  --transition-property-hebt: translate, box-shadow;
  --transition-property-knopf: background-color, color, box-shadow, translate;
  --transition-property-einlauf: clip-path;
  --tracking-beschriftung: 0.04em;
  --tracking-band: 0.15em;
  --grid-template-columns-inhalt-rand: minmax(0, 1fr) auto;
  --grid-template-columns-rand-inhalt: auto minmax(0, 1fr);
  --grid-template-columns-seitenspalte: minmax(0, 1fr) 21rem;
  --grid-template-columns-steckbrief: 20rem minmax(0, 1fr);
  --grid-template-columns-einlesen: minmax(0, 1fr) 19rem;
  --grid-template-columns-einlesen-ablage: minmax(0, 1fr) minmax(0, 1.35fr);
  --grid-template-columns-schwerpunkt: minmax(0, 15rem) 1fr;
  --grid-template-columns-design-vorschau: minmax(0, 24rem) minmax(0, 1fr);
  --grid-template-columns-cv-studio: 316px minmax(0, 1fr);
  --grid-template-columns-vorlagen-editor: 26rem minmax(0, 1fr);
  --grid-template-columns-zwei-tueren: minmax(0, 1fr) auto minmax(0, 1fr);
  --grid-template-columns-tafel-achsen: repeat(auto-fit, minmax(13rem, 1fr));
  --grid-template-columns-tafel-werte: repeat(auto-fill, minmax(15rem, 1fr));
  --grid-template-columns-zustaende: repeat(auto-fit, minmax(200px, 1fr));
  --spacing-zeile: max(var(--field-height-touch), calc(var(--spacing) * 13));
  --spacing-hauch: 3px;
  --spacing-faden-punkt: 0.15rem;
  --spacing-faden-linie: 1.025rem;
  --spacing-vorschau-telefon: 34dvh;
  --spacing-vorschau: 70dvh;
  --spacing-rollliste: 60vh;
  --spacing-tafel-deckel: calc(40vh - 2.5rem);
  --spacing-blatt-hoch: 85vh;
  --spacing-blatt-oben: 12vh;
  --spacing-fenster-oben: 10vh;
  --spacing-palette-oben: 15vh;
  --spacing-fensterbreite: calc(100vw - 2rem);
  --spacing-stapel: 21rem;
  --spacing-unikat: 10rem;
  --spacing-visitenkarte-hoehe: 15.125rem;
  --spacing-visitenkarte-band: 4.5rem;
  --spacing-menue: min(18rem, var(--radix-popover-content-available-height));
  --spacing-menue-auswahl: min(18rem, var(--radix-select-content-available-height));
  --container-zahl: 4ch;
  --container-formular: min(100%, 24rem);
  --container-skelett: min(38%, 12rem);
  --container-regal: 17rem;
  --container-visitenkarte: 25rem;
  --text-schwelle: clamp(1.875rem, 4.4vw, 2.875rem);
  --text-schwelle--line-height: 1.1;
  --shadow-markiert: inset 3px 0 0 0 var(--color-primary);
  --shadow-papier: 0 1px 2px rgb(26 22 18 / 0.1), 0 18px 36px -20px rgb(26 22 18 / 0.4);
  --text-display: 1.875rem;
  --text-display--line-height: 1.2;
  --text-display--letter-spacing: -0.02em;
  --text-display--font-weight: 700;
  --text-headline: 1.5rem;
  --text-headline--line-height: 1.25;
  --text-headline--letter-spacing: -0.02em;
  --text-headline--font-weight: 700;
  --text-subhead: 1.25rem;
  --text-subhead--line-height: 1.3;
  --text-subhead--letter-spacing: -0.01em;
  --text-subhead--font-weight: 400;
  --text-lead: 1.0625rem;
  --text-lead--line-height: 1.65;
  --text-lead--font-weight: 400;
  --text-title: 1rem;
  --text-title--line-height: 1.4;
  --text-title--letter-spacing: -0.01em;
  --text-title--font-weight: 700; 
  --text-body: 0.875rem;
  --text-body--line-height: 1.55;
  --text-label: 0.8125rem;
  --text-label--line-height: 1.4;
  --text-label--letter-spacing: 0.02em;
  --text-micro: 0.75rem;
  --text-micro--line-height: 1.4;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --field-height: 2.5rem;
  --field-height-sm: 2rem;
  --field-height-md: 2.25rem;
  --field-height-lg: 3rem;
  --field-height-touch: 2.75rem;
  --field-radius: var(--radius-sm);
  --field-radius-plus-2: calc(var(--field-radius) + 2px);
  --field-radius-plus-4: calc(var(--field-radius) + 4px);
  --field-radius-plus-8: calc(var(--field-radius) + 8px);
  --field-inset: 0.75rem;
  --ease-in-view: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-view: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-atem: cubic-bezier(0.37, 0, 0.63, 1);
}
:root {
  --ease-signature: cubic-bezier(0.32, 0.72, 0.24, 1);
  --ease-feder: linear(
    0, 0.006, 0.025, 0.101, 0.539 27.4%, 0.777, 0.876, 0.938, 0.98 55.8%, 1.008,
    1.019, 1.021, 1.017 76.9%, 1.006, 1.001 88.8%, 0.999, 1
  );
}
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-400-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308,
    U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-700-latin-ext.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308,
    U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-400-italic-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-400-italic-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308,
    U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-700-italic-latin.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-700-italic-latin-ext.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308,
    U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
:root{
  --hell-0:color-mix(in srgb,var(--background) 0%,transparent);
  --hell-5:color-mix(in srgb,var(--background) 5%,transparent);     
  --hell-10:color-mix(in srgb,var(--background) 10%,transparent);   
  --hell-16:color-mix(in srgb,var(--background) 16%,transparent);   
  --hell-28:color-mix(in srgb,var(--background) 28%,transparent);   
  --hell-50:color-mix(in srgb,var(--background) 50%,transparent);   
  --hell-62:color-mix(in srgb,var(--background) 62%,transparent);   
  --hell-82:color-mix(in srgb,var(--background) 82%,transparent);   
  --hell-95:color-mix(in srgb,var(--background) 95%,transparent);
  --dunkel-10:color-mix(in srgb,var(--foreground) 10%,transparent); 
  --dunkel-14:color-mix(in srgb,var(--foreground) 14%,transparent); 
  --dunkel-18:color-mix(in srgb,var(--foreground) 18%,transparent);
  --dunkel-35:color-mix(in srgb,var(--foreground) 35%,transparent); 
  --dunkel-55:color-mix(in srgb,var(--foreground) 55%,transparent); 
  --dunkel-82:color-mix(in srgb,var(--foreground) 82%,transparent);
  --blau-0:color-mix(in srgb,var(--brand) 0%,transparent);
  --blau-10:color-mix(in srgb,var(--brand) 10%,transparent);        
  --blau-25:color-mix(in srgb,var(--brand) 25%,transparent);
  --blau-40:color-mix(in srgb,var(--brand) 40%,transparent);
  --blau-62:color-mix(in srgb,var(--brand) 62%,transparent);        
  --blau-85:color-mix(in srgb,var(--brand) 85%,transparent);        
  --blau-licht:color-mix(in srgb,var(--brand) 72%,var(--brand-on)); 
  --blau-auf-dunkel:color-mix(in srgb,var(--brand) 58%,var(--brand-on)); 
  --blau-licht-50:color-mix(in srgb,var(--blau-licht) 50%,transparent);
  --blau-licht-85:color-mix(in srgb,var(--blau-licht) 85%,transparent);
  --blau-blass:color-mix(in srgb,var(--brand) 35%,var(--background)); 
  --glanz-16:color-mix(in srgb,var(--surface) 16%,transparent);     
  --glanz-50:color-mix(in srgb,var(--surface) 50%,transparent);
  --glanz-90:color-mix(in srgb,var(--surface) 90%,transparent);
  --fw-text:400; --fw-mittel:500; --fw-fett:700;
  --fs-wortbild:clamp(4rem,13.5vw,14rem);                          
  --fs-zahl:clamp(3.75rem,min(calc(1.6rem + 5.6vw),12vh),8.75rem);    
  --fs-hero:clamp(2.5rem,calc(.372rem + 6.81vw),5.75rem);             
  --fs-display:clamp(2.5rem,calc(1.4rem + 3.8vw),5.5rem);             
  --fs-h2:clamp(2.25rem,calc(1.6rem + 2.6vw),4rem);                   
  --fs-h3:clamp(1.625rem,calc(1.1rem + 1.5vw),2.5rem);                
  --fs-lead:clamp(1.1875rem,calc(1.05rem + .35vw),1.4375rem);         
  --fs-text:clamp(1.0625rem,calc(.95rem + .2vw),1.1875rem);           
  --fs-ui:1rem;                                                       
  --fs-klein:.9375rem;                                                
  --fs-etikett:.8125rem;                                              
  --fs-mikro:.75rem;                                                  
  --lh-wortbild:.9;  --ls-wortbild:-.055em;
  --lh-hero:.96;     --ls-hero:-.04em;
  --lh-display:1;    --ls-display:-.05em;
  --lh-h2:1.02;      --ls-h2:-.045em;
  --lh-h3:1.08;      --ls-h3:-.035em;
  --lh-zitat:1.18;   --ls-zitat:-.015em;
  --lh-titel:1.25;   --ls-titel:-.015em;
  --lh-lead:1.45;    --lh-text:1.45;    --lh-ui:1.25;    --ls-etikett:.02em;
  --raum-1:4px; --raum-2:8px; --raum-3:12px; --raum-4:16px; --raum-5:20px; --raum-6:24px;
  --raum-7:32px; --raum-8:40px; --raum-9:48px; --raum-10:64px; --raum-11:80px; --raum-12:96px;
  --luft-1:clamp(10px,1.6vh,18px);
  --luft-2:clamp(14px,2vh,22px);
  --luft-3:clamp(24px,3.5vh,36px);
  --luft-4:clamp(32px,4.5vh,48px);
  --luft-5:clamp(40px,6vh,80px);     
  --luft-6:clamp(40px,8vh,96px);     
  --luft-7:clamp(64px,9vh,112px);    
  --luft-8:clamp(96px,14vh,168px);   
  --luft-9:clamp(112px,16vh,200px);  
  --luft-10:clamp(160px,24vh,280px); 
  --luft-11:clamp(220px,30vh,340px); 
  --takt-eng:clamp(20px,2.4vh,28px); 
  --takt-mittel:var(--luft-7);
  --takt-weit:var(--luft-9);
  --spalt-1:clamp(12px,1.6vw,24px);
  --spalt-2:clamp(20px,2.4vw,40px);
  --spalt-3:clamp(32px,5vw,80px);
  --spalt-4:clamp(40px,6vw,104px);
  --breite-kopf:1320px;    
  --breite-seite:1240px;   
  --breite-text:640px;     
  --breite-karte:540px;    
  --breite-feld:420px;     
  --breite-menue:320px;    
  --breite-licht-oben:1080px;
  --breite-licht-unten:1180px;
  --seitenrand:var(--raum-8);       
  --mass-ziffer:1ch; --mass-zaehler:2.6ch;
  --mass-wort:12ch;       
  --mass-schlagwort:16ch; 
  --mass-titel:20ch;      
  --mass-titel-breit:22ch;
  --mass-zeile:28ch;      
  --mass-zeile-breit:30ch;
  --mass-kurz:34ch;
  --mass-satz:40ch;
  --mass-schmal:46ch;     
  --mass-text:62ch;       
  --mass-lesen:66ch;      
  --bedien-hoehe:48px;
  --knopf-hoehe:56px;
  --knopf-hoehe-gross:60px;
  --knopf-luft:var(--raum-6);
  --kopf-hoehe:85px;      
  --logo-hoehe:53px;      
  --band-hoehe:62svh;     
  --radius-fein:2px; --radius-etikett:4px; --radius-klein:8px; --radius-mittel:12px;
  --radius-karte:16px; --radius-flaeche:28px; --radius-buehne:44px; --radius-pille:999px;
  --radius-schild:.34em;  
  --dur-blitz:150ms; --dur-kurz:250ms; --dur-schub:350ms; --dur-mittel:450ms; --dur-lang:600ms;
  --dur-auftritt:700ms; --dur-szene:900ms; --dur-ruhig:1200ms; --dur-langsam:1600ms; --dur-sehr-langsam:2200ms;
  --dur-staffel:55ms;      
  --dur-puls:1.8s;         
  --dur-schweben:7.4s;     
  --dur-kippen:11.6s;      
  --dur-treiben:38s;       
  --ease-ueberschwung:cubic-bezier(.34,1.56,.64,1); 
  --ease-wechsel:cubic-bezier(.65,0,.35,1);         
  --ease-gleiten:cubic-bezier(.22,1,.36,1);         
  --ease-anlauf:cubic-bezier(.4,0,.75,.55);         
  --korn-deckkraft:.09;
  --korn-groesse:180px;
  --licht-staerke:.6;
  --licht-helligkeit:.8;    
  --kv-ring:3px;          
}
@media (max-width:760px){:root{--seitenrand:var(--raum-5);--logo-hoehe:41px}}
@media (min-width:980px) and (max-height:800px){:root{--fs-hero:4.375rem}}
@media (min-width:1200px) and (max-height:900px){:root{--fs-hero:5rem}}
.hu{position:relative;display:flex;flex-direction:column;background:var(--foreground);color:var(--background);overflow:clip;isolation:isolate}
.hu::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.hu > *{position:relative;z-index:1}
.hu-wrap{max-width:var(--breite-seite);margin:0 auto;padding:0 var(--seitenrand);width:100%}
.hu a{color:inherit}
.hu a:focus-visible,.hu button:focus-visible{outline:3px solid var(--background);outline-offset:3px;border-radius:var(--radius-mittel)}
.hu-buehne{
  --fuss-im-schirm:var(--fuss);
  flex:none;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:calc(var(--schirm) - var(--fuss-im-schirm));
  padding:calc(var(--kopf-hoehe) + var(--luft-5)) 0 var(--luft-6);
  background:var(--foreground)
}
@media not all and (min-width: 900px) {
  .hu-buehne { --fuss-im-schirm: 0px; }
}
.hu-titel{margin:0;font-weight:var(--fw-fett);letter-spacing:var(--ls-hero);line-height:var(--lh-hero);font-size:var(--fs-hero)}
.hu-m{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hu-w{display:inline-block;text-wrap:balance}
.hu-gl{display:inline-block;width:0;height:0;vertical-align:baseline}
.hu-m-leer{height:0;padding-bottom:0;margin-bottom:0}
.hu-wortzeile{display:block;padding:0 .14em .34em;margin:.24em -.14em .04em}
.hu-flug{display:inline-block;transform-origin:0 0}
.hu-box{position:relative;display:inline-block}
.hu-marker{position:absolute;z-index:0;left:0;top:0;width:0;height:0;overflow:visible;fill:var(--brand)}
.hu-marker path{clip-path:inset(0 100% 0 0)}
.hu-marker.steht path{clip-path:none}
.hu-fenster{position:relative;z-index:1;display:inline-block;overflow:hidden;vertical-align:bottom;padding:.24em .14em .17em;margin:-.24em -.14em -.17em}
.hu-wort{display:inline-block;font-family:var(--font-sans);font-style:normal;font-weight:var(--fw-fett);letter-spacing:-0.045em;font-size:calc(var(--wf,1) * 1em);line-height:.94;white-space:nowrap;color:var(--background)}
.hu-wort .b{display:inline-block}
.hu-unter{margin:var(--raum-6) auto 0;max-width:var(--breite-text);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--divider);text-wrap:pretty}
.hu-aktion{margin:var(--raum-7) auto 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--raum-3)}
.hu-nur{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hu-knopf{display:inline-flex;align-items:center;justify-content:center;height:var(--knopf-hoehe-gross);padding:0 var(--raum-6);border-radius:var(--radius-pille);background:var(--brand);color:var(--background);text-decoration:none;font-size:var(--fs-ui);font-weight:var(--fw-fett);white-space:nowrap;transition:transform var(--dur-blitz) ease, filter var(--dur-blitz) ease}
.hu-knopf:hover{transform:translateY(-1px);filter:brightness(1.12)}
@media (scripting: none){
  .hu-box{background:var(--brand);clip-path:polygon(.21em 0,100% 0,calc(100% - .42em) 100%,.21em 100%);padding:0 .42em}
  .hu-wort{white-space:normal}
  .recht-buehne .hu-wort{-webkit-hyphens:auto;hyphens:auto}
}
.hu-korn{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--korn-deckkraft);mix-blend-mode:screen;background-size:var(--korn-groesse) var(--korn-groesse)}
.hu-inhalt{position:relative;z-index:2}
.hu-nochmal{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;z-index:3;cursor:pointer;border:0;background:transparent;color:var(--blau-blass);font:inherit;font-size:var(--fs-klein);font-weight:var(--fw-fett);text-decoration:underline;text-underline-offset:4px;padding:var(--raum-2) 0;min-height:var(--bedien-hoehe);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--dur-schub),visibility 0s var(--dur-schub)}
.hu-nochmal.da{opacity:1;pointer-events:auto;visibility:visible;transition:opacity var(--dur-schub)}
@keyframes hu-hoch{from{transform:translateY(105%)}to{transform:none}}
@keyframes hu-auf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hu-film .hu-m .hu-w{animation:hu-hoch var(--dur-szene) var(--ease-in-view) both}
.hu-film .hu-unter,.hu-film .hu-aktion{animation:hu-auf var(--dur-szene) var(--ease-in-view) both}
@media (max-width:760px){
  .hu-aktion{display:grid;justify-content:center}
  .hu-knopf{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .hu-film .hu-m .hu-w,.hu-film .hu-unter,.hu-film .hu-aktion{animation:none}
}
.hu{--licht-staerke:.6}
.licht{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.licht-fleck{position:absolute;border-radius:50%;opacity:var(--licht-staerke)}
.licht-warm{background:radial-gradient(closest-side,var(--hell-28),var(--hell-10) 40%,var(--hell-5) 70%,var(--hell-0))}
.licht-korn{position:absolute;inset:0;mix-blend-mode:overlay;opacity:calc(.32 * var(--licht-staerke));background-size:var(--korn-groesse) var(--korn-groesse)}
.hu-licht-neigung{position:absolute;inset:0;translate:var(--lx,0px) var(--ly,0px);transition:translate var(--dur-langsam) var(--ease-in-view)}
.hu-licht-warm{width:min(72vw,var(--breite-licht-oben));aspect-ratio:1.15;right:max(-14vw,-200px);top:-24%}
.hu-licht-unten{width:min(80vw,var(--breite-licht-unten));aspect-ratio:1.2;left:max(-26vw,-380px);bottom:-52%}
.bewegt .hu-licht-warm{animation:licht-treiben-a var(--dur-treiben) ease-in-out infinite alternate}
.bewegt .hu-licht-unten{animation:licht-treiben-b calc(var(--dur-treiben) * 1.21) ease-in-out infinite alternate}
@keyframes licht-treiben-a{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-7vw,9vh) scale(1.1)}100%{transform:translate(-2vw,16vh) scale(.94)}}
@keyframes licht-treiben-b{0%{transform:translate(0,0) scale(1)}50%{transform:translate(9vw,-7vh) scale(1.08)}100%{transform:translate(4vw,-14vh) scale(1.14)}}
@media (max-width:760px){.hu-licht-warm{width:110vw;right:-62vw;top:-26%}.hu-licht-unten{width:120vw;left:-70vw;bottom:-36%}.hu-korn{opacity:calc(var(--korn-deckkraft) * .5)}}
@media (max-width:760px){
  .hu-titel{position:relative;isolation:isolate}
  .hu-titel::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:min(110vw,440px);height:270px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(closest-side,var(--hell-10),var(--hell-5) 55%,var(--hell-0))}
  .hu-film .hu-titel::before{animation:hu-licht-auf var(--dur-szene) var(--ease-in-view) .15s both}
}
@keyframes hu-licht-auf{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.hu-film .hu-titel::before{animation:none}}
@media (prefers-reduced-motion:reduce){.licht *{animation:none!important;transition:none!important}}
.hu-licht-gl{position:absolute;inset:0;width:100%;height:100%;display:none}
.hu-licht.gl .hu-licht-gl{display:block}
.hu-licht.gl .licht-fleck,.hu-licht.gl .licht-korn,.hu-licht.gl .hu-licht-neigung{display:none}
.hu-buehne:has(.hu-licht.gl) > .hu-korn{display:none}
.hu-band .hu-buehne,.bewegt.hu-band .hu-buehne{position:relative;min-height:var(--band-hoehe);justify-content:flex-start;text-align:left;padding:calc(var(--kopf-hoehe) + var(--luft-2)) 0 var(--luft-5)}
.hu-band .hu-inhalt{width:100%}
.hu-band .hu-titel{font-size:var(--fs-h2);letter-spacing:var(--ls-h2);line-height:var(--lh-h2)}
.hu-band .hu-unter{margin:var(--raum-5) 0 0}
:root {
  --fs-recht: clamp(2rem, 4.4vw, 3.25rem);
  --fs-label: .8125rem;
  --fs-small: .9375rem;
  --fs-body: 1.0625rem;
  --fs-subhead: 1.1875rem;
  --dur-micro: 150ms;
  --schirm: calc(100svh - env(safe-area-inset-bottom, 0px));
  --fuss: 72px;
  --rand: max(clamp(20px, 4vw, 40px), env(safe-area-inset-left, 0px));
  --rand-rechts: max(clamp(20px, 4vw, 40px), env(safe-area-inset-right, 0px));
  --pille: 999px;
  --hell-14: color-mix(in srgb, var(--background) 14%, transparent);
  --dunkel-6: color-mix(in srgb, var(--foreground) 6%, transparent);
  --dunkel-70: color-mix(in srgb, var(--foreground) 70%, transparent);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--foreground);
  color: var(--background);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, svg { display: block; }
a { color: inherit; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
.schild { position: relative; display: inline-block; max-width: 100%; color: var(--brand-on); }
.schild__form { position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 0; overflow: visible; fill: var(--brand); }
.schild__form path { clip-path: inset(0 100% 0 0); }
.schild__form.steht path { clip-path: none; }
.schild__wort { position: relative; z-index: 1; }
.schild.umbricht { padding: .04em .38em .1em .2em; }
.schild.umbricht .schild__form { display: none; }
.schild.umbricht::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--brand);
  clip-path: polygon(0 0, 100% 0, calc(100% - .42em) 100%, 0 100%);
}
@media (scripting: none) {
  .schild { padding: .04em .38em .1em .2em; }
  .schild .schild__form { display: none; }
  .schild::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--brand);
    clip-path: polygon(0 0, 100% 0, calc(100% - .42em) 100%, 0 100%);
  }
}
.kopf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: var(--breite-seite);
  margin-inline: auto;
  padding: calc((var(--kopf-hoehe) - var(--logo-hoehe)) / 2) max(var(--seitenrand), env(safe-area-inset-right, 0px)) calc((var(--kopf-hoehe) - var(--logo-hoehe)) / 2) max(var(--seitenrand), env(safe-area-inset-left, 0px));
}
.hu > .kopf { position: absolute; top: 0; left: 0; right: 0; z-index: 4; }
.kopf__logo svg { display: block; height: var(--logo-hoehe); width: auto; aspect-ratio: 1328 / 499; margin-left: calc(var(--logo-hoehe) * -.192); }
.sprache {
  display: inline-flex;
  padding: 4px;
  border-radius: var(--pille);
  background: var(--hell-10);
  font-size: var(--fs-label);
  font-weight: 500;
}
.sprache a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding-inline: 14px;
  border-radius: var(--pille);
  text-decoration: none;
  color: var(--hell-82);
  transition: background-color var(--dur-micro) var(--ease-signature), color var(--dur-micro) var(--ease-signature);
}
.sprache a { position: relative; }
.sprache a::after { content: ""; position: absolute; inset: calc((40px - var(--bedien-hoehe)) / 2) 0; }
.sprache a:hover { color: var(--background); }
.sprache a[aria-current] { background: var(--background); color: var(--foreground); }
.kopf--buehne :focus-visible, .hu :focus-visible, .fuss :focus-visible { outline-color: var(--background); }
.kopf--papier :focus-visible, .recht :focus-visible { outline-color: var(--foreground); }
.kopf--papier .sprache { background: var(--dunkel-6); }
.kopf--papier .sprache a { color: var(--dunkel-70); }
.kopf--papier .sprache a:hover { color: var(--foreground); }
.kopf--papier .sprache a[aria-current] { background: var(--foreground); color: var(--background); }
.fuss {
  min-height: var(--fuss);
  display: flex;
  align-items: center;
  background: var(--foreground);
  color: var(--hell-62);
  font-size: var(--fs-small);
  border-top: 1px solid var(--hell-14);
}
.fuss__innen {
  width: 100%;
  max-width: var(--breite-seite);
  margin-inline: auto;
  padding: 14px max(var(--seitenrand), env(safe-area-inset-right, 0px)) 14px max(var(--seitenrand), env(safe-area-inset-left, 0px));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 24px;
}
.fuss__firma { margin: 0; }
.fuss__wege { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 22px; color: var(--hell-82); }
.fuss a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; text-decoration: none; }
.fuss a:hover { color: var(--background); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 599px) {
  .fuss__innen { flex-direction: column-reverse; justify-content: center; text-align: center; padding-block: 20px; }
  .fuss__wege { justify-content: center; }
}
.seite--recht { background: var(--background); color: var(--foreground); }
.recht {
  max-width: 720px;
  margin-inline: auto;
  padding: clamp(48px, 7vw, 80px) var(--rand-rechts) clamp(56px, 9vw, 96px) var(--rand);
  color: var(--strong-fg);
}
.recht h1 {
  margin: 18px 0 0;
  font-weight: 700;
  font-size: var(--fs-recht);
  line-height: 1.02;
  letter-spacing: -.04em;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}
.recht h2 { margin: 32px 0 0; font-size: var(--fs-subhead); font-weight: 700; letter-spacing: -.01em; color: var(--foreground); }
.recht p { margin: 12px 0 0; line-height: 1.7; }
.recht a { color: var(--brand-ink); text-underline-offset: 3px; }
.recht__hinweis {
  margin-top: 28px;
  padding: 16px 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  font-size: var(--fs-small);
  color: var(--muted-fg);
}
.recht__hinweis p { margin: 0; line-height: 1.6; }
.recht__zurueck { margin-top: 40px; font-size: var(--fs-small); }
.hu .kt-seite{position:relative;z-index:2}
.kt-seite{background:var(--background);color:var(--foreground);box-shadow:0 -30px 80px -20px var(--dunkel-55)}
.kt{padding-top:var(--luft-7)}
.kt-titel{margin:0;max-width:var(--mass-titel-breit);text-wrap:balance;font-size:var(--fs-h2);font-weight:var(--fw-fett);letter-spacing:var(--ls-h2);line-height:var(--lh-h2)}
.kt-lead{margin:var(--luft-3) 0 0;max-width:var(--mass-text);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--strong-fg)}
html:not([data-js]) .kt .nur-js{display:none}
.kontakt{display:grid}
.kontakt-zeichen{flex:none}
.wege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--raum-6);margin-top:var(--luft-5)}
.weg{position:relative;display:flex;flex-direction:column;gap:var(--raum-4);padding:var(--raum-7);border:1px solid var(--border);border-radius:var(--radius-karte);background:var(--surface);box-shadow:var(--shadow-card);cursor:pointer;transition:translate var(--dur-mittel) var(--ease-gleiten),box-shadow var(--dur-mittel) var(--ease-gleiten),border-color var(--dur-kurz)}
.weg:hover{translate:0 calc(var(--raum-1) * -1.5);box-shadow:var(--shadow-lifted)}
.weg__oben{display:flex;align-items:center;justify-content:space-between;gap:var(--raum-4)}
.weg__zeichen{display:grid;place-items:center;flex:none;width:var(--bedien-hoehe);height:var(--bedien-hoehe);border-radius:var(--radius-pille);box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--brand)}
.weg__wahl{appearance:none;flex:none;width:var(--raum-6);height:var(--raum-6);margin:0;border:2px solid var(--input);border-radius:var(--radius-pille);background:var(--surface);cursor:pointer}
.weg__wahl:checked{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 5px var(--surface)}
.weg__wahl:checked:focus-visible{box-shadow:0 0 0 2px var(--foreground),inset 0 0 0 5px var(--surface)}
.weg__titel{font-size:var(--fs-lead);font-weight:var(--fw-fett);letter-spacing:var(--ls-titel);line-height:var(--lh-titel)}
.weg__mehr{display:flex;flex-direction:column;gap:var(--raum-4);flex:1}
.weg__unter{font-size:var(--fs-text);line-height:var(--lh-text);color:var(--strong-fg)}
.weg__saetze{display:grid;gap:var(--raum-1);padding-top:var(--raum-4);border-top:1px solid var(--divider);font-size:var(--fs-klein);line-height:var(--lh-text);color:var(--muted-fg)}
.weg:has(.weg__wahl:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}
.weg:has(.weg__wahl:checked) .weg__zeichen{background:var(--brand);box-shadow:none;color:var(--background)}
.kontakt:has(.weg__wahl:checked) .wege{gap:var(--raum-3);margin-top:var(--luft-4)}
.kontakt:has(.weg__wahl:checked) .weg{flex-direction:row;align-items:center;padding:var(--raum-3) var(--raum-4)}
.kontakt:has(.weg__wahl:checked) .weg__oben{order:2;margin-left:auto}
.kontakt:has(.weg__wahl:checked) .weg__oben .weg__zeichen{display:none}
.kontakt:has(.weg__wahl:checked) .weg__titel{font-size:var(--fs-text);letter-spacing:normal;line-height:var(--lh-ui)}
.kontakt:has(.weg__wahl:checked) .weg__mehr{display:none}
.kontakt__teil{display:none;container-type:inline-size;margin-top:var(--raum-8)}
.kontakt:has(#weg-termin:checked) .kontakt__teil--termin,
.kontakt:has(#weg-formular:checked) .kontakt__teil--formular,
.kontakt:has(#weg-mail:checked) .kontakt__teil--mail{display:block}
.tisch{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border:1px solid var(--border);border-radius:var(--radius-flaeche);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lifted);animation:kt-auf var(--dur-auftritt) var(--ease-gleiten) both}
@keyframes kt-auf{from{opacity:0;translate:0 var(--raum-4)}}
.tisch__blau{display:flex;flex-direction:column;gap:var(--raum-7);padding:var(--raum-10) var(--raum-9);background:radial-gradient(120% 90% at 85% 10%,var(--hell-16),transparent 55%),radial-gradient(90% 80% at 10% 95%,var(--blau-25),transparent 60%),var(--foreground);color:var(--background)}
.tisch__ueber{justify-self:start;align-self:flex-start;margin:0;padding:0 var(--raum-3);border:1.5px solid var(--hell-50);border-radius:var(--radius-pille);font-size:var(--fs-etikett);font-weight:var(--fw-fett);letter-spacing:var(--ls-etikett);line-height:var(--lh-text)}
.tisch__gross{margin:0;text-wrap:balance;font-size:var(--fs-h2);font-weight:var(--fw-fett);letter-spacing:var(--ls-h2);line-height:var(--lh-h2)}
.tisch__wahl{display:grid;gap:var(--raum-6);justify-items:start}
.tisch__uhr{display:block;margin-top:var(--raum-3);font-variant-numeric:tabular-nums;color:var(--blau-auf-dunkel)}
.tisch__zone{display:block;margin-top:var(--raum-3);font-size:var(--fs-klein);font-weight:var(--fw-text);letter-spacing:normal;line-height:var(--lh-text);color:var(--hell-82)}
.ablauf{margin:auto 0 0;padding:0;list-style:none;display:grid;gap:var(--raum-5)}
.ablauf li{display:grid;grid-template-columns:var(--raum-8) 1fr;gap:var(--raum-3);align-items:baseline;padding-top:var(--raum-4);border-top:1px solid var(--hell-16)}
.ablauf__nr{font-size:var(--fs-lead);font-weight:var(--fw-fett);line-height:1;color:var(--blau-auf-dunkel)}
.ablauf strong{display:block;font-size:var(--fs-text);font-weight:var(--fw-fett)}
.ablauf__text{font-size:var(--fs-klein);line-height:var(--lh-text);color:var(--hell-82)}
.tisch__papier{padding:var(--raum-10) var(--raum-9)}
.termine__titel{margin:0 0 var(--raum-6);font-size:var(--fs-h3);font-weight:var(--fw-fett);letter-spacing:var(--ls-h3);line-height:var(--lh-h3)}
.kontakt-meldung{display:flex;gap:var(--raum-3);align-items:flex-start;margin:0 0 var(--raum-5);padding:var(--raum-4);border:1px solid var(--brand);border-radius:var(--radius-mittel);background:var(--blau-10);font-size:var(--fs-text);line-height:var(--lh-text)}
.kontakt-meldung--fehler{grid-column:1 / -1;border-color:var(--foreground);background:var(--muted)}
.kontakt-ausweg{display:grid;gap:var(--raum-2);margin:0;font-size:var(--fs-text);line-height:var(--lh-text)}
.kt .kontakt-ausweg__mail{justify-self:start;display:inline-flex;align-items:center;min-height:var(--bedien-hoehe);font-size:var(--fs-h3);font-weight:var(--fw-fett);letter-spacing:var(--ls-h3);color:var(--brand);overflow-wrap:anywhere}
.termine__woche{display:flex;align-items:center;justify-content:space-between;gap:var(--raum-3);margin-bottom:var(--raum-4)}
.termine__wochenname{margin:0;font-size:var(--fs-text);font-weight:var(--fw-fett)}
.termine__pfeile{display:flex;gap:var(--raum-2)}
.termine__pfeil,.termine__tag,.termine__zeit{border:1px solid var(--divider);background:var(--surface);color:var(--foreground);font:inherit;cursor:pointer;transition:background-color var(--dur-kurz),border-color var(--dur-kurz),color var(--dur-kurz)}
.termine__pfeil{display:grid;place-items:center;width:var(--bedien-hoehe);height:var(--bedien-hoehe);border-radius:var(--radius-pille);border-color:var(--foreground)}
.termine__pfeil:hover{background:var(--foreground);color:var(--background)}
.termine__pfeil:disabled{border-color:var(--divider);background:transparent;color:var(--divider);cursor:not-allowed}
.termine__tage{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--bedien-hoehe) * 1.6),1fr));gap:var(--raum-2)}
.termine__tag{display:grid;justify-items:center;align-content:center;gap:var(--raum-1);width:100%;min-height:calc(var(--bedien-hoehe) * 1.8);padding:var(--raum-3) var(--raum-1);border-radius:var(--radius-mittel);line-height:var(--lh-ui)}
.termine__tag:hover{border-color:var(--brand);color:var(--brand)}
.termine__wt,.termine__mo{font-size:var(--fs-etikett);font-weight:var(--fw-fett);letter-spacing:var(--ls-etikett);text-transform:uppercase}
.termine__mo{color:var(--muted-fg)}
.termine__nr{font-size:var(--fs-h3);font-weight:var(--fw-fett);line-height:1;letter-spacing:var(--ls-h3);font-variant-numeric:tabular-nums}
.termine__leer{font-size:var(--fs-mikro);color:var(--muted-fg);text-align:center}
.termine__tag[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--background)}
.termine__tag[aria-pressed="true"] .termine__mo{color:var(--background)}
.termine__tag:disabled{border-style:dashed;background:transparent;color:var(--muted-fg);cursor:not-allowed}
.termine__zwischen{margin:var(--raum-7) 0 var(--raum-3);font-size:var(--fs-klein);color:var(--muted-fg)}
.termine__zeiten{display:flex;flex-wrap:wrap;gap:var(--raum-2)}
.termine__zeit{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--bedien-hoehe) * 1.8);min-height:var(--bedien-hoehe);padding:0 var(--raum-5);border:0;border-radius:var(--radius-pille);box-shadow:inset 0 0 0 1.5px var(--foreground);background:transparent;font-size:var(--fs-ui);font-weight:var(--fw-fett);line-height:1;font-variant-numeric:tabular-nums}
.termine__zeit:hover{background:var(--foreground);color:var(--background)}
.zonewahl{display:flex;flex-wrap:wrap;align-items:center;gap:var(--raum-1) var(--raum-3);margin-top:var(--raum-7);padding-top:var(--raum-4);border-top:1px solid var(--divider);font-size:var(--fs-klein);color:var(--muted-fg)}
.zonewahl__feld{position:relative;display:inline-flex;align-items:center}
.zonewahl__feld .kontakt-zeichen{position:absolute;right:var(--raum-3);pointer-events:none;color:var(--foreground)}
.zonewahl select{appearance:none;min-height:var(--bedien-hoehe);padding:0 var(--raum-8) 0 var(--raum-3);border:1px solid transparent;border-radius:var(--radius-klein);background:transparent;color:var(--foreground);font:inherit;font-weight:var(--fw-fett);cursor:pointer}
.zonewahl select:hover{background:var(--muted)}
.termin-form,.kontakt-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--raum-5) var(--raum-4)}
.termin-form > :not(.feld--name,.feld--firma),.kontakt-form > :not(.feld--name,.feld--firma){grid-column:1 / -1}
.feld{display:grid;gap:var(--raum-2);width:100%;font-size:var(--fs-klein);font-weight:var(--fw-fett)}
.feld input,.feld textarea{box-sizing:border-box;width:100%;min-height:calc(var(--bedien-hoehe) + var(--raum-1));padding:var(--raum-3) var(--raum-4);border:1px solid var(--input);border-radius:var(--radius-klein);background:var(--background);color:var(--foreground);font:inherit;font-size:var(--fs-text);font-weight:var(--fw-text);transition:border-color var(--dur-kurz)}
.feld input:hover,.feld textarea:hover{border-color:var(--muted-fg)}
.feld textarea{resize:vertical;min-height:calc(var(--bedien-hoehe) * 2.5)}
.feld input:focus-visible,.feld textarea:focus-visible{border-color:var(--foreground)}
.feld input[aria-invalid="true"],.feld textarea[aria-invalid="true"]{border-color:var(--foreground);border-width:2px}
.themen{margin:0;padding:0;border:0;min-width:0}
.themen legend{padding:0;margin-bottom:var(--raum-3);font-size:var(--fs-klein);font-weight:var(--fw-fett)}
.themen__reihe{display:flex;flex-wrap:wrap;gap:var(--raum-2)}
.thema{position:relative;display:inline-flex;align-items:center;min-height:var(--bedien-hoehe);padding:0 var(--raum-5);border-radius:var(--radius-pille);box-shadow:inset 0 0 0 1px var(--muted-fg);font-size:var(--fs-klein);font-weight:var(--fw-mittel);cursor:pointer;transition:background-color var(--dur-kurz),color var(--dur-kurz),box-shadow var(--dur-kurz)}
.thema__wahl{position:absolute;inset:0;appearance:none;margin:0;opacity:0;cursor:pointer}
.thema:hover{box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--brand)}
.thema:has(.thema__wahl:checked){background:var(--brand);box-shadow:none;color:var(--background)}
.thema:has(.thema__wahl:focus-visible){outline:2px solid var(--foreground);outline-offset:2px}
.kontakt-fuss{display:flex;flex-wrap:wrap;gap:var(--raum-3) var(--raum-5);align-items:center;margin-top:var(--raum-2)}
.kontakt-fuss p{margin:0;font-size:var(--fs-klein);color:var(--muted-fg)}
.kt .kontakt-adresse{display:inline-block;margin:0 0 var(--raum-7);font-size:var(--fs-h3);font-weight:var(--fw-fett);letter-spacing:var(--ls-h3);line-height:var(--lh-h3);color:var(--brand);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:var(--raum-2);overflow-wrap:anywhere}
.kt .kontakt-adresse:hover{text-decoration-thickness:3px}
.kontakt-knoepfe{display:flex;flex-wrap:wrap;gap:var(--raum-3);margin-top:var(--raum-7)}
.kt .strich{text-decoration:underline;text-underline-offset:var(--raum-1)}
.termin-fertig{display:flex;gap:var(--raum-4);align-items:flex-start;padding:var(--raum-6);border:1px solid var(--border);border-radius:var(--radius-mittel);background:var(--background);animation:kt-auf var(--dur-auftritt) var(--ease-gleiten) both}
.termin-fertig__haken{display:grid;place-items:center;flex:none;width:var(--bedien-hoehe);height:var(--bedien-hoehe);border-radius:var(--radius-pille);background:var(--brand);color:var(--background)}
.termin-fertig__text{margin:0;font-size:var(--fs-lead);font-weight:var(--fw-fett);line-height:var(--lh-titel);text-wrap:pretty}
.falle{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.kt-seite .kt-vertrauen{margin-top:var(--luft-9)}
.kt-vertrauen{position:relative;display:grid;gap:var(--luft-4);padding-top:var(--luft-5);padding-bottom:var(--luft-9)}
.kt-vertrauen::before{content:"";position:absolute;top:0;left:var(--seitenrand);right:var(--seitenrand);border-top:1px solid var(--divider)}
.kt-vertrauen-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--raum-6);align-content:start}
.kt-karte{display:flex;flex-direction:column;gap:var(--raum-3);padding:var(--raum-7);border:1px solid var(--border);border-radius:var(--radius-karte);background:var(--surface)}
.kt-karte-titel{margin:var(--raum-2) 0 0;font-size:var(--fs-lead);font-weight:var(--fw-fett);letter-spacing:var(--ls-titel);line-height:var(--lh-titel)}
.kt-karte-text{margin:0;font-size:var(--fs-text);font-style:normal;line-height:var(--lh-text);color:var(--strong-fg)}
.kt-karte-wege{display:flex;flex-wrap:wrap;align-items:center;gap:var(--raum-4) var(--raum-6);margin:auto 0 0;padding-top:var(--raum-4)}
.kt .kt-verweis,.kt-vertrauen .kt-verweis{display:inline-flex;align-items:center;min-height:var(--bedien-hoehe);font-size:var(--fs-ui);font-weight:var(--fw-fett);color:var(--foreground);text-decoration:underline;text-underline-offset:var(--raum-1)}
.kt-vertrauen .kt-verweis:hover{color:var(--brand)}
@media (max-width:999px){
  .wege{grid-template-columns:minmax(0,1fr);gap:var(--raum-3)}
}
@media (max-width:640px){
  .weg{padding:var(--raum-5)}
  .kontakt:has(.weg__wahl:checked) .wege{grid-template-columns:minmax(0,1fr)}
  .kt-vertrauen-karten{grid-template-columns:minmax(0,1fr)}
  .kt-karte{padding:var(--raum-6)}
}
@container (max-width:820px){
  .tisch{grid-template-columns:minmax(0,1fr)}
  .tisch__blau{padding:var(--raum-7) var(--raum-6);gap:var(--raum-5)}
  .tisch__papier{padding:var(--raum-7) var(--raum-5)}
  .termine__tage{grid-template-columns:repeat(auto-fit,minmax(calc(var(--bedien-hoehe) * 1.3),1fr))}
  .zonewahl__feld{flex:1 1 100%;min-width:0}
  .zonewahl select{width:100%;min-width:0}
  .tisch__gross{font-size:var(--fs-h3);letter-spacing:var(--ls-h3);line-height:var(--lh-h3)}
}
@container (max-width:520px){
  .termin-form,.kontakt-form{grid-template-columns:minmax(0,1fr)}
  .kontakt-fuss .knopf,.kontakt-knoepfe .knopf,.tisch__wahl .knopf{width:100%}
}
@media (prefers-reduced-motion:reduce){.weg,.tisch,.termin-fertig{transition:none;animation:none}.weg:hover{translate:none}}
.kt-antwort{padding-bottom:var(--luft-9)}
.kt-antwort-weiter{margin:var(--luft-4) 0 0}
.hu .kt-seite :is(a,button,select,input):focus-visible{outline:2px solid var(--foreground);outline-offset:3px}
.hu .kt-seite .feld :is(input,textarea):focus{outline:none;border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}
.hu .kt-seite .weg__wahl:focus-visible,.hu .kt-seite .thema__wahl:focus-visible{outline:none}
.hu .kt-seite .weg:has(.weg__wahl:focus-visible){outline:2px solid var(--foreground);outline-offset:3px}
:is(a,button).knopf{appearance:none;border:0;margin:0;background:transparent;font-family:inherit;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--raum-2);min-height:var(--knopf-hoehe);padding:0 var(--knopf-luft);border-radius:var(--radius-pille);font-size:var(--fs-ui);font-weight:var(--fw-fett);letter-spacing:normal;line-height:var(--lh-ui);text-decoration:none;white-space:nowrap;transition:background var(--dur-kurz),color var(--dur-schub) var(--ease-wechsel),filter var(--dur-kurz),transform var(--dur-blitz),box-shadow var(--dur-schub) var(--ease-wechsel)}
:is(a,button).knopf.knopf-gross{min-height:var(--knopf-hoehe-gross)}
:is(a,button).knopf:has(> .pw-unten:first-child){padding-left:var(--raum-5)}
:is(a,button).knopf.knopf-dunkel{background:var(--foreground);color:var(--background)}
:is(a,button).knopf.knopf-dunkel:is(:hover,:focus-visible){background:var(--knopf-dunkel-hover,var(--brand));color:var(--knopf-dunkel-hover-text,var(--background))}
:is(a,button).knopf.knopf-blau{background:var(--brand);color:var(--background)}
:is(a,button).knopf.knopf-hell{background:var(--background);color:var(--brand)}
:is(a,button).knopf.knopf-blau:is(:hover,:focus-visible){filter:brightness(1.12);transform:translateY(calc(var(--raum-1) / -4))}
:is(a,button).knopf.knopf-hell:is(:hover,:focus-visible){filter:brightness(1.04);transform:translateY(calc(var(--raum-1) / -4))}
:is(a,button).knopf.knopf-rand{--knopf-fuellung:var(--foreground);--knopf-fuell-text:var(--background);color:var(--foreground);box-shadow:inset 0 0 0 1.5px var(--foreground)}
:is(a,button).knopf.knopf-rand-hell{--knopf-fuellung:var(--background);--knopf-fuell-text:var(--foreground);color:var(--background);box-shadow:inset 0 0 0 1.5px var(--hell-50)}
:is(a,button).knopf.knopf-rand::before,:is(a,button).knopf.knopf-rand-hell::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--knopf-fuellung);transform:translateY(101%);transition:transform var(--dur-mittel) var(--ease-wechsel)}
:is(a,button).knopf.knopf-rand:is(:hover,:focus-visible),:is(a,button).knopf.knopf-rand-hell:is(:hover,:focus-visible){color:var(--knopf-fuell-text);transform:translateY(calc(var(--raum-1) / -2));box-shadow:inset 0 0 0 1.5px var(--knopf-fuellung),var(--shadow-raised)}
:is(a,button).knopf.knopf-rand:is(:hover,:focus-visible)::before,:is(a,button).knopf.knopf-rand-hell:is(:hover,:focus-visible)::before{transform:none}
@media (prefers-reduced-motion:reduce){:is(a,button).knopf,:is(a,button).knopf::before{transition:none}:is(a,button).knopf:is(:hover,:focus-visible){transform:none}}
button.knopf:disabled{cursor:progress;filter:none;transform:none}
.pw{position:relative;display:inline-flex;flex:none;overflow:hidden}
.pw-b{position:absolute;inset:0}
.pw svg{transition:transform var(--dur-mittel) var(--ease-wechsel)}
.pw-rechts .pw-b{transform:translateX(-130%)}
.pw-unten .pw-b{transform:translateY(-120%)}
:is(a,button):is(:hover,:focus-visible) .pw-rechts .pw-a{transform:translateX(130%)}
:is(a,button):is(:hover,:focus-visible) .pw-unten .pw-a{transform:translateY(120%)}
:is(a,button):is(:hover,:focus-visible) .pw .pw-b{transform:none}
@media (prefers-reduced-motion:reduce){.pw svg{transition:none}}
.thema-feld{position:relative;display:flex;align-items:center}
.thema-feld select{appearance:none;box-sizing:border-box;width:100%;min-height:calc(var(--bedien-hoehe) + var(--raum-1));padding:var(--raum-3) calc(var(--raum-8) + var(--raum-2)) var(--raum-3) var(--raum-4);border:1px solid var(--input);border-radius:var(--radius-klein);background:var(--background);color:var(--foreground);font:inherit;font-size:var(--fs-text);font-weight:var(--fw-text);cursor:pointer;transition:border-color var(--dur-kurz)}
.thema-feld select:hover{border-color:var(--muted-fg)}
.thema-feld select:has(option[value=""]:checked){color:var(--muted-fg)}
.thema-feld select option{color:var(--foreground)}
.thema-feld .kontakt-zeichen{position:absolute;right:var(--raum-4);pointer-events:none;color:var(--foreground)}
@media (prefers-reduced-motion:reduce){.thema-feld select{transition:none}}
.seite--kontakt .kt-seite{position:relative;z-index:2}
.seite--kontakt .kt-seite :is(a,button,select,input):focus-visible{outline:2px solid var(--foreground);outline-offset:3px}
.seite--kontakt .kt-seite .feld :is(input,textarea):focus,.seite--kontakt .kt-seite .thema-feld select:focus{outline:none;border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}
.seite--kontakt .kt-seite .weg__wahl:focus-visible{outline:none}
.seite--kontakt .kt-seite :is(.kontakt-meldung,.termin-fertig):focus{outline:none}
.seite--kontakt .kt-seite .weg:has(.weg__wahl:focus-visible){outline:2px solid var(--foreground);outline-offset:3px}
:root{--lasche-h:58px;--blatt:min(calc(100dvh - var(--ruhe,0px) - var(--lasche-h) - 12px),88dvh,900px)}
.hl-anker{position:sticky;bottom:0;z-index:30;height:100dvh;margin-top:-100dvh;overflow-x:visible;overflow-y:clip;pointer-events:none}
.hl{position:absolute;left:50%;bottom:0;width:min(760px,100%);height:var(--blatt);transform:translate(-50%,100%);transform-origin:50% 0;pointer-events:none}
.hl[hidden]{display:none}
.hl-blatt{position:absolute;inset:0;visibility:hidden;background:var(--background);border-radius:22px 22px 0 0;box-shadow:0 -18px 50px -20px color-mix(in srgb,var(--foreground) 70%,transparent)}
.hl.zieht .hl-blatt{visibility:visible}
.hl-lasche{position:absolute;z-index:1;left:50%;bottom:100%;display:flex;align-items:center;gap:18px;height:var(--lasche-h);padding:12px 11px 4px 22px;transform:translateX(-50%);
  border:0;margin:0;background:var(--background);color:var(--foreground);border-radius:18px 18px 0 0;font:inherit;text-align:left;cursor:grab;pointer-events:auto;touch-action:none;
  box-shadow:0 -12px 32px -14px color-mix(in srgb,var(--foreground) 80%,transparent);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.hl-lasche::before,.hl-lasche::after{content:"";position:absolute;bottom:0;width:16px;height:16px;pointer-events:none}
.hl-lasche::before{right:100%;background:radial-gradient(circle at 0 0,transparent 15.5px,var(--background) 16px)}
.hl-lasche::after{left:100%;background:radial-gradient(circle at 100% 0,transparent 15.5px,var(--background) 16px)}
.hl-lasche:active{cursor:grabbing}
.hl-griff{position:absolute;left:50%;top:6px;width:32px;height:4px;margin-left:-16px;border-radius:var(--radius-fein);background:color-mix(in srgb,var(--foreground) 20%,transparent)}
.hl-text{display:block;min-width:0}
.hl-klein{display:block;font:700 10.5px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.hl-gross{display:block;font:750 15px/1.2 var(--font-sans);letter-spacing:-.01em;margin-top:3px;white-space:nowrap}
.hl-mehr{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;white-space:nowrap;font:600 13px/1 var(--font-sans);background:var(--brand);color:var(--background);border-radius:var(--radius-pille)}
.hl-mehr svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hl-lasche:focus-visible{outline:3px solid var(--background);outline-offset:4px}
.hl.da .hl-lasche{animation:hl-rein 800ms cubic-bezier(.16,1,.3,1) 350ms both}
.hl.da .hl-lasche.steht{animation:none}
.hl-mehr svg{transition:transform 200ms cubic-bezier(.2,.8,.2,1)}
.hl.da .hl-lasche.steht.hopp .hl-mehr svg{animation:hl-hopp 900ms cubic-bezier(.3,0,.3,1)}
@media (hover:hover){.hl.da:not(.zieht) .hl-lasche:hover .hl-mehr svg{transform:translateY(-2px)}}
.hs-zusammen{white-space:nowrap}
.hs-punkte i{font-style:normal;animation:hs-punkt 1.4s ease-in-out infinite}
.hs-punkte i:nth-child(2){animation-delay:.2s}
.hs-punkte i:nth-child(3){animation-delay:.4s}
@keyframes hl-rein{from{transform:translate(-50%,130%)}}
@keyframes hl-hopp{0%,50%,100%{transform:none}20%,70%{transform:translateY(-3px)}}
@keyframes hs-punkt{0%,60%,100%{color:color-mix(in srgb,var(--foreground) 22%,transparent)}30%{color:var(--foreground)}}
.hu-knopf--zweit{background:none;border:0;cursor:pointer;font-family:inherit;color:var(--background);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--background) 45%,transparent)}
.hu-knopf--zweit:hover{filter:none;box-shadow:inset 0 0 0 1.5px var(--background)}
.hu-knopf--zweit[hidden]{display:none}
html:has(> body.seite--start){overscroll-behavior-y:none}
.seite--start .fuss{position:relative;z-index:31}
.seite--start{background:var(--foreground)}
.seite--start .hu-buehne{padding-bottom:calc(var(--luft-6) + var(--lasche-h) + 40px)}
.seite--start .hu-nochmal{bottom:calc(10px + var(--lasche-h))}
@media (max-width:640px){
  :root{--lasche-h:56px}
  .hl-lasche{gap:14px;padding:12px 10px 4px 18px}
  .hl-gross{font-size:14px}
  .hl-mehr{width:36px;padding:0}
  .hl-mehr-wort{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hl.da .hl-lasche,.hl.da .hl-lasche.steht.hopp .hl-mehr svg,.hs-punkte i,.hu-karte.auf .hk-innen{animation:none}
}
.hu-karte{position:fixed;inset:auto 0 var(--ruhe,0px) 0;margin:0 auto;border:0;padding:0;width:min(760px,100%);max-width:none;height:var(--blatt);max-height:none;
  background:var(--background);color:var(--foreground);border-radius:22px 22px 0 0;overflow:visible}
.hu-karte::backdrop{background:transparent}
.hk-lasche{cursor:pointer;touch-action:auto}
.hk-lasche .hl-mehr{width:36px;padding:0}
.hk-lasche .hl-mehr-wort{display:none}
.hk-lasche .hl-mehr svg{transform:scaleY(-1)}
@media (hover:hover){.hk-lasche:hover .hl-mehr svg{transform:scaleY(-1) translateY(-2px)}}
.hu-karte.auf .hk-innen{animation:hk-inhalt 320ms ease both}
@keyframes hk-inhalt{from{opacity:0}}
.hk-innen{--hk-oben:clamp(40px,6vw,64px);--hk-seite:clamp(24px,4.4vw,52px);position:relative;height:calc(100% - 14px);margin-top:14px;overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-karte) var(--radius-karte) 0 0;padding:var(--hk-oben) var(--hk-seite) 64px;font:400 17px/1.65 var(--font-sans);
  scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--foreground) 22%,transparent) transparent;
  -webkit-mask-image:linear-gradient(transparent 0,var(--foreground) 30px);mask-image:linear-gradient(transparent 0,var(--foreground) 30px)}
.hk-innen::-webkit-scrollbar{width:10px}
.hk-innen::-webkit-scrollbar-track{background:transparent;margin-block:18px}
.hk-innen::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--foreground) 22%,transparent);border:3px solid transparent;border-radius:5px;background-clip:padding-box}
.hk-zu{position:absolute;z-index:3;right:18px;top:18px;width:48px;height:48px;border-radius:50%;border:0;background:var(--muted);color:var(--foreground);font:700 20px/1 var(--font-sans);cursor:pointer;transition:transform 200ms ease}
.hk-zu:hover{transform:rotate(90deg)}
.hk-zu:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}
.hk-titel{font:800 clamp(28px,3.2vw,36px)/1.08 var(--font-sans);letter-spacing:-.02em;margin:0 60px 18px 0;text-wrap:balance}
.hk-innen p{margin:0 0 14px;max-width:34em}
.hk-innen > p:first-of-type{font-size:18px;color:color-mix(in srgb,var(--foreground) 82%,var(--background))}
.hk-u{font:750 19px/1.3 var(--font-sans);letter-spacing:-.01em;margin:48px 0 14px;text-wrap:balance}
.hk-aufbau{container-type:inline-size;position:relative;border-radius:var(--radius-mittel);overflow:hidden;background:var(--foreground);margin:4px 0 44px;
  box-shadow:0 24px 44px -26px color-mix(in srgb,var(--foreground) 80%,transparent),0 0 0 1px color-mix(in srgb,var(--foreground) 12%,transparent)}
.ha-leiste{display:flex;align-items:center;gap:12px;height:30px;padding:0 12px;background:color-mix(in srgb,var(--background) 8%,var(--foreground))}
.ha-punkte{display:flex;gap:6px}
.ha-punkte i{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--background) 22%,transparent)}
.ha-adresse{flex:1;max-width:52%;height:18px;border-radius:5px;background:color-mix(in srgb,var(--background) 8%,transparent);display:flex;align-items:center;padding:0 9px;overflow:hidden}
.ha-tippen{font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:color-mix(in srgb,var(--background) 72%,transparent);white-space:nowrap;overflow:hidden;width:16ch}
.ha-seite{position:relative;aspect-ratio:16/10;display:grid;place-items:center;
  background:radial-gradient(70% 90% at 50% 0%,color-mix(in srgb,var(--background) 9%,transparent),transparent 70%)}
.ha-satz{display:flex;flex-direction:column;align-items:center;margin-top:-17cqw;color:var(--background);font:800 6.4cqw/1.02 var(--font-sans);letter-spacing:-.035em;text-align:center}
.ha-wort{position:relative;display:inline-block;padding:.03em .42em .09em .3em;margin:.06em 0}
.ha-wort::before{content:"";position:absolute;inset:0;z-index:0;background:var(--brand);clip-path:polygon(0 0,100% 0,calc(100% - .55em) 100%,0 100%)}
.ha-wort > span{position:relative}
.ha-chat{position:absolute;right:4.5cqw;bottom:4.5cqw;display:flex;flex-direction:column;align-items:flex-end;gap:1.4cqw;font:500 2.5cqw/1.35 var(--font-sans)}
.ha-frage,.ha-antwort{display:block;padding:1.5cqw 2.3cqw;max-width:44cqw;border-radius:2.4cqw}
.ha-frage{background:var(--background);color:var(--foreground);border-bottom-right-radius:.6cqw}
.ha-antwort{position:relative;background:var(--brand);color:var(--background);border-bottom-left-radius:.6cqw;align-self:flex-start;margin-right:8cqw}
.ha-tippt{position:absolute;inset:0;display:flex;align-items:center;gap:.9cqw;padding-left:2.3cqw;opacity:0}
.ha-tippt i{width:1cqw;height:1cqw;border-radius:50%;background:var(--background)}
@container (max-width:480px){
  .ha-seite{aspect-ratio:1/1.08}
  .ha-satz{margin-top:-34cqw;font-size:7.4cqw}
  .ha-chat{font-size:3.1cqw;gap:2cqw}
  .ha-frage,.ha-antwort{max-width:66cqw;padding:2cqw 3cqw;border-radius:3cqw}
  .ha-antwort{margin-right:10cqw}
}
.hu-karte.auf .ha-tippen{animation:ha-tippen 760ms steps(16) 250ms both}
.hu-karte.auf .ha-vor{animation:ha-steigen 560ms cubic-bezier(.16,1,.3,1) 1050ms both}
.hu-karte.auf .ha-wort::before{animation:ha-wisch 640ms cubic-bezier(.7,0,.2,1) 1300ms both}
.hu-karte.auf .ha-wort > span{animation:ha-steigen 520ms cubic-bezier(.16,1,.3,1) 1620ms both}
.hu-karte.auf .ha-nach{animation:ha-steigen 560ms cubic-bezier(.16,1,.3,1) 1780ms both}
.hu-karte.auf .ha-frage{animation:ha-blase 420ms cubic-bezier(.16,1,.3,1) 2500ms both;transform-origin:100% 100%}
.hu-karte.auf .ha-antwort{animation:ha-blase 420ms cubic-bezier(.16,1,.3,1) 3050ms both;transform-origin:0 100%}
.hu-karte.auf .ha-text{animation:ha-zeigen 260ms ease 3950ms both}
.hu-karte.auf .ha-tippt{animation:ha-tippt-an 900ms linear 3050ms both}
.hu-karte.auf .ha-tippt i{animation:ha-hopp 600ms ease-in-out 3100ms 2}
.hu-karte.auf .ha-tippt i:nth-child(2){animation-delay:3200ms}
.hu-karte.auf .ha-tippt i:nth-child(3){animation-delay:3300ms}
@keyframes ha-tippen{from{width:0}}
@keyframes ha-steigen{from{opacity:0;transform:translateY(.35em);filter:blur(3px)}}
@keyframes ha-wisch{from{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}
@keyframes ha-blase{from{opacity:0;transform:translateY(1.2cqw) scale(.92)}}
@keyframes ha-zeigen{from{opacity:0}}
@keyframes ha-tippt-an{0%,96%{opacity:1}100%{opacity:0}}
@keyframes ha-hopp{50%{transform:translateY(-.6cqw)}}
.hk-liste{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.hk-liste li{display:grid;grid-template-columns:24px 1fr;gap:16px;align-items:start}
.hk-zeichen{display:block;width:24px;height:24px;margin-top:2px;color:var(--brand)}
.hk-zeichen svg{display:block;width:24px;height:24px}
.hu-karte.auf .hk-liste li{animation:hk-li 480ms cubic-bezier(.16,1,.3,1) calc(500ms + var(--i) * 70ms) both}
.hk-tun{display:flex;flex-wrap:wrap;gap:12px}
.hk-k{display:inline-flex;align-items:center;min-height:48px;border-radius:var(--radius-pille);padding:0 22px;font:600 15px/1 var(--font-sans);text-decoration:none;border:1.5px solid var(--foreground);color:var(--foreground);transition:transform 160ms ease}
.hk-k:hover{transform:translateY(-2px)}
.hk-k.blau{background:var(--brand);border-color:var(--brand);color:var(--background)}
.hk-k:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}
.hk-melden{display:grid;gap:14px;margin-top:4px}
.hk-feld{display:grid;gap:6px;font:600 14px/1.3 var(--font-sans)}
.hk-feld input{min-height:48px;border:1px solid var(--input);border-radius:var(--radius-klein);padding:0 14px;font:400 16px/1.4 var(--font-sans);background:var(--background);color:var(--foreground)}
.hk-feld input:focus{outline:none;border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}
.hk-feld input[aria-invalid="true"]{border-color:var(--destructive,var(--foreground))}
.hk-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hk-kasten{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font:400 16px/1.5 var(--font-sans);cursor:pointer}
.hk-kasten input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--brand);cursor:pointer}
.hk-melden .hk-k{justify-self:start;border:0;cursor:pointer}
.hk-melden .hk-k[aria-disabled="true"]{cursor:default;opacity:.7}
.hk-hinweis{margin:0!important;font-size:14px;color:var(--muted-fg)}
.hk-hinweis a{color:var(--foreground)}
.hk-meldung{margin:0!important;padding:14px 16px;border-radius:var(--radius-klein);background:var(--muted);font-weight:600}
.hk-meldung:empty{display:none}
.hk-meldung a{color:var(--foreground)}
.hk-meldung:focus{outline:2px solid var(--foreground);outline-offset:3px}
.hk-melden.fertig > :not(.hk-erfolg){display:none}
.hk-erfolg{display:grid;grid-template-columns:64px 1fr;column-gap:18px;align-items:center;padding:22px;border-radius:var(--radius-mittel);background:color-mix(in srgb,var(--success) 9%,var(--background));animation:hk-erfolg 520ms cubic-bezier(.16,1,.3,1) both}
.hk-erfolg[hidden]{display:none}
.hk-erfolg:focus{outline:none}
.hk-erfolg:focus-visible{outline:2px solid var(--success-ink);outline-offset:3px}
.hk-haken{--g:1;grid-row:span 2;position:relative;width:calc(64px * var(--g));height:calc(64px * var(--g))}
.hk-haken svg{display:block;width:100%;height:100%;overflow:visible}
.hk-haken-kreis{fill:var(--success);transform-origin:32px 32px;animation:hk-kreis 620ms cubic-bezier(.34,1.56,.64,1) 120ms both}
.hk-haken-strich{fill:none;stroke:var(--success-fg);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:hk-strich 420ms cubic-bezier(.65,0,.35,1) 460ms forwards}
.hk-haken i{position:absolute;left:calc(32px * var(--g) - 2px);top:calc(32px * var(--g) - 2px);width:4px;height:4px;border-radius:50%;background:var(--success);opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(0);animation:hk-funke 700ms cubic-bezier(.16,1,.3,1) calc(520ms + var(--i) * 18ms) both}
.hk-haken i:nth-child(odd){background:var(--brand)}
.hk-erfolg-titel{margin:0!important;font:700 22px/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--success-ink);align-self:end}
.hk-erfolg-text{margin:4px 0 0!important;font-size:16px;line-height:1.5;align-self:start}
.hk-erfolg-text b{overflow-wrap:anywhere}
.hk-erfolg-klein{display:inline-block;margin-top:8px;font-size:14px;color:var(--muted-fg)}
@keyframes hk-erfolg{from{opacity:0;transform:translateY(8px)}}
@keyframes hk-kreis{from{transform:scale(0)}}
@keyframes hk-strich{to{stroke-dashoffset:0}}
@keyframes hk-funke{0%{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(calc(-18px * var(--g))) scale(.4)}25%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(calc(-46px * var(--g))) scale(1)}}
.an-inhalt{display:flex;flex-direction:column;align-items:center}
.an-still .an-inhalt > *{animation:an-auf 700ms cubic-bezier(.16,1,.3,1) both}
.an-still .an-inhalt > :nth-child(2){animation-delay:90ms}
.an-still .an-inhalt > :nth-child(n+3){animation-delay:180ms}
.an-titel{max-width:18ch;font-size:var(--fs-display);text-wrap:balance}
.an-text{max-width:34rem}
.an-aktion{flex-direction:column}
.an-form{display:grid;justify-items:center;gap:12px}
.an-knopf{min-height:56px;padding:0 30px;font-size:17px;border:0;cursor:pointer}
.an-buehne .an-knopf--still{border:1.5px solid color-mix(in srgb,var(--background) 45%,transparent);color:var(--background);background:none}
.an-knopf:disabled,.an-knopf[aria-disabled="true"]{cursor:default;opacity:.5}
.an-klein{margin:var(--raum-2) 0 0;max-width:30rem;font-size:var(--fs-klein);line-height:1.5;color:var(--divider);text-wrap:pretty}
.an-tun{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:var(--raum-3)}
.an-zweck,.an-ohne{margin:0;color:var(--divider)}
.recht-buehne .hu-buehne{min-height:0;padding:calc(var(--kopf-hoehe) + var(--luft-6)) 0 var(--luft-6)}
.recht-buehne__overline{margin:0 0 var(--raum-5);font:500 var(--fs-label)/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--divider)}
.recht-buehne .hu-unter{margin-top:var(--raum-5)}
.seite--recht .recht-buehne + .recht{padding-top:clamp(40px,6vw,64px)}
.an-ohne a{color:var(--background)}
.an-zurueck{margin:var(--raum-5) 0 0;font-size:var(--fs-klein)}
.an-zurueck a{color:var(--divider);text-underline-offset:4px}
.fehler{gap:var(--luft-6)}
.fehler__teil{display:flex;flex-direction:column;align-items:center}
.fehler__titel{max-width:none;font-size:var(--fs-h2)}
.an-karte{display:block;width:min(300px,78vw);height:auto;margin-bottom:var(--luft-4);overflow:visible}
.an-karte-linie{fill:none;stroke:var(--background);stroke-width:1.4;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:an-zieh 1100ms cubic-bezier(.65,0,.35,1) 150ms forwards}
.an-karte-perfo{fill:none;stroke:var(--background);stroke-width:1.2;stroke-dasharray:2 3.5;opacity:0;animation:an-da 400ms ease-out 1050ms forwards}
.an-karte-text{fill:var(--background);opacity:0;animation:an-da 600ms ease-out 1150ms forwards}
.an-karte-etikett{fill:var(--divider);font:700 7px var(--font-sans);letter-spacing:.14em}
.an-karte-titel{font:800 13px var(--font-sans);letter-spacing:-.02em}
.an-karte-datum{fill:var(--divider);font:500 8.5px var(--font-sans)}
.an-karte-vip{font:800 9px var(--font-sans);letter-spacing:.22em}
.an-karte-abriss{transform-box:view-box;transform-origin:150px 140px;animation:an-reiss 900ms cubic-bezier(.34,1.4,.64,1) 1900ms both}
@keyframes an-zieh{to{stroke-dashoffset:0}}
@keyframes an-da{to{opacity:1}}
@keyframes an-reiss{to{transform:translate(5px,3px) rotate(7deg)}}
@keyframes an-auf{from{opacity:0;transform:translateY(14px)}}
@keyframes hk-li{from{opacity:0;transform:translateY(10px)}}
@media (max-width:640px){
  .hk-innen{--hk-oben:32px;--hk-seite:22px;padding-bottom:48px}
  .hk-u{margin-top:40px}
}
@media (prefers-reduced-motion:reduce){
  .hu-karte.auf *,.hu-karte.auf .ha-wort::before{animation:none!important}
  .hk-erfolg,.hk-haken-kreis,.an-still .an-inhalt > *{animation:none!important}
  .an-karte-linie,.an-karte-perfo,.an-karte-text,.an-karte-abriss{animation:none!important;stroke-dashoffset:0;opacity:1}
  .hk-haken-strich{animation:none!important;stroke-dashoffset:0}
  .hk-haken i{display:none}
  .hk-zu,.hk-k{transition:none}
  .hk-zu:hover,.hk-k:hover{transform:none}
}