@font-face { font-family:'Archivo'; src:url('/assets/schriften/archivo.woff2?v=8f704806') format('woff2-variations');
  font-weight:400 700; font-display:swap; }
@font-face { font-family:'Martian Mono'; src:url('/assets/schriften/martian-mono.woff2?v=d0be3a78') format('woff2-variations');
  font-weight:400 700; font-display:swap; }
@font-face{ font-family:'Mono Ersatz Win'; src:local('Consolas');
  size-adjust:127.3%; ascent-override:78.6%; descent-override:15.7%; line-gap-override:0%; }
@property --mx{ syntax:'<length-percentage>'; inherits:false; initial-value:50%; }
@property --my{ syntax:'<length-percentage>'; inherits:false; initial-value:50%; }
.netz::before,.netz::after{ --mx:inherit; --my:inherit; }
:root{
  --gold:#F0A11B;
  --gold-tief:#C97F08;
  --achtung:#A31518;
  --gold-hell:#FFE2A8;
  --gold-schrift:#704500;
  --cft:#4A8779;
  --teal:var(--cft);
  --gruen-tief:#04503F;
  --gruen-blass:#DCE8E2;
  --erdreich:#071A15;
  --tinte:#1D1D1B;
  --gruen-wort:var(--gruen-tief);
  --auf-gold:var(--tinte);
  --grund:#fff;
  --karte:#fff;
  --feld:#fff;
  --grau:#4A5250;
  --linie:#D8DEDB;
  --papier-ton:#F4F7F6;
  --papier-ton-an:#EAF0EE;
  --papier-fein:#F7F9F8;
  --papier-zart:#FAFBFA;
  --papier-satt:#EFF3F2;
  --nacht:#141716;
  --nacht-gruen:#14201C;
  --gruen-rand:#04443A;
  --kante-fein:1px; --kante:2px; --kante-stark:4px;
  --kante-menue:3px;
  --schwebe:0 1px 2px rgb(29 29 27 / .10), 0 18px 40px -14px rgb(29 29 27 / .38);
  --schwebe-hoch:0 2px 4px rgb(29 29 27 / .12), 0 26px 46px -16px rgb(29 29 27 / .44);
  --schwebe-feld:0 18px 40px rgb(0 0 0 / .13);
  --h1-einstieg:clamp(2rem, 1.2rem + 3.6vw, 3.75rem);
  --h1-bereich:clamp(2rem, 1.2rem + 3.2vw, 3.5rem);
  --h1-blatt:clamp(1.75rem, 1.1rem + 3.2vw, 3.25rem);
  --mono-gross:.8125rem;
  --mono-klein:.75rem;
  --mono-fein:.6875rem;
  --weiss-mitte:#FEFEFE;   --weiss-rand:#F0F0F0;
  --schwarz-mitte:#414640; --schwarz-rand:#1B1B1B;
  --rand:max(1.25rem, env(safe-area-inset-left), env(safe-area-inset-right));
  --schrift:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Martian Mono','Mono Ersatz Win',ui-monospace,Consolas,monospace;
  --s2:.75rem; --s3:1rem; --s4:1.5rem; --s5:2rem;
  --band:clamp(3rem, 1.5rem + 3vw, 5.5rem);
  --band-kopf:clamp(2.5rem, 1.25rem + 2.5vw, 4.5rem);
  --spalte-breit:38.5rem;
  --spalte-schmal:28.75rem;
  --fokus-kern:var(--tinte);
  --fokus-schein:rgb(240 161 27 / .92);
  --fokus-schein-satt:rgb(240 161 27 / .95);
  --knopf-um:var(--tinte); --knopf-um-schrift:#fff;
  --glas-rgb:255 255 255;        --glas-feld-rgb:255 255 255;
  --glas-deckung:.58;            --glas-deckung-an:.84;
  --glas-feld-deckung:.55;       --glas-rand-deckung:.08;
  --glas-blur:9px;               --glas-blur-an:10px;
  --glas-saettigung:.92;
  --glas-hell:rgb(var(--glas-rgb) / var(--glas-deckung));
  --glas-hell-an:rgb(var(--glas-rgb) / var(--glas-deckung-an));
  --glas-feld:rgb(var(--glas-feld-rgb) / var(--glas-feld-deckung));
  --glas-rand:rgb(255 255 255 / var(--glas-rand-deckung));
  --glas-weich:blur(var(--glas-blur)) saturate(var(--glas-saettigung));
  --glas-weich-an:blur(var(--glas-blur-an)) saturate(calc(var(--glas-saettigung) - .04));
  --glas-koerper:0;
  --glas-rim-hell:0;             --glas-rim-dunkel:0;
  --glas-tiefe:0px;              --glas-tiefe-deckung:0;
  --glas-glanz:.10;              --glas-glanz-groesse:62% 52%;
  --glas-licht-staerke:0;
  --schein-breite:70px;          --schein-kern:.34;
  --schein-kernfarbe:#FDE9A8;
  --schein-linie:.15;
  --schein-hof:.13;              --schein-hof-breite:80px; --schein-feder:32px; --schein-hof-verzug:3; --schein-uebergabe:0;
  --eckfunke-staerke:.85; --eckfunke-groesse:120px; --eckfunke-kern:.9; --eckfunke-hof:.16;
  --eckfunke-versatz:14px; --eckfunke-quer:1.28; --eckfunke-laengs:.78; --eckfunke-dispersion:1; --eckfunke-dispersion-versatz:1.5px;
  --knie-anlauf:26; --knie-nachglut:45; --knie-scheitel:.25; --knie-schweif:.45; --knie-groesse:80px; --knie-abstand:60;
  --schein-weich:0px;            --schein-deckung:.54;
  --schein-linie-weich:2;
  --schein-ein:8%;               --schein-aus:66%;
  --glas-brechung:4;             --glas-brechung-rand:40;
  --glas-kantenglanz:.15;
  --kantenglow-staerke:1;
  --kantenglow-anlauf:40;
  --kantenglow-nachglut-ein:95;   --kantenglow-nachglut-aus:120;
  --kantenglow-laenge:200px;     --kantenglow-breite:36px;
  --kantenglow-weich:0px;        --kantenglow-bloom:1;
  --schein-versatz:0;            --schein-verzug:0;
  --puls-tempo:130; --puls-motor:0;                 --puls-anzahl:0;
  --puls-kern:#FFE9BE; --puls-gold:240 161 27;
  --takt-schnell:120ms; --takt:200ms; --takt-ruhig:380ms; --takt-lang:.55s;
  --bogen:cubic-bezier(.2,.7,.3,1);
  --korn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23k)'/%3E%3C/svg%3E");
}
@media (min-width:60rem){ :root{ --rand:max(2.5rem, env(safe-area-inset-left), env(safe-area-inset-right)); } }
*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth;
  scroll-padding-top:5rem;
  scroll-padding-bottom:calc(3.5rem + env(safe-area-inset-bottom) + 12px); }
@media (min-width:70rem){ html{ scroll-padding-bottom:2rem; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }
body{ margin:0; font-family:var(--schrift); color:var(--tinte); background:var(--grund);
  font-size:1.0625rem; line-height:1.55; -webkit-font-smoothing:antialiased; }
@media (min-width:60rem){ body{ font-size:1.125rem; } }
img,svg{ display:block; max-width:100%; height:auto; }
a{ color:inherit; }
h1,h2,h3{ margin:0; font-weight:600; text-wrap:balance; }
h1{ line-height:1.08; letter-spacing:-.035em; }
h2{ line-height:1.08; letter-spacing:-.03em; }
h3{ line-height:1.25; letter-spacing:normal; }
p{ margin:0 0 1rem; }
p,li,dd{ text-wrap:pretty; }
h2 + p,h2 + .lead,h2 + ul,h2 + ol,h2 + table,h3 + p,h3 + ul{ margin-block-start:.55em; }
:focus-visible{ outline:3px solid var(--fokus-kern); outline-offset:2px;
  box-shadow:0 0 0 6px var(--fokus-schein); }
.flaeche--schwarz,.flaeche--gruen,.flaeche--gruen-tief,.buehne,.bildbahn,.fuss,
.welt--betrieb,.formularfeld__wort,.formularfeld__nachsatz,
.leiste,.zahlenband,.zahl__mehr,.mangel{ --fokus-kern:#fff;
  --knopf-um:#fff; --knopf-um-schrift:#1D1D1B; }
.nur-lesegeraet{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.springmarke{ position:absolute; inset-inline-start:-100vw; z-index:100; background:var(--gold);
  color:var(--auf-gold); padding:.75rem 1.25rem; font-weight:700; }
.springmarke:focus{ inset-inline-start:0; top:0; }
main#inhalt:focus{ outline:none; }
.mitte{ max-width:82rem; margin-inline:auto; padding-inline:var(--rand); }
.mono{ font-family:var(--mono); font-size:var(--mono-gross); letter-spacing:-.01em;
  font-variant-numeric:tabular-nums; }
.nachsatz{ font-family:var(--schrift); font-size:.875rem; line-height:1.5;
  max-width:var(--spalte-schmal); letter-spacing:normal; text-transform:none; }
.etikett{ font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.08em; text-transform:uppercase; }
.flaeche{ position:relative; isolation:isolate; }
.flaeche > *{ position:relative; z-index:1; }
.flaeche::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--korn); background-size:200px 200px;
}
.zahlenband,.welt,.tor,.formular,.buehne,.bildbahn,.fuss__erde{ isolation:isolate; }
.zahlenband::after,.welt::after,.tor::after,.formular::after,
.buehne::after,.bildbahn::after,.fuss__erde::after,.berg::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:var(--korn); background-size:200px 200px;
  mix-blend-mode:overlay; z-index:-1;
}
.fuss__erde::after,.berg::after{ z-index:0; }
.buehne::after,.bildbahn::after{ z-index:2; }
.zahlenband::after,.welt--betrieb::after,.tor--betrieb::after,
.buehne::after,.bildbahn::after{ opacity:.30; }
.fuss__erde::after,.berg::after{ opacity:.26; }
.welt--privat::after,.tor--privat::after,.formular::after{ opacity:.13; }
.flaeche--weiss{ background-color:var(--weiss-rand);
  background-image:radial-gradient(120% 400% at 50% 50%, var(--weiss-mitte) 0%, var(--weiss-rand) 100%); }
.flaeche--weiss::before{ opacity:.14; }
.flaeche--schwarz{ background-color:var(--schwarz-mitte); color:#fff;
  background-image:radial-gradient(120% 400% at 50% 50%, var(--schwarz-mitte) 0%, var(--schwarz-rand) 100%); }
.flaeche--schwarz::before{ opacity:.35; mix-blend-mode:overlay; }
.flaeche--gruen{ background-color:var(--gruen-tief); color:#fff;
  background-image:
    linear-gradient(86deg, #0A6B58 0%, var(--gruen-tief) 46%, var(--gruen-rand) 100%); }
.flaeche--gruen::before{ opacity:.14; mix-blend-mode:overlay; }
.flaeche--gruen .ablauf p,.flaeche--gruen p{ color:rgb(255 255 255 / .94); }
.flaeche--gruen .ablauf li::before{ color:var(--gold-hell); }
.flaeche--gruen-tief{ color:#fff; background-color:var(--gruen-tief);
  background-image:
    linear-gradient(rgb(3 40 33 / .38), rgb(3 40 33 / .38)),
    radial-gradient(120% 400% at 50% 50%, #0A6B58 0%, var(--gruen-rand) 100%); }
.flaeche--gruen-tief::before{ opacity:.30; mix-blend-mode:overlay; }
.flaeche--gruen-tief h1,.flaeche--gruen-tief h2,.flaeche--gruen-tief h3{ color:#fff; }
.flaeche--schwarz h1,.flaeche--schwarz h2,.flaeche--schwarz h3{ color:#fff; }
.flaeche--gruen h1,.flaeche--gruen h2,.flaeche--gruen h3{ color:#fff; }
:root{
  --polygon-ab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41.57' height='24'%3E%3Cpath d='M0 0 L41.57 24' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3C/svg%3E");
  --polygon-auf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41.57' height='24'%3E%3Cpath d='M0 24 L41.57 0' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3C/svg%3E");
  --polygon-senk:repeating-linear-gradient(to right,#000 0 .85px,transparent .85px 19.935px,#000 19.935px 20.785px);
  --polygon-aus:linear-gradient(to top,#000 0%,#000 46%,rgb(0 0 0 / .78) 60%,rgb(0 0 0 / .5) 72%,rgb(0 0 0 / .28) 82%,rgb(0 0 0 / .1) 92%,transparent 100%);
}
.polygonbau{
  position:absolute; inset-inline:0; inset-block-end:0; z-index:0;
  height:calc(100% + clamp(4rem,12vw,10rem));
  pointer-events:none;
  overflow:hidden;
}
.polygonbau i{
  position:absolute; inset-block:0; inset-inline:-3.5rem; display:block;
}
.polygonbau__feld{
  background-color:var(--nacht-gruen); opacity:.2;
  -webkit-mask-image:var(--polygon-aus); mask-image:var(--polygon-aus);
}
.polygonbau__schar{
  background-color:#fff;
  -webkit-mask-size:41.57px 24px,100% 100%; mask-size:41.57px 24px,100% 100%;
  -webkit-mask-composite:source-in; mask-composite:intersect;
}
.polygonbau__schar--ab{
  -webkit-mask-image:var(--polygon-ab),var(--polygon-aus);
          mask-image:var(--polygon-ab),var(--polygon-aus);
}
.polygonbau__schar--auf{
  -webkit-mask-image:var(--polygon-auf),var(--polygon-aus);
          mask-image:var(--polygon-auf),var(--polygon-aus);
}
.polygonbau__schar--senk{
  -webkit-mask-image:var(--polygon-senk),var(--polygon-aus);
          mask-image:var(--polygon-senk),var(--polygon-aus);
  -webkit-mask-size:100% 100%,100% 100%; mask-size:100% 100%,100% 100%;
}
.spruch{ position:relative; z-index:1; }
@property --gitterfront{ syntax:'<percentage>'; inherits:false; initial-value:100%; }
.polygonbau{
  --gitterfront:100%;
  -webkit-mask-image:linear-gradient(to top,#000 0%,#000 calc(var(--gitterfront) * .84),transparent calc(var(--gitterfront) * .84 + 16%));
          mask-image:linear-gradient(to top,#000 0%,#000 calc(var(--gitterfront) * .84),transparent calc(var(--gitterfront) * .84 + 16%));
}
@supports (animation-timeline:view()){
  .polygonbau{
    animation:gitterfront linear both;
    animation-timeline:--berg; animation-range:cover 780px cover 1150px;
  }
  @keyframes gitterfront{ from{ --gitterfront:0%; } to{ --gitterfront:100%; } }
  .polygonbau__schar--ab{
    animation:polygonvonlinks cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:--berg; animation-range:cover 900px cover 1090px;
  }
  .polygonbau__schar--auf{
    animation:polygonvonrechts cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:--berg; animation-range:cover 950px cover 1120px;
  }
  .polygonbau__schar--senk{
    animation:polygonschliesst cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:--berg; animation-range:cover 1000px cover 1150px;
  }
  @media (max-width:55.9375rem){
    .polygonbau{ animation-range:cover 14% cover 38%; }
    .polygonbau__feld{ animation-range:cover 14% cover 24%; }
    .polygonbau__schar--ab{ animation-range:cover 20% cover 31%; }
    .polygonbau__schar--auf{ animation-range:cover 23% cover 34%; }
    .polygonbau__schar--senk{ animation-range:cover 26% cover 38%; }
  }
  .polygonbau__feld{
    animation:polygonfeld cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:--berg; animation-range:cover 120px cover 464px;
  }
  @keyframes polygonfeld{
    from{ opacity:0; transform:translateY(2rem); }
    to  { opacity:.2; transform:none; }
  }
  @keyframes polygonvonlinks{
    from{ opacity:0; transform:translateX(-2.6rem); }
    to  { opacity:1; transform:none; }
  }
  @keyframes polygonvonrechts{
    from{ opacity:0; transform:translateX(2.6rem); }
    to  { opacity:1; transform:none; }
  }
  @keyframes polygonschliesst{
    from{ opacity:0; transform:scaleX(1.06); }
    to  { opacity:1; transform:none; }
  }
}
@media (prefers-reduced-motion:reduce){
  .polygonbau{ animation:none !important; --gitterfront:100% !important; }
  .polygonbau i{ animation:none !important; transform:none !important; }
  .polygonbau__schar{ opacity:1 !important; }
}
.netz{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.netz svg{ position:absolute; inset:0; width:100%; height:100%; }
.knotenfeld{ position:absolute; inset:0; display:block; pointer-events:none; }
.netz__leitung{ fill:none; stroke:currentColor; }
.netz__leitung--l0{ stroke-width:1.6; opacity:.22; }
.netz__leitung--l1{ stroke-width:1.1; opacity:.14; }
.netz__leitung--l2{ stroke-width:.8;  opacity:.08; }
.netz[data-dicht="0"]{ opacity:.55; }
@property --licht-r{ syntax:'<length>'; inherits:false; initial-value:0px; }
.netz::after{ content:''; position:absolute; inset:-2%; pointer-events:none;
  background:radial-gradient(125% 400% at 14% 50%,
    var(--netz-schleier, transparent) 0%,
    var(--netz-schleier, transparent) 30%,
    transparent 66%);
  -webkit-mask-image:radial-gradient(var(--licht-r) circle at var(--mx, 50%) var(--my, 50%),
    transparent 0%, rgba(0,0,0,.35) 46%, #000 100%);
  mask-image:radial-gradient(var(--licht-r) circle at var(--mx, 50%) var(--my, 50%),
    transparent 0%, rgba(0,0,0,.35) 46%, #000 100%);
  transition:--licht-r var(--takt-lang) var(--bogen); }
.netz::before{ content:''; position:absolute; inset:0; pointer-events:none; opacity:0;
  transition:opacity var(--takt-lang) var(--bogen);
  background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),
    rgb(240 161 27 / .15) 0%, rgb(240 161 27 / .06) 42%, transparent 72%); }
.leuchtet .netz::after{ --licht-r:330px; }
.leuchtet .netz::before{ opacity:1; }
.flaeche--weiss{ --netz-schleier:rgb(246 246 246 / .94);
  --puls-kern:var(--gold); --kantenglow-bloom:.5; --eckfunke-dispersion:.5; }
.flaeche--schwarz,.flaeche--gruen-tief{ --schein-kern:.65; --schein-hof:.17;
  --schein-breite:60px; --schein-ein:4%; --schein-aus:56%; --schein-linie:.85; }
.flaeche--schwarz{ --netz-schleier:rgb(48 51 47 / .9); }
.flaeche--gruen{ --netz-schleier:rgb(4 80 63 / .92); }
.flaeche--gruen-tief{ --netz-schleier:rgb(4 80 63 / .92); }
.buehne{ --netz-schleier:rgb(20 23 22 / .78); }
.knoten{ position:absolute; inset-block-start:var(--ky); inset-inline-start:var(--kx);
  width:11px; height:11px; margin:-5.5px 0 0 -5.5px; background:currentColor;
  transform:rotate(45deg); pointer-events:none; }
.knoten--l0{ opacity:.30; }
.knoten--l1{ opacity:.19; width:9px; height:9px; margin:-4.5px 0 0 -4.5px; }
.knoten--l2{ opacity:.11; width:7px; height:7px; margin:-3.5px 0 0 -3.5px; }
.impuls{ position:absolute; top:0; inset-inline-start:var(--ix); width:3px; height:100%;
  margin-inline-start:-1.5px; opacity:0; will-change:transform;
  background-image:
    linear-gradient(to bottom, transparent 0%, rgb(var(--puls-gold) / .55) 38%, var(--puls-kern) 62%, rgb(var(--puls-gold) / .35) 74%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgb(var(--puls-gold) / .16) 50%, transparent 100%);
  background-size:3px 130px, 13px 260px;
  background-position:center top, center top;
  background-repeat:no-repeat, no-repeat;
  transform:translateY(-150px);
}
.laeuft .impuls{ animation:impuls var(--dauer,9s) linear infinite; animation-delay:var(--verzug,0s); }
.laeufer{ position:absolute; top:0; inset-inline-start:0; width:3px; height:260px; opacity:0; will-change:transform;
  pointer-events:none; transform-origin:1.5px 0;
  background-image:
    linear-gradient(to bottom, transparent 0%, rgb(var(--puls-gold) / .55) 38%, var(--puls-kern) 62%, rgb(var(--puls-gold) / .35) 74%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgb(var(--puls-gold) / .16) 50%, transparent 100%);
  background-size:3px 130px, 13px 260px;
  background-position:center top, center top;
  background-repeat:no-repeat, no-repeat; }
html[data-lauf="an"] .impuls{ display:none; }
@keyframes impuls{
  0%   { transform:translateY(-150px); opacity:0; }
  7%   { opacity:1; }
  90%  { opacity:1; }
  100% { transform:translateY(100%); opacity:0; }
}
.fundpunkt-lage{ position:absolute; inset:0; }
.fundpunkt{ position:absolute; inset-block-start:var(--fy, 38%); inset-inline-start:var(--fx);
  width:0; height:0; color:var(--gold); }
.fundpunkt__raute{ position:absolute; width:11px; height:11px; margin:-5.5px 0 0 -5.5px;
  background:currentColor; transform:rotate(45deg); }
.fundpunkt__ring{ position:absolute; width:38px; height:38px; margin:-19px 0 0 -19px;
  border:1.5px solid currentColor; border-radius:50%; opacity:0; }
.laeuft .fundpunkt__ring{ animation:puls 4.5s var(--bogen) infinite; }
.laeuft .fundpunkt__ring--b{ animation-delay:1.6s; }
@keyframes puls{
  0%   { opacity:.8; transform:scale(.2); }
  70%  { opacity:0;  transform:scale(1.9); }
  100% { opacity:0;  transform:scale(1.9); }
}
.knoten--licht{ background:var(--gold); opacity:.5;
  box-shadow:0 0 9px 2px rgb(240 161 27 / .5), 0 0 24px 8px rgb(240 161 27 / .15); }
.laeuft .knoten--licht{ animation:knotenlicht 6.5s var(--bogen) infinite; }
@keyframes knotenlicht{
  0%,100% { opacity:.28; }
  50%     { opacity:.6; }
}
.netz--auslauf{ inset:0 0 auto 0; height:clamp(16rem, 30vw, 24rem);
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, rgb(0 0 0 / .55) 48%, transparent 92%);
          mask-image:linear-gradient(to bottom, #000 0%, rgb(0 0 0 / .55) 48%, transparent 92%); }
.tiefen{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.tiefe{ position:absolute; inset-inline:0; inset-block-start:var(--ty); display:block; }
.tiefe::before{ content:''; position:absolute; inset-inline:0; inset-block-start:0;
  border-block-start:1px dashed currentColor; opacity:.18; }
.tiefe b{ position:absolute; inset-block-end:.25rem;
  inset-inline-end:max(var(--rand), calc((100% - 82rem) / 2 + var(--rand)));
  font-family:var(--mono); font-size:var(--mono-fein); font-weight:400; letter-spacing:.06em;
  opacity:.85; }
@supports (animation-timeline:view()){
  .flaeche,.abschnitt,.tore{ view-timeline-name:--abschnitt; }
  .netz svg,.knotenfeld{ animation:netzdrift linear both; animation-timeline:--abschnitt; animation-range:cover 0% cover 100%; }
  @keyframes netzdrift{ from{ transform:translateY(-3.5%); } to{ transform:translateY(3.5%); } }
  .buehne .netz svg,.buehne .knotenfeld{ animation-timeline:--buehne; }
  .netz--auslauf svg{ animation-timeline:--fussfeld; }
  .buehne{ view-timeline-name:--buehne; }
  .buehne > picture img{ animation:buehnedrift linear both;
    animation-timeline:--buehne; animation-range:cover 0% cover 100%; }
  @keyframes buehnedrift{ from{ transform:scale(1.09) translateY(-2.5%); } to{ transform:scale(1.09) translateY(5.5%); } }
}
@media (prefers-reduced-motion:reduce){
  .laeuft .impuls{ animation:none; opacity:.75; transform:translateY(30%); }
  .laeuft .fundpunkt__ring{ animation:none; opacity:.4; transform:scale(1.3); }
  .netz,.netz svg,.knotenfeld,.flaeche::before,.buehne > picture img{ animation:none !important; }
  .knoten--licht{ animation:none !important; }
}
.kopf{ position:sticky; top:0; z-index:50; background:var(--grund); border-bottom:1px solid var(--linie); }
.kopf__zeile{ display:flex; align-items:center; gap:1rem; min-height:4.25rem;
  flex-wrap:wrap;
  max-width:82rem; margin-inline:auto; padding-inline:var(--rand); }
.kopf__logo{ margin-inline-end:auto; display:flex; align-items:center; flex:none; }
.kopf__logo img{ height:2.75rem; width:auto; flex:none; }
@media (min-width:64rem){ .kopf__logo img{ height:3.25rem; } }
@media (max-width:28.125rem){
  .kopf__zeile{ gap:8px; }
  .kopf__logo img{ height:44px; }
  .kopf__zeile .schalter{ font-size:14px; padding:0 8px; }
  .kopf__zeile .sprachen{ font-size:13px; }
  .kopf__zeile .sprachen a,.kopf__zeile .sprachen__ist,
  .kopf__zeile .sprachen__bald{ min-width:26px; padding:0 2px; }
  .kopf__zeile .sprachfach > summary{ font-size:13px; gap:.25rem; }
}
@media (max-width:21rem){
  .kopf__zeile .sprachfach__welt{ display:none; }
}
.menue{ display:none; }
.menue a:not(.mehr){ text-decoration:none; font-weight:560; font-size:.8125rem; letter-spacing:.05em;
  text-transform:uppercase; padding:.4rem 0; border-bottom:var(--kante-menue) solid transparent; white-space:nowrap; }
.menue a:hover{ border-bottom-color:var(--gold); }
.menue a[aria-current="page"]{ border-bottom-color:var(--tinte); }
@media (min-width:70rem){ .menue{ display:flex; gap:1rem; align-items:center; } }
@media (min-width:70rem) and (max-width:71.99rem){ .menue{ gap:.75rem; } }
.tel{ display:none; }
@media (min-width:48rem){
  .tel{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    min-height:2.75rem; min-width:2.75rem; padding:0 .75rem;
    background-color:var(--gold); color:var(--auf-gold); text-decoration:none; font-family:var(--mono);
    background-image:radial-gradient(140% 240% at 50% -20%, var(--knopf-1) 0%, var(--knopf-2) 60%, var(--knopf-3) 100%);
    transition:--knopf-1 var(--takt-schnell) var(--bogen), --knopf-2 var(--takt-schnell) var(--bogen),
      --knopf-3 var(--takt-schnell) var(--bogen), background-color var(--takt-schnell) var(--bogen);
    position:relative; isolation:isolate; overflow:hidden;
    font-size:var(--mono-gross); font-weight:600; white-space:nowrap; }
  .tel__nummer{ display:none; }
}
@media (min-width:48rem) and (hover:hover){
  .tel:hover{ background-color:var(--gold-tief);
    --knopf-1:#E9A02A; --knopf-2:var(--gold-tief); --knopf-3:#A96A05; }
}
@media (min-width:80rem){
  .tel{ padding:0 1rem; flex:none; }
  .tel__nummer{ display:inline; }
  .tel__zeichen{ display:none; }
}
.sprachen{ display:flex; align-items:center; gap:.125rem; font-family:var(--mono);
  font-size:var(--mono-fein); letter-spacing:.06em; margin:0; }
.sprachen a,.sprachen__ist,.sprachen__bald{ display:flex; align-items:center; justify-content:center;
  min-width:2.25rem; min-height:2.25rem; padding:.4rem .25rem 0; text-decoration:none;
  border-bottom:var(--kante-menue) solid transparent; }
.sprachen a{ color:var(--grau); }
.sprachen__bald{ color:#515755; cursor:default; }
.sprachen a:hover{ color:var(--tinte); border-bottom-color:var(--linie); }
.sprachen__ist{ color:var(--tinte); font-weight:700; border-bottom-color:var(--gold); }
@media (max-width:47.99rem){ .sprachen{ order:3; } }
.sprachfach{ position:relative; }
.sprachfach > summary{ display:flex; align-items:center; gap:.4rem;
  min-height:2.75rem; min-width:2.75rem; padding:0 .5rem; cursor:pointer; list-style:none;
  font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.06em; color:var(--tinte);
  transition:background-color var(--takt-schnell) var(--bogen); }
.sprachfach > summary::-webkit-details-marker{ display:none; }
@media (hover:hover){ .sprachfach > summary:hover{ background:var(--papier-ton-an); } }
.sprachfach__welt{ color:var(--grau); flex:none; }
.sprachfach__kuerzel{ font-weight:700; }
.sprachfach__pfeil{ flex:none; transition:rotate var(--takt-schnell) var(--bogen); }
.sprachfach[open] > summary .sprachfach__pfeil{ rotate:180deg; }
.sprachfach__feld{ position:absolute; inset-inline-end:0; top:100%; z-index:60;
  min-width:13.5rem; max-width:min(16rem, calc(100vw - 2*var(--rand)));
  margin:0; padding:.4rem 0 .5rem; list-style:none;
  background:var(--weiss-mitte); border:1px solid var(--linie);
  box-shadow:var(--schwebe-feld); }
.sprachfach__feld::before{ content:''; position:absolute; inset-inline:0; top:-1px;
  height:var(--kante-stark); background:var(--gold); }
.sprachfach__feld a,.sprachfach__ist,.sprachfach__bald{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  min-height:2.25rem; padding:.25rem 1rem; text-decoration:none; font-size:.875rem; }
.sprachfach__feld a{ color:var(--tinte); }
@media (hover:hover){ .sprachfach__feld a:hover{ background:var(--papier-ton-an); } }
.sprachfach__ist{ color:var(--tinte); font-weight:700;
  border-inline-start:var(--kante-menue) solid var(--gold);
  padding-inline-start:calc(1rem - var(--kante-menue)); }
.sprachfach__bald{ color:#515755; cursor:default; }
.sprachfach__wann{ font-size:.75rem; letter-spacing:.04em; }
@media (max-width:47.99rem){ .sprachfach{ order:3; } }
.leitband{ position:fixed; inset-inline-end:1.25rem; bottom:1.25rem; z-index:70;
  width:min(24rem, calc(100vw - 2rem));
  color:#fff; background-color:#05392F;
  background-image:radial-gradient(150% 170% at 88% -30%, #0A6B58 0%, #05392F 58%, #032E26 100%);
  box-shadow:0 18px 44px rgb(0 0 0 / .38); isolation:isolate;
  padding:1.05rem 1.25rem 1.2rem; }
.leitband::before{ content:''; position:absolute; inset-inline:0; top:0;
  height:var(--kante-stark); background:var(--gold); }
.leitband__etikett{ margin:0 2.25rem 0 0; font-family:var(--mono);
  font-size:.6875rem; letter-spacing:.14em; color:var(--gold-hell); }
.leitband__satz{ margin:.5rem 0 .95rem; font-size:.9rem; line-height:1.55;
  color:rgba(255,255,255,.92); }
.leitband__weg{ display:inline-flex; align-items:center; gap:.5rem;
  min-height:2.5rem; padding:0 1rem; background:var(--gold);
  font-family:var(--mono); font-size:.8125rem; letter-spacing:.04em;
  font-weight:700; text-decoration:none; }
.leitband__weg{ color:#1D1D1B; }
@media (hover:hover){ .leitband__weg:hover{ filter:brightness(1.08); } }
.leitband__zu{ position:absolute; top:.45rem; inset-inline-end:.45rem;
  display:flex; align-items:center; justify-content:center;
  width:2rem; height:2rem; margin:0; padding:0; background:none; border:0;
  cursor:pointer; font-size:1.2rem; line-height:1; color:rgba(255,255,255,.65); }
@media (hover:hover){ .leitband__zu:hover{ color:#fff; } }
@media (prefers-reduced-motion: no-preference){
  .leitband{ animation:leitauf .5s cubic-bezier(.16,1,.3,1) both; }
  @keyframes leitauf{ from{ opacity:0; transform:translateY(16px); } }
}
@media (max-width:47.99rem){
  .leitband{ inset-inline:0; bottom:3.5rem; width:auto; } }
.schalter{ display:flex; align-items:center; gap:.5rem; min-height:2.75rem; min-width:2.75rem;
  padding:0 .75rem; border:1px solid var(--linie); background:var(--grund); cursor:pointer;
  font:inherit; font-size:.875rem; font-weight:560;
  transition:background-color var(--takt-schnell) var(--bogen); }
@media (hover:hover){ .schalter:hover{ background:var(--papier-ton-an); } }
@media (min-width:70rem){ .schalter{ display:none; } }
.schub{ position:static; }
.schub > summary{ list-style:none; }
.schub > summary::-webkit-details-marker{ display:none; }
.schublade{ position:absolute; inset-inline:0; top:100%; border-top:1px solid var(--linie);
  background:var(--grund); overflow-y:auto; overscroll-behavior:contain;
  max-height:calc(100dvh - 100% - 3.5rem - env(safe-area-inset-bottom));
  padding-bottom:.5rem;
  box-shadow:var(--schwebe-feld); }
@media (min-width:70rem){
  .schublade{ max-height:calc(100dvh - 100% - 4.75rem - env(safe-area-inset-bottom)); }
}
.schublade a:focus-visible,
.schublade button:focus-visible,
.schublade summary:focus-visible{
  outline-offset:-5px; box-shadow:inset 0 0 0 3px var(--fokus-schein-satt); }
.schublade > a{ display:flex; align-items:center; min-height:2.75rem;
  padding:.8rem var(--rand); border-bottom:1px solid var(--linie);
  text-decoration:none; font-weight:560; text-transform:uppercase; font-size:.9375rem; }
.schublade > a:last-child{ border-bottom:0; }
@media (hover:hover){
  .schublade > a:hover,.schub__zweig > summary:hover{ background:var(--papier-ton); }
}
.schublade > a[aria-current],.schublade > .schub__zweig > summary[aria-current]{
  box-shadow:inset 3px 0 0 var(--tinte); }
.schublade .mega__paare a,.schublade .mega__spalte li a,.schublade .register__fach li a,
.schublade .schub__feld a.mega__kopf{
  display:flex; align-items:center; min-height:2.75rem; padding-block:.4rem; }
.schublade .mehr{ display:inline-flex; align-items:center; min-height:2.75rem; }
.schublade .mega__spalte p a{ display:inline-flex; align-items:center; min-height:2.75rem; }
.schublade .mega__paare{ gap:0; }
.schublade .mega__paare li + li a,.schublade .mega__spalte li + li a{
  border-block-start:1px solid var(--linie); }
.schublade .mega__zweispaltig li + li a{ border-block-start:0; }
.schublade .mega__zweispaltig li:nth-child(n+3) a{ border-block-start:1px solid var(--linie); }
@media (min-width:70rem){ .schub{ display:none; } }
@media (min-width:70rem) and (max-width:79.99rem){
  html[data-schrift="gross"] .menue{ display:none; }
  html[data-schrift="gross"] .schalter{ display:flex; }
  html[data-schrift="gross"] .schub{ display:block; }
}
@media (min-width:70rem) and (max-width:91.99rem){
  html[data-schrift="sehr-gross"] .menue{ display:none; }
  html[data-schrift="sehr-gross"] .schalter{ display:flex; }
  html[data-schrift="sehr-gross"] .schub{ display:block; }
}
@media (min-width:78rem) and (max-width:91.99rem){
  html[data-schrift="gross"] .menue{ gap:1rem; }
  html[data-schrift="gross"] .tel{ padding:0 .75rem; }
  html[data-schrift="gross"] .tel__nummer{ display:none; }
  html[data-schrift="gross"] .tel__zeichen{ display:inline; }
}
@media (min-width:92rem) and (max-width:107.99rem){
  html[data-schrift="sehr-gross"] .menue{ gap:1rem; }
  html[data-schrift="sehr-gross"] .tel{ padding:0 .75rem; }
  html[data-schrift="sehr-gross"] .tel__nummer{ display:none; }
  html[data-schrift="sehr-gross"] .tel__zeichen{ display:inline; }
}
.leiste{ position:fixed; inset-inline:0; bottom:0; z-index:60; display:grid;
  grid-template-columns:1fr 1fr; gap:1px; background:var(--tinte);
  padding-inline-start:calc(2.75rem + var(--rand) + .5rem);
  padding-bottom:env(safe-area-inset-bottom); }
:lang(it) .leiste a, :lang(fr) .leiste a{ font-size:.92em; }
.leiste a{ display:flex; align-items:center; justify-content:center; min-height:3.5rem; text-align:center;
  text-decoration:none; font-weight:600; font-size:.9375rem; background:var(--tinte); color:#fff; }
.leiste a.gold{ background:var(--gold); color:var(--auf-gold); }
@media (hover:hover){ .leiste a:hover{ filter:brightness(1.12); } }
@media (hover:hover){ .kopf__logo:hover img{ filter:brightness(.92); } }
.leiste a:focus-visible{ outline-offset:-5px; box-shadow:inset 0 0 0 3px var(--fokus-schein-satt); }
.leiste a.gold:focus-visible{ box-shadow:inset 0 0 0 3px var(--tinte); }
@media (min-width:70rem){ .leiste{ display:none; } }
body{ padding-bottom:calc(3.5rem + env(safe-area-inset-bottom)); }
@media (min-width:70rem){ body{ padding-bottom:0; } }
.buehne{ position:relative; display:flex; align-items:center; min-height:min(86vh,48rem);
  background:var(--nacht); overflow:hidden; }
.buehne > picture img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.buehne__schleier{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(96deg,rgba(20,23,22,.93) 0%,rgba(20,23,22,.74) 42%,rgba(20,23,22,.3) 78%,rgba(20,23,22,.22) 100%); }
.buehne .netz{ z-index:2; color:#fff; }
.buehne__inhalt{ position:relative; z-index:3; width:100%; padding-block:3rem; }
.goldstrich{ width:6.5rem; height:5px; background:var(--gold); }
.buehne .kicker{ color:var(--gold); margin-top:1.5rem; }
.buehne h1{ color:#fff; font-size:clamp(2rem, 1rem + 4.6vw, 4.25rem);
  max-width:min(var(--spalte-breit), 16ch); margin-top:1rem;
  letter-spacing:-.035em; }
.buehne .lead{ color:#D8DEDB; max-width:min(var(--spalte-breit), 54ch); margin-top:1.5rem; }
@media (max-width:47.99rem){
  .buehne{ min-height:0; padding-block:1.5rem 0; }
  .buehne__inhalt{ padding-block:1.5rem 2rem; }
  .buehne .kicker{ margin-top:1.1rem; letter-spacing:.06em; }
  .buehne .lead{ font-size:1.0625rem; line-height:1.45; margin-top:1rem; }
  .buehne h1{ margin-top:.75rem; }
  .goldstrich{ width:4.5rem; height:4px; }
}
.wege{ display:grid; gap:1px; margin-top:clamp(1.5rem,4vw,2.75rem); background:rgba(255,255,255,.24);
  border:1px solid rgba(255,255,255,.24); grid-template-columns:1fr; }
@media (min-width:48rem){ .wege{ grid-template-columns:1fr 1fr; } }
.weg{ display:block; padding:clamp(1rem,3vw,1.5rem) clamp(1.1rem,3vw,1.75rem);
  background:rgba(18,21,20,.72); color:#fff; text-decoration:none;
  -webkit-backdrop-filter:blur(10px) saturate(.85);
          backdrop-filter:blur(10px) saturate(.85);
  transition:background-color var(--takt-schnell) var(--bogen),color var(--takt-schnell) var(--bogen); }
.weg:hover{ background:var(--gold); color:var(--auf-gold); }
.weg .etikett{ opacity:.85; }
.weg b{ display:block; font-size:1.25rem; font-weight:600; margin-block:.5rem; }
.weg span.text{ font-size:.9375rem; opacity:.88; }
.wege--blatt{ background:var(--linie); border-color:var(--linie); }
.wege--blatt .weg{ background:var(--gruen-tief);
  -webkit-backdrop-filter:none; backdrop-filter:none; }
.wege--blatt .weg:focus-visible{ outline-color:#fff; outline-offset:-5px;
  box-shadow:inset 0 0 0 6px var(--fokus-schein-satt); }
.weg:focus-visible .etikett,.weg:focus-visible span.text{ opacity:1; }
.bildbahn{ position:relative; display:flex; align-items:center; overflow:hidden;
  min-height:min(62vh,34rem); background:var(--nacht-gruen);
  --netz-schleier:rgb(20 23 22 / .74); }
.bildbahn > picture img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.bildbahn__film{ position:absolute; inset:0; inline-size:100%; block-size:100%;
  object-fit:cover; display:none; }
@media (min-width:56rem){ .bildbahn__film{ display:block; } }
@media (prefers-reduced-motion:reduce){ .bildbahn__film{ display:none !important; } }
html[data-ruhe="an"] .bildbahn__film{ display:none !important; }
@media print{ .bildbahn__film{ display:none !important; } }
.bildbahn__schleier{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(96deg,rgba(20,32,28,.93) 0%,rgba(20,32,28,.78) 44%,rgba(20,32,28,.34) 80%,rgba(20,32,28,.28) 100%); }
.bildbahn .netz{ z-index:2; color:#fff; }
.bildbahn__inhalt{ position:relative; z-index:3; width:100%; padding-block:clamp(3rem,7vw,5rem); }
@supports (animation-timeline:view()){
  .bildbahn{ view-timeline-name:--bahn; }
  .bildbahn > picture img{ animation:bahngegen linear both; animation-timeline:--bahn; animation-range:cover 0% cover 100%; }
  @keyframes bahngegen{
    from{ transform:scale(1.34) translateY(-13%); }
    to  { transform:scale(1.34) translateY(13%); }
  }
  .bildbahn__inhalt{ animation:bahnmit linear both; animation-timeline:--bahn; animation-range:cover 0% cover 100%; }
  @keyframes bahnmit{ from{ transform:translateY(4.5%); } to{ transform:translateY(-4.5%); } }
  .bildbahn .netz svg,.bildbahn .knotenfeld{ animation-timeline:--bahn; }
  .tor{ view-timeline-name:--tor; }
  .tor .dreiecksbild__bild,.tor .dreiecksbild__leer{ animation-timeline:--tor; }
}
@media (prefers-reduced-motion:reduce){
  .bildbahn > picture img,.bildbahn__inhalt{ animation:none !important; transform:none !important; }
}
.dreiecke{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 110px, #000 calc(100% - 110px), transparent 100%);
          mask-image:linear-gradient(to bottom, transparent 0, #000 110px, #000 calc(100% - 110px), transparent 100%); }
.dreiecke--anflug{ -webkit-mask-image:none; mask-image:none; }
.dreieck{ position:absolute; inset-block-start:var(--dy); inset-inline-start:var(--dx);
  width:var(--dg); aspect-ratio:1/.8660; opacity:var(--do, .09);
  background:currentColor; clip-path:polygon(50% 0,100% 100%,0 100%);
  color:var(--cft);
  rotate:var(--dr, 0deg);
  translate:var(--px, 0px) var(--py, 0px);
  filter:blur(var(--du, 0px)); }
.dreieck--e0{ --du:0px;   --dz:74px; }
.dreieck--e1{ --du:.5px;  --dz:48px; }
.dreieck--e2{ --du:1.1px; --dz:28px; }
.dreiecke--anflug .dreieck--e0{ --do:.130; }
.dreiecke--anflug .dreieck--e1{ --do:.100; }
.dreiecke--anflug .dreieck--e2{ --do:.070; }
.dreieck--rand{ background:none; }
.dreieck--rand::before{ content:''; position:absolute; inset:0; background:currentColor;
  clip-path:polygon(50% 0,100% 100%,0 100%,50% 0,50% 6%,7% 94%,93% 94%,50% 6%); }
.flaeche--schwarz .dreiecke,.bildbahn .dreiecke{ color:#fff; }
@supports (animation-timeline:view()){
  .dreieck{ animation:dreieckzug linear both; animation-range:entry 0% exit 100%; }
  @keyframes dreieckzug{
    0%   { opacity:0;                transform:translateY(var(--dz, 46px)); }
    30%  { opacity:var(--do, .09); }
    70%  { opacity:var(--do, .09); }
    100% { opacity:0;                transform:translateY(calc(var(--dz, 46px) * -1)); }
  }
}
@media (prefers-reduced-motion:reduce){
  .dreieck{ animation:none; opacity:var(--do,.09); translate:none; }
}
.fussfeld{ position:relative; }
.dreiecke--anflug{ inset-block-end:auto; height:62%; z-index:1; }
.dreiecke--anflug .dreieck{ color:var(--cft); }
.fussfeld{ view-timeline-name:--fussfeld; }
@supports (animation-timeline:view()){
  .dreiecke--anflug .dreieck{
    animation:anflug linear both; animation-timeline:--fussfeld;
    animation-range:cover calc(120px + var(--dv,0) * 26px) cover calc(1750px + var(--dv,0) * 26px); }
  @keyframes anflug{
    0%   { opacity:0;               transform:translateY(-60px); }
    22%  { opacity:var(--do,.11); }
    64%  { opacity:var(--do,.11); }
    100% { opacity:0;               transform:translateY(var(--dfall,420px)); }
  }
}
@media (prefers-reduced-motion:reduce){ .dreiecke--anflug{ display:none; } }
.zahlenband:has(.zahl[open]){ z-index:40; }
.zahlenband{ position:relative; color:#fff; padding-block:1.125rem;
  background-color:var(--gruen-tief);
  background-image:linear-gradient(100deg, #0A6B58 0%, var(--gruen-tief) 44%, var(--gruen-rand) 100%); }
.zahlenband .zahl__wert{ color:var(--gold-hell); }
.zahlenband .zahl__was,.zahlenband .zahl__einheit{ color:rgb(255 255 255 / .92); }
.abschnitt{ display:flow-root; }
.abschnitt{ padding-block:var(--band); }
.kopfteil > .mitte{ padding-block:var(--band-kopf); }
.kopfteil h1{ font-size:var(--h1-einstieg); max-width:var(--spalte-breit);
  margin-block-start:.75rem; }
.kopfteil--bereich h1{ font-size:var(--h1-bereich); }
.kopfteil--blatt h1{ font-size:var(--h1-blatt); }
.kopfzeile{ display:flex; flex-wrap:wrap; gap:1rem 2rem; align-items:end; justify-content:space-between; }
h2{ font-size:clamp(1.5rem, 1.1rem + 2vw, 2.5rem); }
.kopfzeile h2,.abschnitt > .mitte > h2{ max-width:min(var(--spalte-schmal), 20ch); }
.unterirdisch > .mitte > h2{ max-width:none; }
h3{ font-size:1.25rem; }
.mehr{ font-weight:600; text-decoration:none; border-bottom:var(--kante) solid var(--gold);
  text-wrap:pretty; transition:border-color var(--takt-schnell) var(--bogen); }
@media (hover:hover){
  .mehr:hover{ border-bottom-color:var(--gold-tief); }
  .welt--betrieb .mehr:hover,.flaeche--schwarz .mehr:hover,
  .flaeche--gruen-tief .mehr:hover,.fuss .mehr:hover,
  .formularfeld__nachsatz .mehr:hover{ border-bottom-color:#fff; }
}
.balken{ display:inline-block; background-color:var(--gruen-tief); color:#fff; padding:.45rem 1.1rem;
  font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:.8125rem;
  background-image:radial-gradient(140% 240% at 50% -20%, #0A6B58 0%, var(--gruen-tief) 62%, var(--gruen-rand) 100%);
  position:relative; isolation:isolate; overflow:hidden; }
.lead{ font-size:1.125rem; max-width:min(var(--spalte-breit), 54ch); }
@media (min-width:60rem){ .lead{ font-size:1.25rem; } }
.raster3{ display:grid; grid-template-columns:minmax(0,1fr); margin-top:var(--s5);
  border-block-start:1px solid var(--linie); border-inline-start:1px solid var(--linie); }
ul.raster3{ list-style:none; padding:0; }
ul.raster3 > .kachel{ font-weight:600; line-height:1.25; overflow-wrap:anywhere; }
ul.raster3--namen > .kachel,ul.raster3--namen > li > .kachel{ font-size:1.25rem; font-weight:600;
  line-height:1.25; overflow-wrap:anywhere; text-wrap:balance; }
ul.raster3--namen > li:not(.kachel){ display:grid; }
@media (min-width:44rem){ .raster3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:68rem){ .raster3{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:68rem){
  .raster3:has(> :nth-child(2):last-child){ width:calc(200% / 3); grid-template-columns:repeat(2,minmax(0,1fr)); }
  .raster3:has(> :only-child){ width:calc(100% / 3); grid-template-columns:minmax(0,1fr); }
}
@media (min-width:44rem) and (max-width:67.99rem){
  .raster3:has(> :only-child){ width:50%; grid-template-columns:minmax(0,1fr); }
}
@media (min-width:68rem){
  .raster3:has(> :nth-child(4):last-child){ grid-template-columns:repeat(2,1fr); }
}
.kachel{ display:block; padding:1.75rem; background:var(--karte); text-decoration:none;
  border-inline-end:1px solid var(--linie); border-block-end:1px solid var(--linie);
  box-shadow:inset 0 4px 0 transparent;
  transition:box-shadow var(--takt-schnell) var(--bogen),background-color var(--takt-schnell) var(--bogen); }
a.kachel:hover{ background-color:var(--papier-zart); box-shadow:inset 0 4px 0 var(--gold); }
.flaeche--schwarz .raster3,.flaeche--gruen-tief .raster3{
  border-color:rgba(255,255,255,.22); }
.flaeche--schwarz .kachel,.flaeche--gruen-tief .kachel{
  background:rgba(10,13,12,.52); border-color:rgba(255,255,255,.20);
  -webkit-backdrop-filter:blur(10px) saturate(.82);
          backdrop-filter:blur(10px) saturate(.82);
  transition:background-color var(--takt) var(--bogen), backdrop-filter var(--takt) var(--bogen),
    box-shadow var(--takt) var(--bogen), translate var(--takt) var(--bogen),
    border-color var(--takt) var(--bogen); }
.flaeche--schwarz .kachel:hover,.flaeche--gruen-tief .kachel:hover{
  background-color:rgba(10,13,12,.72); translate:0 -3px;
  box-shadow:inset 0 4px 0 var(--gold), 0 14px 34px rgb(0 0 0 / .40);
  border-color:rgba(255,255,255,.30);
  -webkit-backdrop-filter:blur(18px) saturate(.7);
          backdrop-filter:blur(18px) saturate(.7); }
.flaeche--schwarz .kachel p,.flaeche--gruen-tief .kachel p:not(.mono):not(.etikett){
  color:rgba(255,255,255,.84); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .flaeche--weiss .kachel{ background-color:var(--glas-hell);
    background-image:
      radial-gradient(var(--glas-glanz-groesse) at var(--glanz-x, 50%) var(--glanz-y, -10%),
        rgb(255 255 255 / calc(var(--glas-glanz) * var(--glanz-an))) 0%, rgb(255 255 255 / calc(var(--glas-glanz) * .35 * var(--glanz-an))) 38%, transparent 72%),
      linear-gradient(180deg, rgb(var(--glas-rgb) / var(--glas-koerper)) 0%, transparent 60%);
    box-shadow:inset 0 4px 0 transparent,
      inset 0 1px 0 rgb(255 255 255 / var(--glas-rim-hell)),
      inset 0 -1px 0 rgb(29 29 27 / var(--glas-rim-dunkel)),
      inset 0 0 var(--glas-tiefe) rgb(255 255 255 / var(--glas-tiefe-deckung));
    -webkit-backdrop-filter:var(--glas-weich); backdrop-filter:var(--glas-weich);
    transition:box-shadow var(--takt-schnell) var(--bogen), background-color var(--takt-schnell) var(--bogen),
      backdrop-filter var(--takt-schnell) var(--bogen), translate var(--takt-schnell) var(--bogen),
      --glanz-an var(--takt) var(--bogen); }
  .flaeche--weiss a.kachel:hover{ background-color:var(--glas-hell-an); translate:0 -2px;
    box-shadow:inset 0 4px 0 var(--gold),
      inset 0 1px 0 rgb(255 255 255 / var(--glas-rim-hell)),
      inset 0 -1px 0 rgb(29 29 27 / var(--glas-rim-dunkel)),
      inset 0 0 var(--glas-tiefe) rgb(255 255 255 / var(--glas-tiefe-deckung));
    -webkit-backdrop-filter:var(--glas-weich-an); backdrop-filter:var(--glas-weich-an); }
  .flaeche--schwarz .kachel,.flaeche--gruen-tief .kachel{
    background-image:
      radial-gradient(var(--glas-glanz-groesse) at var(--glanz-x, 50%) var(--glanz-y, -10%),
        rgb(255 255 255 / calc(var(--glas-glanz) * .4 * var(--glanz-an))) 0%, rgb(255 255 255 / calc(var(--glas-glanz) * .14 * var(--glanz-an))) 38%, transparent 72%),
      radial-gradient(150% 210% at 50% -10%, rgb(255 255 255 / .08) 0%, rgb(255 255 255 / 0) 62%);
    transition:background-color var(--takt) var(--bogen), backdrop-filter var(--takt) var(--bogen),
      box-shadow var(--takt) var(--bogen), translate var(--takt) var(--bogen),
      border-color var(--takt) var(--bogen), --glanz-an var(--takt) var(--bogen); }
  .buehne .weg{
    background-image:radial-gradient(var(--glas-glanz-groesse) at var(--glanz-x, 50%) var(--glanz-y, -10%),
      rgb(255 255 255 / calc(var(--glas-glanz) * .4 * var(--glanz-an))) 0%, rgb(255 255 255 / calc(var(--glas-glanz) * .14 * var(--glanz-an))) 38%, transparent 72%);
    box-shadow:inset 0 1px 0 rgb(255 255 255 / calc(var(--glas-rim-hell) * .4));
    transition:background-color var(--takt-schnell) var(--bogen), color var(--takt-schnell) var(--bogen), --glanz-an var(--takt) var(--bogen); }
  .kachel:hover,.buehne .weg:hover,.formular:hover{ --glanz-an:1; }
  .flaeche--weiss .formular{
    box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--glas-rim-hell)),
      inset 0 -1px 0 rgb(29 29 27 / var(--glas-rim-dunkel)),
      inset 0 0 var(--glas-tiefe) rgb(255 255 255 / var(--glas-tiefe-deckung)); }
  .flaeche--weiss .formularfeld{ background-color:transparent; }
  .flaeche--weiss .formular{ background-color:var(--glas-hell); transition:--glanz-an var(--takt) var(--bogen);
    background-image:
      radial-gradient(var(--glas-glanz-groesse) at var(--glanz-x, 50%) var(--glanz-y, -10%),
        rgb(255 255 255 / calc(var(--glas-glanz) * var(--glanz-an))) 0%, rgb(255 255 255 / calc(var(--glas-glanz) * .35 * var(--glanz-an))) 38%, transparent 72%),
      linear-gradient(168deg, rgb(255 255 255 / .55) 0%, transparent 46%, rgb(243 246 245 / .40) 100%);
    -webkit-backdrop-filter:var(--glas-weich); backdrop-filter:var(--glas-weich); }
  .fakten{ position:relative; isolation:isolate; overflow:hidden; background-color:var(--glas-feld);
    -webkit-backdrop-filter:var(--glas-weich); backdrop-filter:var(--glas-weich); }
  .fakten th{ background:color-mix(in srgb, var(--papier-fein) 72%, transparent); }
  html[data-kontrast="hoch"] .fakten{ background-color:var(--weiss-mitte); -webkit-backdrop-filter:none; backdrop-filter:none; }
  html[data-kontrast="hoch"] .fakten th{ background:var(--papier-fein); }
  .flaeche--weiss .feld input[type=text],.flaeche--weiss .feld input[type=tel],
  .flaeche--weiss .feld input[type=email],.flaeche--weiss .feld textarea,
  .flaeche--weiss .feld select{ background-color:var(--glas-feld); }
  html[data-kontrast="hoch"] .flaeche--weiss .kachel,
  html[data-kontrast="hoch"] .flaeche--weiss a.kachel:hover{ background-color:var(--karte);
    -webkit-backdrop-filter:none; backdrop-filter:none; }
  html[data-kontrast="hoch"] .flaeche--weiss .formularfeld,
  html[data-kontrast="hoch"] .flaeche--weiss .formular{ background-color:var(--weiss-mitte);
    -webkit-backdrop-filter:none; backdrop-filter:none; }
  html[data-kontrast="hoch"] .flaeche--weiss .feld input[type=text],
  html[data-kontrast="hoch"] .flaeche--weiss .feld input[type=tel],
  html[data-kontrast="hoch"] .flaeche--weiss .feld input[type=email],
  html[data-kontrast="hoch"] .flaeche--weiss .feld textarea,
  html[data-kontrast="hoch"] .flaeche--weiss .feld select{ background-color:var(--feld); }
}
@property --glanz-an{ syntax:'<number>'; inherits:false; initial-value:0; }
.kachel,.weg{ position:relative; isolation:isolate; overflow:hidden; }
.formular{ isolation:isolate; overflow:hidden; }
.glasschicht{ position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; opacity:var(--glas-t,1); }
.laeufer-huelle,.schein-huelle,.glasdrift{ position:absolute; inset:0; pointer-events:none; }
@keyframes glasdrift{ from{ transform:translateY(calc(-1 * var(--drift-px, 0px))); } to{ transform:translateY(var(--drift-px, 0px)); } }
.glasschicht--rand{
  -webkit-mask-image:
    linear-gradient(to right, #000 0, transparent calc(var(--glas-brechung-rand) * 1px), transparent calc(100% - var(--glas-brechung-rand) * 1px), #000 100%),
    linear-gradient(to bottom, #000 0, transparent calc(var(--glas-brechung-rand) * 1px), transparent calc(100% - var(--glas-brechung-rand) * 1px), #000 100%);
          mask-image:
    linear-gradient(to right, #000 0, transparent calc(var(--glas-brechung-rand) * 1px), transparent calc(100% - var(--glas-brechung-rand) * 1px), #000 100%),
    linear-gradient(to bottom, #000 0, transparent calc(var(--glas-brechung-rand) * 1px), transparent calc(100% - var(--glas-brechung-rand) * 1px), #000 100%);
  -webkit-mask-composite:source-over; mask-composite:add;
  will-change:transform;
  transform:scale(calc(1 + var(--glas-brechung) / 100)); transform-origin:50% 50%; }
.glasschein{ position:absolute; inset-block-start:0; inset-inline-start:0;
  width:calc(var(--schein-breite) + 2 * var(--schein-hof-breite)); height:260px;
  pointer-events:none; opacity:0; transform-origin:50% 0; will-change:transform;
  filter:blur(var(--schein-weich));
  --schein-linie-spitze:calc(100% * var(--schein-linie) * (1 - .19 * var(--schein-linie-weich)));
  --schein-linie-bild:
    linear-gradient(to right,
      transparent calc(50% - 2.2px - 2.2px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) calc(.08 * var(--schein-linie-spitze)), transparent) calc(50% - 1.3px - 1.9px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) calc(.23 * var(--schein-linie-spitze)), transparent) calc(50% - 1.3px - 1.3px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) calc(.48 * var(--schein-linie-spitze)), transparent) calc(50% - 1.3px - .7px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) calc(.81 * var(--schein-linie-spitze)), transparent) calc(50% - .9px - .3px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) var(--schein-linie-spitze), transparent) 50%,
      color-mix(in srgb, var(--schein-kernfarbe) calc(.81 * var(--schein-linie-spitze)), transparent) calc(50% + .9px + .3px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) calc(.48 * var(--schein-linie-spitze)), transparent) calc(50% + 1.3px + .7px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) calc(.23 * var(--schein-linie-spitze)), transparent) calc(50% + 1.3px + 1.3px * var(--schein-linie-weich)),
      color-mix(in srgb, var(--schein-kernfarbe) calc(.08 * var(--schein-linie-spitze)), transparent) calc(50% + 1.3px + 1.9px * var(--schein-linie-weich)),
      transparent calc(50% + 2.2px + 2.2px * var(--schein-linie-weich)));
  --schein-kern-bild:
    linear-gradient(to right, transparent 25%,
      rgb(var(--puls-gold) / calc(.037 * var(--schein-kern))) 30%,
      rgb(var(--puls-gold) / calc(.135 * var(--schein-kern))) 34.5%,
      rgb(var(--puls-gold) / calc(.29 * var(--schein-kern))) 38%,
      color-mix(in srgb, color-mix(in srgb, var(--schein-kernfarbe) 80%, rgb(var(--puls-gold))) calc(61% * var(--schein-kern)), transparent) 42%,
      color-mix(in srgb, var(--schein-kernfarbe) calc(85% * var(--schein-kern)), transparent) 45.5%,
      color-mix(in srgb, var(--schein-kernfarbe) calc(100% * var(--schein-kern)), transparent) 50%,
      color-mix(in srgb, var(--schein-kernfarbe) calc(85% * var(--schein-kern)), transparent) 54.5%,
      color-mix(in srgb, color-mix(in srgb, var(--schein-kernfarbe) 80%, rgb(var(--puls-gold))) calc(61% * var(--schein-kern)), transparent) 58%,
      rgb(var(--puls-gold) / calc(.29 * var(--schein-kern))) 62%,
      rgb(var(--puls-gold) / calc(.135 * var(--schein-kern))) 65.5%,
      rgb(var(--puls-gold) / calc(.037 * var(--schein-kern))) 70%, transparent 75%);
  --schein-hof-bild:
    linear-gradient(to right, transparent 0%,
      rgb(var(--puls-gold) / calc(.03 * var(--schein-hof))) 5%, rgb(var(--puls-gold) / calc(.07 * var(--schein-hof))) 12%,
      rgb(var(--puls-gold) / calc(.14 * var(--schein-hof))) 20%, rgb(var(--puls-gold) / calc(.26 * var(--schein-hof))) 27%,
      rgb(var(--puls-gold) / calc(.42 * var(--schein-hof))) 33%, rgb(var(--puls-gold) / calc(.62 * var(--schein-hof))) 38%,
      rgb(var(--puls-gold) / calc(.82 * var(--schein-hof))) 43%, rgb(var(--puls-gold) / calc(.92 * var(--schein-hof))) 46%,
      rgb(var(--puls-gold) / var(--schein-hof)) 50%,
      rgb(var(--puls-gold) / calc(.92 * var(--schein-hof))) 54%, rgb(var(--puls-gold) / calc(.82 * var(--schein-hof))) 57%,
      rgb(var(--puls-gold) / calc(.62 * var(--schein-hof))) 62%, rgb(var(--puls-gold) / calc(.42 * var(--schein-hof))) 67%,
      rgb(var(--puls-gold) / calc(.26 * var(--schein-hof))) 73%, rgb(var(--puls-gold) / calc(.14 * var(--schein-hof))) 80%,
      rgb(var(--puls-gold) / calc(.07 * var(--schein-hof))) 88%, rgb(var(--puls-gold) / calc(.03 * var(--schein-hof))) 95%, transparent 100%);
  background-image:var(--schein-linie-bild), var(--schein-kern-bild), var(--schein-hof-bild);
  background-size:100% 100%, var(--schein-breite) 100%, 100% 100%;
  background-position:0 0, 50% 0, 0 0; background-repeat:no-repeat;
  --schein-profil:linear-gradient(to bottom, transparent 0%, transparent var(--schein-ein), rgb(0 0 0 / .45) 18.8%, #000 31.2%, rgb(0 0 0 / .55) 36.9%, transparent var(--schein-aus));
  --schein-profil-hof:linear-gradient(to bottom, transparent 0%, transparent var(--schein-ein), rgb(0 0 0 / .40) 18.8%, #000 31.2%, rgb(0 0 0 / .66) 38.5%, rgb(0 0 0 / .28) 46%, transparent calc(var(--schein-aus) + 8%));
  -webkit-mask-image:var(--schein-profil); mask-image:var(--schein-profil);
  -webkit-mask-composite:source-in; mask-composite:intersect; }
.glasschein--linie{ background-image:var(--schein-linie-bild); background-size:100% 100%; background-position:0 0; width:16px; }
.glasschein--hof{ background-image:var(--schein-kern-bild), var(--schein-hof-bild); background-size:var(--schein-breite) 100%, 100% 100%; background-position:50% 0, 0 0;
  -webkit-mask-image:var(--schein-profil-hof); mask-image:var(--schein-profil-hof); }
.eckfunke{ position:absolute; inset-block-start:0; inset-inline-start:0;
  width:var(--eckfunke-groesse); height:var(--eckfunke-groesse); pointer-events:none; opacity:0; will-change:transform; transform-origin:50% 50%;
  background-image:
    radial-gradient(circle at 50% 50%, rgb(var(--puls-gold) / calc(.40 * var(--eckfunke-kern))) 0, rgb(var(--puls-gold) / calc(.18 * var(--eckfunke-kern))) 9px, transparent 24px),
    radial-gradient(ellipse 3.5px 11px at 50% calc(50% + 9px), rgb(var(--puls-gold) / calc(.32 * var(--eckfunke-kern))) 0, rgb(var(--puls-gold) / calc(.12 * var(--eckfunke-kern))) 60%, transparent 100%),
    radial-gradient(circle at 50% 50%, rgb(var(--puls-gold) / calc(var(--eckfunke-hof) * var(--kantenglow-bloom))) 0, rgb(var(--puls-gold) / calc(.45 * var(--eckfunke-hof) * var(--kantenglow-bloom))) 40%, transparent 50%);
  background-repeat:no-repeat; }
.eckfunke--blitz{ width:var(--knie-groesse); height:var(--knie-groesse);
  background-image:
    radial-gradient(circle 4px at 50% 50%, #FFF6E4 0, var(--puls-kern) 45%, transparent 100%),
    radial-gradient(circle 5px at calc(50% + var(--eckfunke-dispersion-versatz)) 50%, rgb(var(--puls-gold) / calc(.55 * var(--eckfunke-dispersion))) 0, transparent 100%),
    radial-gradient(circle 5px at calc(50% - var(--eckfunke-dispersion-versatz)) 50%, rgb(198 216 255 / calc(.045 * var(--eckfunke-dispersion))) 0, transparent 100%),
    radial-gradient(ellipse 1.1px 15px at 50% 50%, var(--puls-kern) 0, transparent 100%),
    radial-gradient(ellipse 3px 30px at 50% 50%, rgb(var(--puls-gold) / .28) 0, transparent 100%),
    radial-gradient(ellipse 14px 34px at 50% 50%, rgb(var(--puls-gold) / calc(.09 * var(--kantenglow-bloom))) 0, transparent 100%);
  background-repeat:no-repeat; }
.kantenglow{ position:absolute; inset-block-start:0; inset-inline-start:0;
  width:var(--kantenglow-laenge); height:var(--kantenglow-breite); pointer-events:none; opacity:0;
  transform-origin:50% 50%; will-change:transform; filter:blur(var(--kantenglow-weich));
  background-image:
    radial-gradient(ellipse 40px 1.2px at 50% 50%, var(--puls-kern) 0%, var(--puls-kern) 50%, color-mix(in srgb, var(--puls-kern) 50%, transparent) 80%, transparent 100%),
    radial-gradient(ellipse 90px 5px at 50% 50%, rgb(var(--puls-gold) / calc(.38 * var(--kantenglow-bloom))) 0%, rgb(var(--puls-gold) / calc(.20 * var(--kantenglow-bloom))) 40%, rgb(var(--puls-gold) / calc(.08 * var(--kantenglow-bloom))) 70%, transparent 100%),
    radial-gradient(ellipse 100px 18px at 50% 50%, rgb(var(--puls-gold) / calc(.12 * var(--kantenglow-bloom))) 0%, rgb(var(--puls-gold) / calc(.07 * var(--kantenglow-bloom))) 40%, rgb(var(--puls-gold) / calc(.025 * var(--kantenglow-bloom))) 70%, transparent 100%);
  -webkit-mask-image:linear-gradient(to right, transparent 0%, rgb(0 0 0 / .15) 12.5%, rgb(0 0 0 / .29) 25%, rgb(0 0 0 / .54) 37.5%, #000 50%, rgb(0 0 0 / .54) 62.5%, rgb(0 0 0 / .29) 75%, rgb(0 0 0 / .15) 87.5%, transparent 100%);
          mask-image:linear-gradient(to right, transparent 0%, rgb(0 0 0 / .15) 12.5%, rgb(0 0 0 / .29) 25%, rgb(0 0 0 / .54) 37.5%, #000 50%, rgb(0 0 0 / .54) 62.5%, rgb(0 0 0 / .29) 75%, rgb(0 0 0 / .15) 87.5%, transparent 100%); }
.glasschicht{ transition:opacity var(--takt-schnell) var(--bogen); }
.flaeche--weiss a.kachel:hover .glasschicht{ opacity:calc(.38 * var(--glas-t,1)); }
.buehne .weg:hover .glasschicht,.knopf--rand:hover .glasschicht{ opacity:0; }
.glaslicht{ position:absolute; inset:0; pointer-events:none; opacity:0; will-change:opacity;
  box-shadow:inset 0 0 0 1px rgb(var(--puls-gold) / .45),
    inset 0 0 calc(var(--glas-tiefe) * 1.8) rgb(var(--puls-gold) / .18); }
html[data-kontrast="hoch"] .glasschicht{ display:none; }
.kachel::after,.buehne .weg::before,.formular::before{ content:''; position:absolute; inset:0; z-index:1;
  pointer-events:none; padding:1px;
  background:linear-gradient(135deg, rgb(255 255 255 / var(--glas-rim-hell)) 0%,
    rgb(255 255 255 / calc(var(--glas-rim-hell) * .18)) 40%, rgb(255 255 255 / calc(var(--glas-rim-hell) * .5)) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude; }
html[data-kontrast="hoch"] .kachel::after,html[data-kontrast="hoch"] .buehne .weg::before,html[data-kontrast="hoch"] .formular::before{ display:none; }
.nur-filter{ position:absolute; width:0; height:0; overflow:hidden; }
.kachel p{ color:var(--grau); font-size:.9375rem; margin:.5rem 0 0; }
.prospekte{ display:grid; gap:clamp(1.75rem,3vw,2.75rem); margin-top:var(--s5);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr)); }
.prospekt{ display:grid; gap:1rem; align-content:start; }
.prospekt__blatt{ display:block; background:#fff; line-height:0;
  box-shadow:0 1px 2px rgb(29 29 27 / .10), 0 8px 22px -12px rgb(29 29 27 / .35);
  transition:transform var(--takt) var(--bogen), box-shadow var(--takt) var(--bogen); }
.prospekt__blatt img{ width:100%; height:auto; }
.prospekt__blatt:hover{ transform:translateY(-4px);
  box-shadow:0 2px 4px rgb(29 29 27 / .12), 0 20px 34px -16px rgb(29 29 27 / .42); }
.prospekt__wort h3{ line-height:1.25; }
.prospekt__wort h3 a{ color:inherit; text-decoration:none;
  border-block-end:var(--kante) solid transparent; }
.prospekt__wort h3 a:hover{ border-block-end-color:var(--gold); }
.prospekt__wort p:not(.mono){ color:var(--grau); font-size:.9375rem; margin:.45rem 0 0; }
.prospekt__daten{ font-size:.8125rem; letter-spacing:.02em; }
@media (prefers-reduced-motion:reduce){
  .prospekt__blatt,.prospekt__blatt:hover{ transform:none; transition:none; }
  .kachel,.kachel:hover,
  .flaeche--schwarz .kachel,.flaeche--schwarz .kachel:hover,
  .flaeche--gruen-tief .kachel,.flaeche--gruen-tief .kachel:hover{
    translate:none !important; transition:none; }
}
.mensch{ display:grid; grid-template-columns:5.25rem 1fr; gap:1rem; align-items:start; }
.mensch__bild{ display:block; width:5.25rem; aspect-ratio:459 / 600; overflow:hidden;
  background:#EDF1EF; }
.mensch__bild img{ width:100%; height:100%; object-fit:cover; display:block;
  filter:saturate(.88); transition:filter var(--takt) var(--bogen); }
.mensch:hover .mensch__bild img{ filter:saturate(1); }
.mensch__bild--leer{ display:grid; place-items:center; font-family:var(--mono);
  font-size:1.125rem; letter-spacing:.06em; color:var(--gruen-tief);
  background-color:#E7EDEA;
  background-image:linear-gradient(160deg,#EDF1EF,#DCE5E1); }
.mensch__wort .mensch__name{ font-size:1.0625rem; line-height:1.25; margin:0; font-weight:600;
  color:inherit; text-wrap:wrap; overflow-wrap:anywhere;
  hyphens:manual; -webkit-hyphens:manual; }
.mensch__wort{ min-width:0; }
.mensch__kontakt a,.mensch__wort p{ overflow-wrap:anywhere; }
.mensch__kontakt{ margin-top:.75rem; font-size:.8125rem; line-height:1.5; }
.mensch__kontakt a{ color:var(--gruen-wort); text-decoration:none;
  border-block-end:1px solid transparent;
  display:inline-flex; align-items:center; min-height:2.75rem; }
@media (hover:hover){
  .mensch__kontakt a:hover{ border-block-end-color:var(--gold); }
}
@media (max-width:24rem){
  .mensch{ grid-template-columns:4.25rem 1fr; gap:.75rem; }
  .mensch__bild{ width:4.25rem; }
}
.struktur{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.struktur::before{ content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(60deg,  currentColor 1px, transparent 1px),
    linear-gradient(-60deg, currentColor 1px, transparent 1px),
    linear-gradient(to bottom, currentColor 1px, transparent 1px);
  background-size:56px 48.5px;
  opacity:.16;
  mask-image:linear-gradient(to bottom, transparent 0%, #000 34%, #000 62%, transparent 100%); }
.flaeche--weiss .struktur{ color:var(--cft); }
.flaeche--schwarz .struktur,.flaeche--gruen-tief .struktur{ color:#fff; }
.flaeche--schwarz .struktur::before{ opacity:.09; }
.ablauf{ list-style:none; margin:var(--s5) 0 0; padding:0; counter-reset:s; display:grid; gap:1.75rem; }
@media (min-width:34rem){ .ablauf{ grid-template-columns:1fr 1fr; gap:1.75rem 2rem; } }
@media (min-width:64rem){ .ablauf{ grid-template-columns:repeat(4,1fr); gap:2rem; } }
.ablauf li{ counter-increment:s; }
.ablauf li::before{ content:counter(s); display:block; font-family:var(--mono); font-size:.875rem;
  color:var(--gruen-wort); border-top:var(--kante-stark) solid var(--gold); padding-top:.75rem; margin-bottom:.75rem; }
.flaeche--schwarz .ablauf li::before{ color:var(--gold-hell); }
.ablauf p{ color:var(--grau); font-size:.9375rem; margin:.4rem 0 0; }
.flaeche--schwarz .ablauf p{ color:rgba(255,255,255,.92); }
.fakten{ width:100%; border-collapse:collapse; margin:1.5rem 0; font-size:.9375rem; }
.fakten th,.fakten td{ text-align:start; padding:.75rem 1rem; border-bottom:1px solid var(--linie);
  vertical-align:top; }
.fakten th{ font-weight:600; width:16rem; background:var(--papier-fein); }
@media (max-width:40rem){ .fakten th,.fakten td{ display:block; width:auto; border-bottom:0; padding-block:.4rem; }
  .fakten td{ padding-bottom:.9rem; border-bottom:1px solid var(--linie); } }
.zeichen{ display:inline-block; inline-size:1.5rem; block-size:1.5rem; flex:none; color:var(--cft); }
.kachel--bereich .zeichen{ display:block; inline-size:2.4rem; block-size:2.4rem; margin-block-end:.9rem; }
a.kachel--bereich:hover .zeichen{ color:var(--gold-tief); }
.zeichenteller{ position:absolute; inset-inline-end:0; inset-block-start:3.25rem;
  inline-size:7.5rem; block-size:7.5rem; display:grid; place-items:center;
  border-radius:50%; color:var(--gold-hell);
  background:rgb(255 255 255 / .06);
  border:1px solid rgb(255 255 255 / .16);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .12), 0 18px 40px rgb(0 0 0 / .25);
  isolation:isolate; overflow:hidden; }
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .zeichenteller{ -webkit-backdrop-filter:var(--glas-weich); backdrop-filter:var(--glas-weich); } }
.zeichenteller .zeichen{ inline-size:3.9rem; block-size:3.9rem; color:inherit; }
@media (max-width:56rem){ .zeichenteller{ display:none; } }
html[data-kontrast="hoch"] .zeichenteller{ background:transparent; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.fuss__herz{ margin:2.25rem 0 .75rem; }
.fuss__herz svg{ display:block; inline-size:min(12.5rem, 56vw); block-size:auto; }
.fuss__herz-weg{ display:inline-block; text-decoration:none; }
html[data-kontrast="hoch"] .fuss .fuss__herz-weg{ text-decoration:none; }
.fuss__herz-weg:focus-visible{ outline-offset:5px; }
@media (hover:hover){ .fuss__herz-weg:hover{ opacity:.84; } }
@keyframes fahne-auftritt{ from{ opacity:0; translate:1.6rem -50%; } }
.zeichenfahne{ position:absolute; inset-inline-end:0; inset-block-start:50%;
  translate:0 -50%; z-index:2;
  animation:fahne-auftritt .8s var(--bogen) .2s backwards;
  inline-size:clamp(7.5rem, 11vw, 10.5rem); block-size:clamp(5.75rem, 8.5vw, 8rem);
  display:grid; place-items:center;
  background:#fff; border-start-start-radius:4px; border-end-start-radius:4px;
  box-shadow:0 18px 44px rgb(0 0 0 / .30), 0 2px 10px rgb(0 0 0 / .18); }
.zeichenfahne .zeichen{ inline-size:68%; block-size:68%; color:var(--cft); }
.kopfteil:has(> .zeichenfahne){ overflow-x:clip; }
@media (max-width:56rem){ .zeichenfahne{ display:none; } }
@media (prefers-reduced-motion:reduce){ .zeichenfahne{ animation:none; } }
html[data-kontrast="hoch"] .zeichenfahne{ box-shadow:none; border:1px solid var(--tinte); }
.register__kopf{ display:flex; flex-direction:column; align-items:flex-start; gap:.7rem; }
.register__kopf > .zeichen{ display:block;
  inline-size:2.6rem; block-size:2.6rem; color:var(--cft);
  scale:var(--reg-mass, 1); transform-origin:left bottom;
  transition:color var(--takt-schnell) var(--bogen), translate var(--takt-schnell) var(--bogen); }
.register__kopf:hover > .zeichen,
.register__kopf:focus-visible > .zeichen{ color:var(--gold-tief); translate:0 -2px; }
.lage__wort h2{ display:flex; align-items:center; gap:.8rem; }
.zeichen--lage{ inline-size:2.3rem; block-size:2.3rem; flex:none; color:var(--cft); }
.gebiet__legende{ display:flex; gap:1.5rem; flex-wrap:wrap; justify-content:center; margin-top:.9rem; font-size:.875rem; color:inherit; }
.gebiet__legende__eintrag{ display:inline-flex; align-items:center; gap:.5rem; }
.gebiet__legende__feld{ inline-size:1.15rem; block-size:.8rem; border:1px solid rgb(0 0 0 / .55); flex:none; }
.gebiet__legende__feld--kern{ background:#F39712; }
.gebiet__legende__feld--projekt{ background:#F4C507; }
.gebiet__legende__feld--projekt-gelb{ background:#EFEC16; margin-inline-start:-.35rem; }
.gebiet__legende__feld--projekt-hellgelb{ background:#F3F175; margin-inline-start:-.35rem; }
.frage{ border-bottom:1px solid var(--linie); }
.frage summary{ cursor:pointer; padding:1.125rem 2.5rem 1.125rem 0; font-weight:600; position:relative;
  list-style:none; }
.frage summary::-webkit-details-marker{ display:none; }
.frage summary::after{ content:''; position:absolute; inset-inline-end:.5rem; top:1.5rem;
  width:.7rem; height:.7rem; border-inline-end:2px solid var(--gruen-tief); border-block-end:2px solid var(--gruen-tief);
  transform:rotate(45deg); transition:transform var(--takt) var(--bogen); }
.frage[open] summary::after{ transform:translateY(.25rem) rotate(-135deg); }
@media (hover:hover){ .frage summary:hover{ color:var(--gruen-wort); } }
.frage > div{ padding-bottom:1.25rem; color:var(--grau); max-width:min(var(--spalte-breit), 60ch); }
@property --knopf-1{ syntax:'<color>'; inherits:false; initial-value:#F8B646; }
@property --knopf-2{ syntax:'<color>'; inherits:false; initial-value:#F0A11B; }
@property --knopf-3{ syntax:'<color>'; inherits:false; initial-value:#E0940F; }
.knopf{ display:inline-flex; align-items:center; gap:.5rem; min-height:3.25rem; padding:0 1.5rem;
  margin-block:.2rem;
  background-color:var(--gold); color:var(--auf-gold); text-decoration:none; font-weight:700; border:0;
  cursor:pointer; font-family:inherit; font-size:1rem;
  background-image:radial-gradient(140% 220% at 50% -10%, var(--knopf-1) 0%, var(--knopf-2) 58%, var(--knopf-3) 100%);
  transition:--knopf-1 var(--takt-schnell) var(--bogen), --knopf-2 var(--takt-schnell) var(--bogen),
    --knopf-3 var(--takt-schnell) var(--bogen), background-color var(--takt-schnell) var(--bogen),
    color var(--takt-schnell) var(--bogen), scale var(--takt-schnell) var(--bogen),
    translate var(--takt-schnell) var(--bogen);
  position:relative; isolation:isolate; overflow:hidden; }
.knopf::before{ content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:var(--korn); background-size:200px 200px;
  mix-blend-mode:overlay; opacity:.20; }
@media (hover:hover){
  .knopf:hover{ background-color:var(--gold-tief);
    --knopf-1:#E9A02A; --knopf-2:var(--gold-tief); --knopf-3:#A96A05; }
}
.knopf--rand{ background:transparent; background-image:none; border:2px solid currentColor; color:inherit; }
.knopf--rand::before{ display:none; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .knopf--rand{ background-color:var(--glas-rand);
    -webkit-backdrop-filter:var(--glas-weich); backdrop-filter:var(--glas-weich); }
  html[data-kontrast="hoch"] .knopf--rand{ background-color:transparent;
    -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media (hover:hover){
  .knopf--rand:hover{ background-color:var(--knopf-um); color:var(--knopf-um-schrift); }
}
.prosa{ max-width:var(--spalte-breit); overflow-wrap:anywhere; }
.prosa h2{ margin-block:2.5rem .55em; font-size:clamp(1.25rem, 1rem + 1.2vw, 1.75rem); }
.prosa h3{ margin-block:1.75rem .4em; }
.prosa ul,.prosa ol{ margin:0 0 1rem; padding-inline-start:1.25rem; }
.prosa li{ margin-bottom:.4rem; }
.prosa a{ color:var(--gruen-wort); text-underline-offset:.2em; }
.prosa a:hover{ text-decoration-color:var(--gold-tief); text-decoration-thickness:2px; }
.prosa dl{ margin:0 0 1.5rem; display:grid; gap:.25rem .5rem;
  grid-template-columns:auto minmax(0,1fr); }
@media (max-width:34rem){
  .prosa dl{ grid-template-columns:minmax(0,1fr); gap:0; }
  .prosa dt{ margin-top:.7rem; }
}
.prosa dt{ font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.04em; text-transform:uppercase;
  color:var(--grau); padding-top:.3em; }
.prosa dd{ margin:0; overflow-wrap:anywhere; }
@media (max-width:47.99rem){
  .prosa,.lead,.kachel p,.fassungsband p,.frage > div,.fakten td,
  .lage__hinweis,.tor__lead,.mensch__wort p,.prospekt__wort p,
  .leistungskachel__satz{
    hyphens:auto; -webkit-hyphens:auto; hyphenate-limit-chars:8 4 3;
  }
  h1,h2,h3{ hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; }
}
.pruefen{ background:#FFF4D6; color:#4A3B12; padding:.5rem .8rem; font-size:.9375rem;
  display:block; margin:.75rem 0; box-decoration-break:clone; }
.pruefen::before{ content:'Prüfen'; font-family:var(--mono); font-size:var(--mono-fein);
  letter-spacing:.09em; text-transform:uppercase; color:#704500;
  margin-inline-end:.6rem; }
.spruch{ text-align:center; padding:clamp(3.5rem,8vw,6rem) var(--rand) 0; margin:0 auto;
  max-width:34ch; font-size:clamp(1.75rem, 1rem + 3.4vw, 3.5rem); font-weight:600;
  line-height:1.08; letter-spacing:-.035em; color:var(--tinte); text-wrap:balance; }
.spruch em{ font-style:normal; color:var(--gruen-wort); }
.spruch__zeile{ display:inline-block; }
@supports (animation-timeline:view()){
  .spruch__wort{ display:inline-block;
    animation:wortauf cubic-bezier(.2,.7,.3,1) both, wortda linear both;
    animation-timeline:--fussfeld, --fussfeld;
    animation-range:cover calc(940px + var(--w) * 20px) cover calc(1090px + var(--w) * 20px),
      cover calc(940px + var(--w) * 20px) cover calc(1090px + var(--w) * 20px); }
  @keyframes wortda{ from{ opacity:0; } 0.4%{ opacity:1; } to{ opacity:1; } }
  @media (max-width:55.9375rem){
    .spruch__wort{ animation-range:entry calc(16% + var(--w) * 2.2%) entry calc(45% + var(--w) * 2.2%); }
  }
  @keyframes wortauf{
    from{ transform:translateY(.34em) scale(.97); filter:blur(10px); }
    to  { transform:none; filter:blur(0); }
  }
}
@media (prefers-reduced-motion:reduce){
  .spruch__zeile,.spruch__wort{ clip-path:none !important; transform:none !important;
    filter:none !important; opacity:1 !important; animation:none !important; }
}
.fuss{ color:#EAF3EF; margin-top:-1px; position:relative; }
@media (min-width:56rem){
  .fussfeld__buehne{ block-size:200vh; }
  .fussfeld__halt{ position:sticky; inset-block-start:0; min-block-size:100vh;
    display:flex; flex-direction:column; justify-content:flex-end; }
  .fuss{ z-index:2; }
}
.berg{ position:relative; aspect-ratio:1000/336; line-height:0; background:#fff; }
.berg__gelaende,.berg__gestalten{ position:absolute; inset:0; width:100%; height:100%; }
.berg__spiegel path{ fill:var(--nacht-gruen); opacity:.16; }
.berg__figur[style*="--nr:0"] .berg__spiegel{ filter:blur(1.8px); }
.berg__figur[style*="--nr:0"] .berg__spiegel path{ opacity:.11; }
.berg__figur[style*="--nr:1"] .berg__spiegel{ filter:blur(1.2px); }
.berg__figur[style*="--nr:1"] .berg__spiegel path{ opacity:.13; }
.berg__figur[style*="--nr:2"] .berg__spiegel{ filter:blur(.35px); }
.berg__figur[style*="--nr:3"] .berg__spiegel{ filter:blur(.3px); translate:0 -14px; }
.berg__figur path{ fill:var(--nacht-gruen); }
@property --suchlauf{ syntax:'<percentage>'; inherits:false; initial-value:0%; }
.berg__figur{ transform-box:fill-box; transform-origin:bottom center; }
.berg__gelaende{
  clip-path:inset(var(--suchlauf) 0 0 0);
  transform:translateY(calc(var(--suchlauf) * 0.28));
}
.berg__suchlauf{ position:absolute; inset-inline:0; inset-block-start:calc(var(--suchlauf) * 1.28);
  height:2px; opacity:0; pointer-events:none; margin-top:-1px;
  background:linear-gradient(90deg, transparent, rgb(240 161 27 / .75) 18%, #FFE9BE 50%, rgb(240 161 27 / .75) 82%, transparent);
  box-shadow:0 0 22px 6px rgb(240 161 27 / .22); }
@supports (animation-timeline:view()){
  .berg{ view-timeline-name:--berg; }
  .berg__gelaende{ animation:suchlauf linear both; animation-timeline:--berg;
    animation-range:cover 780px cover 1150px; }
  @keyframes suchlauf{ from{ --suchlauf:100%; } to{ --suchlauf:0%; } }
  .berg__suchlauf{ animation:suchlauf linear both, suchkante linear both;
    animation-timeline:--berg, --berg;
    animation-range:cover 780px cover 1150px, cover 780px cover 1150px; }
  @keyframes suchkante{
    0%   { opacity:0; }
    10%  { opacity:1; }
    58%  { opacity:1; }
    74%  { opacity:0; }
    100% { opacity:0; }
  }
  .berg__figur{ opacity:0; animation:figurauf cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:--berg;
    animation-range:cover calc(1020px + var(--nr) * 35px) cover calc(1120px + var(--nr) * 35px); }
  @keyframes figurauf{
    from{ opacity:0; transform:translateY(14px) scale(.94); }
    to  { opacity:1; transform:none; }
  }
  .berg__spiegel{ opacity:0; animation:spiegelda cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:--berg;
    animation-range:cover calc(1120px + var(--nr) * 35px) cover calc(1220px + var(--nr) * 35px); }
  @keyframes spiegelda{ from{ opacity:0; } to{ opacity:1; } }
  @media (max-width:55.9375rem){
    .berg__gelaende{ animation-range:cover 14% cover 38%; }
    .berg__suchlauf{ animation-range:cover 14% cover 38%, cover 14% cover 38%; }
    .berg__figur{ animation-range:cover calc(32% + var(--nr) * 1.5%) cover calc(37% + var(--nr) * 1.5%); }
    .berg__spiegel{ animation-range:cover calc(37% + var(--nr) * 1.5%) cover calc(41% + var(--nr) * 1.5%); }
  }
}
@media (prefers-reduced-motion:reduce){
  .berg,.berg__figur,.berg__gelaende{ animation:none !important; }
  .berg__gelaende{ clip-path:none; transform:none; }
  .berg__figur{ opacity:1 !important; transform:none !important; }
  .berg__spiegel{ animation:none !important; opacity:1 !important; }
  .berg__suchlauf{ display:none; }
}
.berg__figur{ pointer-events:none; }
.fuss__erde{ margin-top:-1px; background-color:var(--erdreich); }
.fuss__inhalt{ padding-block:4.5rem 12rem; position:relative; }
.fuss__inhalt .tiefen{ color:#fff; }
.fuss a{ color:#fff; text-underline-offset:.2em; }
@media (hover:hover){
  .fuss a:hover{ text-decoration-color:var(--gold); text-decoration-thickness:2px; }
}
@media (min-width:80rem){ .fuss .mitte{ max-width:min(74rem, calc(100vw - 12.5rem)); } }
.gruppe{ list-style:none; margin:0; padding:0; display:grid; gap:.75rem; }
.gruppe li{ display:grid; gap:.125rem; }
.gruppe span{ font-size:.8125rem; color:rgb(255 255 255 / .88); line-height:1.45; }
.fuss .spalten{ display:grid; gap:1.75rem; grid-template-columns:1fr; }
@media (min-width:40rem){ .fuss .spalten{ grid-template-columns:1fr 1fr; gap:2rem 2.5rem; } }
@media (min-width:64rem){ .fuss .spalten{ grid-template-columns:1.4fr 1fr 1.1fr .9fr; gap:2.5rem; } }
.fuss :is(h2,h3){ font-size:.9375rem; margin-bottom:.75rem; color:#fff; }
.fuss ul{ list-style:none; margin:0; padding:0; display:grid; gap:0; font-size:.9375rem; }
.fuss ul li a,.fuss__unten a{ display:inline-flex; align-items:center; min-height:2.75rem; }
.fuss ul li a:has(.sprachwechsel){ display:inline; }
.fuss .mono a{ display:inline-flex; align-items:center; min-height:2.75rem; }
.fuss .etikett{ color:#D6E7DF; }
.fuss .mono{ color:#fff; font-size:var(--mono-gross); line-height:1.7; }
.fuss__unten{ margin-top:2.5rem; padding-top:1.25rem; align-items:center;
  display:flex; flex-wrap:wrap; gap:1.25rem; font-size:.875rem; color:#C6DED4; }
@supports not (background-size:100% 100%){ .fuss__erde{ background-color:var(--erdreich); } }
.fassungsband--paar{ grid-template-columns:1fr 1fr; align-items:center; }
.fassung-doppel{ display:grid; gap:1.25rem; }
.formularfeld{ position:relative; z-index:1; display:grid; grid-template-columns:1fr;
  grid-template-areas:'wort' 'formular' 'nachsatz';
  background:var(--weiss-mitte); box-shadow:0 0 0 1px var(--linie); }
.formularfeld::before{ content:''; position:absolute; inset-inline:0; top:0; height:var(--kante-stark);
  background:var(--gold); z-index:2; }
.formularfeld__wort{ grid-area:wort; }
.formularfeld__nachsatz{ grid-area:nachsatz; }
.formular{ grid-area:formular; }
@media (min-width:62rem){
  .formularfeld{ grid-template-columns:.82fr 1.18fr; grid-template-rows:auto 1fr;
    grid-template-areas:'wort formular' 'nachsatz formular'; }
  .formularfeld__nachsatz{ display:grid; align-content:start; align-self:start; padding-top:0; }
}
.formularfeld__wort,.formularfeld__nachsatz{ position:relative; overflow:hidden;
  background:var(--gruen-tief); color:#fff;
  padding:clamp(2rem,4vw,3.25rem) clamp(1.25rem,3vw,2.75rem); }
.formularfeld__wort h2{ margin-block:1rem .9rem; font-size:clamp(1.25rem, 1rem + 1.2vw, 1.75rem); letter-spacing:-.02em;
  text-wrap:balance; }
.formularfeld__wort p{ color:rgba(255,255,255,.92); max-width:var(--spalte-schmal); }
.formularfeld__wort .balken{ background:var(--gold); color:var(--auf-gold); }
.formularfeld__wort .mehr,.formularfeld__nachsatz .mehr{ color:#fff; }
.formularfeld__wort > *:not(.struktur),
.formularfeld__nachsatz > *:not(.struktur){ position:relative; z-index:1; }
.formularfeld__wort .struktur,
.formularfeld__nachsatz .struktur{ z-index:0; color:#fff; }
.danach{ list-style:none; margin:0; padding:0; counter-reset:d; display:grid; gap:1rem; }
.danach li{ counter-increment:d; display:flex; gap:.75rem; align-items:flex-start;
  font-size:.9375rem; color:rgba(255,255,255,.92); }
.danach li > *{ min-width:0; overflow-wrap:anywhere; }
.danach li::before{ content:counter(d); flex:none; width:1.65rem; height:1.65rem;
  display:grid; place-items:center; font-family:var(--mono); font-size:var(--mono-fein);
  color:var(--auf-gold); background:var(--gold); }
.formular{ position:relative; display:grid; gap:1.5rem; align-content:start;
  background-color:var(--weiss-mitte);
  background-image:linear-gradient(168deg, #FFFFFF 0%, var(--weiss-mitte) 46%, #F3F6F5 100%);
  padding:clamp(2rem,4vw,3.25rem) clamp(1.25rem,3vw,2.75rem); }
.formular__hinweis{ margin:0; font-size:.9375rem; color:var(--grau); max-width:var(--spalte-schmal); }
.formular__hinweis b{ color:var(--tinte); }
.feld{ display:grid; gap:.5rem; border:0; padding:0; margin:0; min-width:0; }
.feld label,.feld legend{ font-weight:600; font-size:.9375rem; padding:0; color:var(--tinte); }
.feld__hilfe{ font-size:.875rem; color:var(--grau); line-height:1.5; max-width:var(--spalte-schmal); }
.feld__hilfe--fehlt{ color:var(--achtung); font-weight:560;
  display:flex; gap:.5rem; align-items:baseline; }
.feld__hilfe--fehlt::before{ content:''; flex:none; width:.6rem; height:.6rem;
  margin-top:.42em; background:var(--achtung); transform:rotate(45deg); }
.pflicht{ font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.06em; text-transform:uppercase;
  color:var(--gruen-wort); margin-inline-start:.4rem; white-space:nowrap; }
.feld input[type=text],.feld input[type=tel],.feld input[type=email],.feld textarea{
  font:inherit; font-size:1rem; padding:.7rem .85rem; border:1px solid var(--grau);
  background:var(--feld); color:var(--tinte); border-radius:0; width:100%; min-width:0;
  transition:border-color var(--takt-schnell) var(--bogen), box-shadow var(--takt-schnell) var(--bogen); }
.feld textarea{ resize:vertical; min-height:7.5rem; line-height:1.5; }
.feld input:hover,.feld textarea:hover{ border-color:var(--tinte); }
.feld input:focus,.feld textarea:focus{ border-color:var(--gruen-tief);
  box-shadow:inset 3px 0 0 var(--gold); }
@media (min-width:34rem){ .feld--paar{ grid-template-columns:1fr 1fr; gap:1rem; } }
.feld--paar > div{ display:grid; gap:.5rem; min-width:0;
  grid-template-rows:auto 1fr auto; }
.feld--paar > div > label{ grid-row:1; }
.feld--paar > div > .feld__hilfe{ grid-row:2; align-self:start; }
.feld--paar > div > input,.feld--paar > div > textarea,.feld--paar > div > select{ grid-row:3; }
.wahl{ display:grid; gap:.25rem; }
@media (min-width:34rem){ .wahl{ grid-template-columns:1fr 1fr; gap:.25rem 1rem; } }
.wahl__punkt{ display:flex; align-items:center; gap:.75rem; min-height:2.75rem;
  padding:.35rem .1rem; font-weight:400; font-size:.9375rem; cursor:pointer; color:var(--tinte); }
.wahl__punkt input{ appearance:none; -webkit-appearance:none; flex:none; margin:0;
  width:.95rem; height:.95rem; border:2px solid var(--grau); background:var(--feld);
  rotate:45deg; cursor:pointer;
  transition:background-color var(--takt-schnell) var(--bogen), border-color var(--takt-schnell) var(--bogen), scale var(--takt-schnell) var(--bogen); }
.wahl__punkt input:hover{ border-color:var(--tinte); }
.wahl__punkt input:checked{ background:var(--gruen-tief); border-color:var(--gruen-tief); scale:1.12; }
.feld--haken .wahl__punkt{ align-items:flex-start; }
.feld--haken .wahl__punkt input{ margin-top:.35rem; }
.feld--haken a{ color:var(--gruen-wort); text-underline-offset:.2em; }
.feld--haken a:hover,.feld__hilfe a:hover{ text-decoration-color:var(--gold-tief); text-decoration-thickness:2px; }
@media (prefers-reduced-motion: reduce){
  .wahl__punkt input,.feld input,.feld textarea{ transition:none; }
  .wahl__punkt input:checked{ scale:1; }
}
.eckdaten{ display:grid; gap:1.1rem; border-block-start:1px solid var(--linie);
  padding-block-start:1.35rem; }
.eckdaten__titel{ margin:0; font-weight:600; font-size:.9375rem; color:var(--tinte); }
.eckdaten > .feld__hilfe{ margin-block-start:-.75rem; }
.eckdaten__frage{ margin:0; }
.eckdaten .wahl__punkt{ align-items:flex-start; }
.eckdaten .wahl__punkt input{ margin-block-start:.55rem; }
.ablage{ position:relative; border:2px dashed var(--grau); background:var(--papier-zart);
  padding:1.1rem; display:grid; gap:.75rem; justify-items:start;
  transition:border-color var(--takt-schnell) var(--bogen), background-color var(--takt-schnell) var(--bogen); }
@media (hover:hover){
  .ablage:hover{ border-color:var(--gruen-tief); background:var(--papier-ton-an); }
}
.ablage input[type=file]{ cursor:pointer; max-width:100%; }
.ablage--schoen input[type=file]{ position:absolute; inset:0; width:100%; height:100%;
  opacity:0; }
.ablage__schein{ display:none; flex-wrap:wrap; align-items:center; gap:1rem; }
.ablage--schoen .ablage__schein{ display:flex; }
.ablage__knopf{ display:inline-flex; align-items:center; min-height:2.75rem; padding:0 1.15rem;
  background:var(--tinte); color:var(--grund); font-weight:700; font-size:.875rem;
  transition:background-color var(--takt-schnell) var(--bogen); }
@media (hover:hover){ .ablage:hover .ablage__knopf{ background:var(--gruen-wort); } }
.ablage__wort{ font-size:.875rem; color:var(--grau); }
.ablage:has(:focus-visible){ border-color:var(--gruen-tief); background:var(--papier-ton-an);
  outline:3px solid var(--fokus-kern); outline-offset:2px; box-shadow:0 0 0 6px var(--fokus-schein); }
.ablage .feld__auswahl{ position:relative; }
.feld__auswahl{ font-family:var(--mono); font-size:var(--mono-klein); color:var(--gruen-wort); }
.feld__auswahl:empty{ min-height:0; }
.koeder{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%);
  white-space:nowrap; }
.formular .knopf{ justify-self:start; }
@media (max-width:33.999rem){ .formular .knopf{ justify-self:stretch; justify-content:center; } }
@media (any-pointer: coarse) and (not (any-pointer: fine)){
  .ablage__wort{ display:none; }
}
.mangel{ list-style:none; margin:1.25rem 0 1.75rem; padding:0; display:grid; gap:.5rem;
  max-width:var(--spalte-schmal); }
.mangel li{ display:flex; align-items:flex-start; gap:.75rem;
  padding:.7rem 1rem; background:rgba(0,0,0,.3);
  color:#fff; font-size:.9375rem; line-height:1.45; }
.mangel li::before{ content:''; flex:none; width:.6rem; height:.6rem; margin-top:.42em;
  background:var(--gold); rotate:45deg; }
.dreiecksbild{ position:relative; margin:0; aspect-ratio:100/92.4; width:100%; }
.dreiecksbild__bild{ position:absolute; inset-inline-start:var(--bx); inset-block-start:var(--by);
  width:var(--bb); display:block; }
.dreiecksbild__bild img{ display:block; width:100%; height:auto; max-width:480px; }
.dreiecksbild__kontur{ position:absolute; inset:0; width:100%; height:100%;
  overflow:visible; pointer-events:none; }
.dreiecksbild__kontur{ z-index:0; }
.dreiecksbild__bild{ z-index:1; }
.dreiecksbild__leer{ fill:none; stroke:var(--cft); stroke-width:1.5; opacity:.7; }
.flaeche--schwarz .dreiecksbild__leer,.flaeche--gruen-tief .dreiecksbild__leer{
  stroke:rgba(255,255,255,.88); }
.dreiecksbild__leer--0{ --weite:-4%; }
.dreiecksbild__leer--1{ --weite:5.5%; }
.dreiecksbild__leer--2{ --weite:-2.5%; }
.dreiecksbild__leer--3{ --weite:1.5%; }
.dreiecksbild__leer--4{ --weite:-6.5%; }
@supports (animation-timeline:view()){
  .dreiecksbild{ view-timeline-name:--fassung; }
  .dreiecksbild__bild{ animation:fassungzug linear both; animation-timeline:--fassung;
    animation-range:cover 0% cover 100%; }
  @keyframes fassungzug{
    from{ translate:0 3%; }
    to  { translate:0 -3%; }
  }
  .dreiecksbild__leer{ animation:konturzug linear both; animation-timeline:--fassung;
    animation-range:cover 0% cover 100%; }
  @keyframes konturzug{
    from{ translate:0 calc(-1 * var(--weite, 3%)); }
    to  { translate:0 var(--weite, 3%); }
  }
}
@media (prefers-reduced-motion:reduce){
  .dreiecksbild__bild,.dreiecksbild__leer{ animation:none !important; translate:none !important; }
}
.fassungsband{ display:grid; gap:2rem; align-items:center; grid-template-columns:1fr; }
@media (min-width:62rem){ .fassungsband{ grid-template-columns:.92fr 1.08fr; gap:3.5rem; } }
.fassungsband--gedreht .dreiecksbild{ order:2; }
.fassungsband p{ color:var(--grau); max-width:var(--spalte-schmal); }
.flaeche--schwarz .fassungsband p{ color:rgba(255,255,255,.92); }
.menue > .mega{ position:static; }
.menue > .mega > summary{ display:inline-flex; align-items:center; gap:.5rem;
  cursor:pointer; list-style:none; white-space:nowrap;
  font-weight:560; font-size:.8125rem; letter-spacing:.05em; text-transform:uppercase;
  padding:.4rem 0; border-bottom:var(--kante-menue) solid transparent; }
@media (hover:hover){ .menue > .mega > summary:hover{ border-bottom-color:var(--gold); } }
.menue > .mega[open] > summary{ border-bottom-color:var(--gold); }
.menue > .mega > summary[data-hier]{ border-bottom-color:var(--tinte); }
@media (hover:hover){
  .menue a[aria-current="page"]:hover,
  .menue > .mega > summary[data-hier]:hover{ border-bottom-color:var(--gold); }
}
.menue > .mega[open] > summary[data-hier]{ border-bottom-color:var(--gold); }
.menue > .mega > summary::-webkit-details-marker{ display:none; }
.menue .mega__feld a,.menue .mega__feld summary,
.schublade .schub__feld a,.schublade .schub__feld summary{
  text-transform:none; white-space:normal; letter-spacing:0; }
.menue .mega__feld a:not(.mehr),.menue .mega__feld summary,
.schublade .schub__feld a:not(.mehr),.schublade .schub__feld summary{ border-bottom:0; }
.mega__spalte li a,.mega__paare a,.mega__kopf{ overflow-wrap:anywhere; }
.welt--betrieb .mehr{ border-block-end-color:var(--gold-hell); }
.menue .mega__feld,.schublade .schub__feld{ text-transform:none; white-space:normal; }
.mega__pfeil{ transition:rotate var(--takt) var(--bogen); flex:none; }
.menue > .mega[open] > summary .mega__pfeil{ rotate:180deg; }
.mega__feld{ position:absolute; inset-inline:0; top:100%; z-index:60;
  background:var(--weiss-mitte); border-block-start:1px solid var(--linie);
  box-shadow:var(--schwebe-feld);
  max-block-size:calc(100dvh - 4.25rem - 1px); overflow-y:auto; overscroll-behavior:contain;
  padding-block:clamp(1.5rem,3vw,2.5rem); }
.mega__feld::before{ content:''; position:absolute; inset-inline:0; top:-1px; height:var(--kante-stark);
  background:var(--gold); }
.mega__spalten{ display:grid; gap:1.25rem 1.75rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (min-width:80rem){ .mega__spalten{ grid-template-columns:repeat(6,minmax(0,1fr)); } }
.mega__spalte{ min-width:0; }
.mega__spalten--handel,.mega__spalten--kontakt{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (min-width:70rem) and (max-width:79.999rem){
  .mega__spalten--handel .mega__spalte--breit{ grid-column:span 2; }
}
@media (min-width:80rem){ .mega__spalten--handel{ grid-template-columns:2fr 1fr; }
  .mega__spalten--kontakt{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.mega__spalte ul{ list-style:none; margin:.6rem 0 0; padding:0; display:grid; gap:.125rem; }
.mega__zweispaltig{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.125rem 1.5rem; }
.menue .mega__feld .mega__kopf,.schublade .schub__feld .mega__kopf,.mega__kopf{
  font-weight:700; font-size:.875rem; color:var(--tinte); text-decoration:none;
  display:inline-block; padding-block:.2rem; border-block-end:var(--kante) solid var(--gold);
  text-transform:none; letter-spacing:0; }
a.mega__kopf:hover{ color:var(--gruen-wort); }
.menue .mega__feld .mega__kopf--still,.mega__kopf--still{ border-block-end-color:var(--linie); }
.mega__spalte li a{ display:block; padding:.32rem 0; font-size:.875rem; color:var(--grau);
  text-decoration:none; border-block-end:1px solid transparent; line-height:1.3;
  text-transform:none; letter-spacing:0; font-weight:400; }
.mega__spalte li a:hover{ color:var(--tinte); border-block-end-color:var(--gold); }
.mega__spalte p:not(.mono){ margin:.6rem 0 0; font-size:.875rem; color:var(--grau); }
.mega__spalte a{ color:var(--gruen-wort); }
.mega__tel{ font-family:var(--mono); font-weight:700; font-size:var(--mono-gross); }
.mega__aus{ width:.62em; height:.62em; color:var(--gold-schrift);
  vertical-align:baseline; margin-inline-start:.15em; }
.knopf .mega__aus,.leiste .mega__aus{ color:inherit; }
.mega__leiste{ display:flex; flex-wrap:wrap; gap:1rem 2rem; align-items:center;
  margin-top:1.5rem; padding-top:1.25rem; border-block-start:1px solid var(--linie); }
.mega__weg{ display:grid; gap:.25rem; text-decoration:none; padding:.6rem .9rem;
  background:var(--papier-ton); min-width:min(100%,17rem);
  transition:background-color var(--takt-schnell) var(--bogen); }
.mega__weg-titel{ color:var(--tinte); font-size:.9375rem; font-weight:700; }
.mega__weg-sub{ color:var(--grau); font-size:.8125rem; }
.mega__weg-titel,.mega__weg-sub{ transition:color var(--takt-schnell) var(--bogen); }
.mega__weg:hover{ background:var(--gruen-tief); }
.mega__weg:hover .mega__weg-titel,.mega__weg:hover .mega__weg-sub{ color:#fff; }
.menue a.mega__weg{ padding:.6rem .9rem; }
.schub__zweig > summary{ cursor:pointer; list-style:none;
  padding:.8rem var(--rand); min-height:2.75rem;
  text-transform:uppercase; font-size:.9375rem; font-weight:560;
  border-bottom:1px solid var(--linie);
  display:flex; justify-content:space-between; align-items:center; }
.schub__zweig > summary::-webkit-details-marker{ display:none; }
.schub[open] > summary.schalter{ background:var(--papier-ton); }
.schub__zweig > summary::after{ content:''; width:.55rem; height:.55rem; flex:none;
  border-inline-end:var(--kante) solid currentColor; border-block-end:var(--kante) solid currentColor;
  rotate:45deg; transition:rotate var(--takt) var(--bogen); }
.schub__zweig[open] > summary::after{ rotate:-135deg; }
.schub__feld .mega__spalten,.schub__feld .mega__spalten--handel,
.schub__feld .mega__spalten--kontakt{ grid-template-columns:1fr; gap:1rem; }
.schub__feld .mega__zweispaltig{ grid-template-columns:1fr 1fr; }
.schub__feld .mega__leiste{ flex-direction:column; align-items:stretch; }
.schub__feld .mega__weg{ min-width:0; }
@media (max-width:1119.98px){
  .schub__feld > .mega__spalten,.schub__feld > .mega__leiste{ padding-inline:var(--rand); }
}
.mega__zweiwelt{ display:grid; gap:0; grid-template-columns:1fr; }
@media (min-width:62rem){ .mega__zweiwelt{ grid-template-columns:1fr 1fr; } }
.welt{ padding:clamp(1.25rem,2.5vw,2rem); display:grid; align-content:start; }
.welt{ position:relative; }
.welt--privat{ background-color:var(--gruen-blass); --grau:#444B49; --gruen-tief:#055445;
  background-image:radial-gradient(120% 130% at 30% 20%, #E8F1EC 0%, var(--gruen-blass) 62%, #CFDFD8 100%); }
.welt--betrieb{ background-color:var(--gruen-tief); color:#fff;
  background-image:radial-gradient(120% 130% at 30% 20%, #0A6B58 0%, var(--gruen-tief) 58%, var(--gruen-rand) 100%); }
.welt--betrieb .mehr{ color:#fff; }
.welt__kopf{ display:grid; gap:.25rem; text-decoration:none; margin-bottom:1.1rem;
  padding-bottom:1rem; border-block-end:2px solid currentColor;
  transition:border-color var(--takt-schnell) var(--bogen); }
.welt--privat .welt__kopf:hover{ border-block-end-color:var(--gold); }
.welt--betrieb .welt__kopf:hover{ border-block-end-color:var(--gold-hell); }
.welt__marke{ font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.1em;
  text-transform:uppercase; }
.welt--privat .welt__marke{ color:var(--gruen-wort); }
.welt--betrieb .welt__marke{ color:var(--gold-hell); }
.welt__titel{ font-size:clamp(1.125rem,.9rem + .8vw,1.5rem); line-height:1.25; font-weight:600; }
.welt--privat .welt__titel{ color:var(--tinte); }
.welt--betrieb .welt__titel{ color:#fff; }
.welt__lead{ font-size:.875rem; }
.welt--privat .welt__lead{ color:var(--grau); }
.welt--betrieb .welt__lead{ color:rgba(255,255,255,.92); }
.feldgruppen{ display:grid; gap:1.25rem 1.75rem; grid-template-columns:1fr; }
@media (min-width:34rem){ .feldgruppen{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.feldgruppe{ min-width:0; break-inside:avoid; }
.feldgruppe__kopf{ font-size:.8125rem; font-weight:700; margin:0; line-height:1.25;
  display:flex; align-items:center; gap:.55rem; }
.feldgruppe__kopf .zeichen{ inline-size:1.5rem; block-size:1.5rem; color:currentColor; flex:none; }
.feldgruppe__hinweis{ margin:.15rem 0 .5rem; font-size:.75rem; line-height:1.3; }
.welt--privat .feldgruppe__kopf{ color:var(--gruen-wort); }
.welt--privat .feldgruppe__hinweis{ color:var(--grau); }
.welt--betrieb .feldgruppe__kopf{ color:var(--gold-hell); }
.welt--betrieb .feldgruppe__hinweis{ color:rgba(255,255,255,.88); }
.mega__paare{ list-style:none; margin:0 0 1.25rem; padding:0; display:grid; gap:0; }
.menue .mega__paare a,.schublade .mega__paare a{
  font-size:.875rem; line-height:1.3; text-decoration:none;
  border-block-end:1px solid transparent; }
.menue .mega__paare a{ display:block; padding:.45rem 0; }
.welt--privat .mega__paare a{ color:var(--tinte); }
.welt--betrieb .mega__paare a{ color:rgba(255,255,255,.92); }
.welt--privat .mega__paare a:hover{ border-block-end-color:var(--gold); }
.welt--betrieb .mega__paare a:hover{ color:var(--gold-hell); border-block-end-color:var(--gold-hell); }
.zahlenband__reihe{ display:grid; gap:.25rem 2rem; grid-template-columns:1fr; }
@media (min-width:44rem){ .zahlenband__reihe{ grid-template-columns:repeat(var(--zaehler,3),minmax(0,1fr)); } }
.zahl{ position:relative; }
.zahl > summary{ display:flex; align-items:baseline; gap:.5rem; flex-wrap:wrap;
  cursor:pointer; list-style:none; padding:.7rem 0; }
.zahl > summary::-webkit-details-marker{ display:none; }
.zahl__wert{ font-family:var(--mono); font-size:clamp(1.125rem,.9rem + .8vw,1.5rem);
  font-weight:700; color:var(--tinte); font-variant-numeric:tabular-nums;
  letter-spacing:-.02em; }
.zahl__was{ font-size:.9375rem; color:rgb(29 29 27 / .82); }
.zahl__was{ transition:color var(--takt) var(--bogen); }
.zahl[open] .zahl__was{ color:var(--tinte); }
.zahlenband .zahl[open] .zahl__was{ color:#fff; }
@media (hover:hover){
  .zahl > summary:hover .zahl__was{ color:var(--tinte); }
  .zahlenband .zahl > summary:hover .zahl__was{ color:#fff; }
}
.zahl__wert{ transition:translate var(--takt) var(--bogen); }
.zahl > summary:hover .zahl__wert,.zahl[open] .zahl__wert{ translate:0 -2px; }
.zahl__mehr{ position:absolute; inset-inline-start:0; top:100%; z-index:40;
  width:min(25rem,86vw); background-color:var(--tinte); color:#fff;
  background-image:radial-gradient(150% 200% at 50% 0%, #2E2E2B 0%, var(--tinte) 60%, #131312 100%);
  padding:1.1rem 1.25rem; box-shadow:0 18px 44px rgb(0 0 0 / .34);
  isolation:isolate; overflow:hidden; }
.zahl__pfeil{ position:absolute; top:100%; margin-top:-5px; inset-inline-start:1.4rem;
  width:10px; height:10px; background:var(--tinte); rotate:45deg; z-index:40; }
.zahl__mehr::after{ content:''; position:absolute; inset-inline:0; top:0; height:var(--kante-stark);
  background:var(--gold); transform-origin:left center; }
@media (prefers-reduced-motion: no-preference){
  .zahl[open] .zahl__mehr{ animation:mehrauf .44s cubic-bezier(.16,1,.3,1) both; }
  @keyframes mehrauf{
    from{ clip-path:inset(-80px -80px 100% -80px); translate:0 -10px; }
    to  { clip-path:inset(-80px);                  translate:0 0; }
  }
  .zahl[open] .zahl__mehr::after{ animation:goldzug .55s cubic-bezier(.16,1,.3,1) both; }
  @keyframes goldzug{ from{ scale:0 1; } to{ scale:1 1; } }
  .zahl[open] .zahl__mehr p{ animation:mehrzeile .55s cubic-bezier(.16,1,.3,1) both; }
  .zahl[open] .zahl__mehr p:first-child{ animation-delay:.09s; }
  .zahl[open] .zahl__mehr p + p{ animation-delay:.17s; }
  @keyframes mehrzeile{ from{ opacity:0; translate:0 .6em; } to{ opacity:1; translate:0 0; } }
  .zahl[open] .zahl__pfeil{ animation:pfeilauf .44s cubic-bezier(.16,1,.3,1) both; }
  @keyframes pfeilauf{ from{ opacity:0; } to{ opacity:1; } }
}
.zahl__mehr p{ margin:0; font-size:.9375rem; line-height:1.45; }
.zahl__quelle{ margin-top:.6rem !important; font-size:.8125rem !important;
  color:rgba(255,255,255,.88); }
.zahlenband__reihe .zahl:last-child .zahl__mehr{ inset-inline-start:auto; inset-inline-end:0; }
.zahlenband__reihe[style*="--zaehler:2"] .zahl:last-child .zahl__mehr{
  inset-inline-start:0; inset-inline-end:auto; width:min(25rem,100%); }
.zahlenband__reihe .zahl:last-child .zahl__pfeil{ inset-inline-start:auto; inset-inline-end:1.4rem; }
.zahlenband__reihe[style*="--zaehler:2"] .zahl:last-child .zahl__pfeil{ inset-inline-start:1.4rem; inset-inline-end:auto; }
@media (max-width:43.999rem){
  .zahl__mehr{ position:static; width:auto; box-shadow:none; margin-bottom:.5rem; }
  .zahl__pfeil{ display:none; }
}
@media (prefers-reduced-motion: no-preference){
  .zahlenband.laeuft .zahl__wert{ animation:zahlan .5s var(--bogen) backwards; }
  @keyframes zahlan{ from{ opacity:.4; translate:0 .28em; } to{ opacity:1; translate:0 0; } }
}
.zahl__einheit{ font-family:var(--mono); font-size:.75em; font-weight:700;
  color:var(--tinte); margin-inline-start:.2em; }
.tore{ display:grid; grid-template-columns:1fr; position:relative; isolation:isolate; }
.tore > .netz{ z-index:2; display:none;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 52%, rgb(0 0 0 / .3) 72%, transparent 88%);
  mask-image:linear-gradient(to bottom, #000 0%, #000 52%, rgb(0 0 0 / .3) 72%, transparent 88%); }
@media (min-width:56rem){ .tore > .netz{ display:block; } }
@media (min-width:56rem){
  .tore{ grid-template-columns:1fr 1fr; }
  .tor--privat{ padding-inline-start:max(clamp(1.5rem,3vw,2.75rem), calc(100% - (82rem - 2 * var(--rand)) / 2)); }
  .tor--betrieb{ padding-inline-end:max(clamp(1.5rem,3vw,2.75rem), calc(100% - (82rem - 2 * var(--rand)) / 2)); }
}
.tor{ position:relative; overflow:hidden; display:grid; align-content:end;
  min-height:min(56vh,30rem); padding:clamp(1.5rem,3vw,2.75rem);
  text-decoration:none; isolation:isolate; }
.tor--privat{ background-color:var(--gruen-blass); --grau:#444B49; --gruen-tief:#055445;
  background-image:radial-gradient(130% 130% at 26% 18%, #E8F1EC 0%, var(--gruen-blass) 62%, #CFDFD8 100%); }
.tor--betrieb{ background-color:var(--gruen-tief);
  background-image:radial-gradient(130% 130% at 26% 18%, #0A6B58 0%, var(--gruen-tief) 58%, var(--gruen-rand) 100%); }
.tor__bild{ position:absolute; z-index:0; inset-block-start:4%; inset-inline-end:5%;
  width:min(52%,19rem); opacity:.9; pointer-events:none;
  transition:translate var(--takt-lang) var(--bogen), scale var(--takt-lang) var(--bogen); }
.tor:hover .tor__bild{ translate:-1.5% 1.5%; scale:1.04; }
.tor--betrieb .tor__bild{ opacity:.85; }
.tor__wort{ position:relative; z-index:1; display:grid; gap:.5rem; max-width:34ch; }
.tor__marke{ font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.1em;
  text-transform:uppercase; }
.tor--privat .tor__marke{ color:var(--gruen-wort); }
.tor--betrieb .tor__marke{ color:var(--gold-hell); }
.tor__titel{ font-size:clamp(1.5rem, 1.1rem + 2vw, 2.5rem); line-height:1.08;
  letter-spacing:-.025em; }
.tor--privat .tor__titel{ color:var(--tinte); }
.tor--betrieb .tor__titel{ color:#fff; }
.tor__lead{ font-size:1rem; line-height:1.45; }
.tor--privat .tor__lead{ color:var(--grau); }
.tor--betrieb .tor__lead{ color:rgba(255,255,255,.92); }
.tor__liste{ font-family:var(--mono); font-size:var(--mono-fein); line-height:1.5;
  margin-top:.5rem; }
.tor--privat .tor__liste{ color:var(--grau); }
.tor--betrieb .tor__liste{ color:rgba(255,255,255,.88); }
.tor__mehr{ margin-top:1rem; font-weight:700; font-size:.9375rem;
  border-block-end:var(--kante) solid var(--gold); justify-self:start; padding-bottom:.15rem; }
.tor--privat .tor__mehr{ color:var(--tinte); }
.tor--betrieb .tor__mehr{ color:#fff; }
.register{ display:grid; gap:var(--s4) var(--s5); margin-top:var(--s5);
  grid-template-columns:1fr; }
@media (min-width:34rem){ .register{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:56rem){ .register{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:82rem){ .register{ grid-template-columns:repeat(6,1fr); gap:var(--s4) var(--s4); } }
.register__fach{ min-width:0; }
.register__kopf{ display:inline-block; font-weight:700; font-size:.9375rem;
  color:var(--tinte); text-decoration:none; padding-bottom:.2rem;
  border-block-end:var(--kante) solid var(--gold); }
.register__kopf:hover{ color:var(--gruen-wort); }
.register__fach ul{ list-style:none; margin:.7rem 0 0; padding:0; display:grid; gap:0; }
.register__fach li a{ display:block; padding:.3rem 0; font-size:.875rem; line-height:1.3;
  color:var(--grau); text-decoration:none; border-block-end:1px solid transparent; }
.register__fach li a:hover{ color:var(--tinte); border-block-end-color:var(--gold); }
.lagen{ display:grid; gap:clamp(2.5rem,5vw,4.5rem); }
.lage{ display:grid; gap:1.5rem; grid-template-columns:1fr; align-items:center; }
@media (min-width:56rem){
  .lage{ grid-template-columns:.8fr 1.2fr; gap:3rem; }
  .lage--gedreht .lage__bild{ order:2; }
}
.lage__bild{ min-width:0; }
.lage__wort{ min-width:0; }
.lage__zahl{ display:block; font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.12em;
  color:var(--gold-schrift); margin-bottom:.4rem; }
.lage__wort h2{ font-size:clamp(1.375rem,1.05rem + 1.5vw,2.125rem); line-height:1.1;
  letter-spacing:-.02em; margin:0; }
.lage__hinweis{ color:var(--grau); margin:.5rem 0 1.25rem; font-size:1rem; }
.lage__liste{ list-style:none; margin:0; padding:0;
  display:grid; gap:0; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  column-gap:1.5rem; border-block-start:1px solid var(--linie); }
.lage__liste a{ display:grid; gap:0; padding:.7rem 0; text-decoration:none;
  border-block-end:1px solid var(--linie); }
.lage__liste span{ color:var(--tinte); font-size:.9375rem; line-height:1.3; }
.lage__liste em{ font-style:normal; font-family:var(--mono); font-size:var(--mono-fein);
  letter-spacing:.06em; text-transform:uppercase; color:var(--grau); }
.lage__liste a:hover span{ color:var(--gruen-wort); }
.lage__liste a:hover{ border-block-end-color:var(--gold); }
.leistungskacheln{ display:grid; gap:1.75rem 1.5rem; margin-top:var(--s5);
  grid-template-columns:1fr; }
@media (min-width:44rem){ .leistungskacheln{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:68rem){ .leistungskacheln{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.leistungskachel{ display:grid; gap:.5rem; text-decoration:none; min-width:0; }
.leistungskachel__bild{ display:block;
  transition:translate var(--takt-ruhig) var(--bogen), scale var(--takt-ruhig) var(--bogen); }
.leistungskachel:hover .leistungskachel__bild{ scale:1.04; translate:0 -.3rem; }
.leistungskachel__wort{ display:grid; gap:.25rem; }
.leistungskachel b{ font-size:1rem; line-height:1.25; color:var(--tinte); }
.leistungskachel__satz{ display:block; margin-top:.4rem; color:var(--grau);
  font-size:.9375rem; line-height:1.45; font-weight:400; }
.leistungskachel:hover .leistungskachel__satz{ color:inherit; }
.leistungskachel__mehr{ font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.08em;
  text-transform:uppercase; color:var(--gold-schrift); }
.leistungskachel:hover b{ color:var(--gruen-wort); }
.befund{ display:grid; gap:2rem; margin-top:var(--s4); grid-template-columns:1fr;
  counter-reset:befund; }
.befund figure{ margin:0; min-width:0; }
.befund img{ width:100%; height:auto; display:block; }
.befund__plan img,.befund figure:nth-child(2) img{ border:1px solid var(--linie); }
.befund figcaption{ margin-top:.75rem; font-size:.9375rem; color:var(--grau);
  max-width:var(--spalte-breit); }
.befund__video{ display:block; width:100%; height:auto; }
.befund__loop{ grid-column:1 / -1; max-width:40rem; justify-self:center; width:100%; }
@media print{ .befund__video{ display:none; } }
.befund figure::before{ content:''; position:absolute; inset-block-end:-.5rem;
  inset-inline-end:-.5rem; inline-size:1.75rem; block-size:1.75rem;
  border-inline-end:2px solid var(--linie); border-block-end:2px solid var(--linie);
  transition:border-color var(--takt-schnell) var(--bogen); pointer-events:none; }
.befund figure:hover::before{ border-color:var(--gold); }
.befund figure:not(.befund__plan):not(:has(.befund__video)){ counter-increment:befund; }
.befund figure::after{ content:'Befund ' counter(befund, decimal-leading-zero);
  position:absolute; inset-block-start:.6rem; inset-inline-start:.6rem;
  font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.08em;
  text-transform:uppercase; color:#fff; background:rgb(0 0 0 / .75);
  padding:.3rem .55rem; pointer-events:none; }
.befund figure.befund__plan::after{ content:'Plan'; }
.befund figure.befund--tiefmarke::after{ content:none; }
.befund figure.befund--tiefmarke picture{ position:relative; display:block; }
.befund figure.befund--tiefmarke picture::after{
  content:'Befund ' counter(befund, decimal-leading-zero);
  position:absolute; inset-block-end:.6rem; inset-inline-start:.6rem;
  font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.08em;
  text-transform:uppercase; color:#fff; background:rgb(0 0 0 / .75);
  padding:.3rem .55rem; pointer-events:none; }
@media print{ .befund figure.befund--tiefmarke picture::after{ display:none; } }
.befund figure:has(.befund__video)::after{ content:'Schleife';
  padding-inline-start:1.5rem; background-repeat:no-repeat;
  background-position:.55rem 50%; background-size:.5rem .625rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10'%3E%3Cpath d='M0 0l8 5-8 5z' fill='%23F0A11B'/%3E%3C/svg%3E"); }
:lang(en) .befund figure::after{ content:'Finding ' counter(befund, decimal-leading-zero); }
:lang(en) .befund figure.befund__plan::after{ content:'Plan'; }
:lang(en) .befund figure.befund--tiefmarke::after{ content:none; }
:lang(en) .befund figure.befund--tiefmarke picture::after{ content:'Finding ' counter(befund, decimal-leading-zero); }
:lang(en) .befund figure:has(.befund__video)::after{ content:'Loop'; }
.befund__plan img{ box-shadow:var(--schwebe); }
.befund figcaption::before{ content:''; display:block; inline-size:2.25rem;
  block-size:2px; background:var(--gold); margin-block-end:.55rem; }
@supports (animation-timeline:view()){
  .befund figure,.blick{ --bn:0; view-timeline-name:--beleg;
    animation:befundauf cubic-bezier(.2,.7,.3,1) both;
    animation-timeline:--beleg;
    animation-range:entry calc(5% + var(--bn) * 12%) entry calc(45% + var(--bn) * 12%); }
  .befund figure:nth-child(even){ --bn:1; }
  @keyframes befundauf{
    from{ transform:translateY(1.25rem); filter:blur(6px); }
    to  { transform:none; filter:blur(0); }
  }
}
@media (prefers-reduced-motion:reduce){
  .befund figure,.blick{ animation:none !important; transform:translate(0,0) !important; filter:none !important; }
}
html[data-ruhe="an"] .befund figure,html[data-ruhe="an"] .blick{ animation:none !important; transform:translate(0,0) !important; filter:none !important; }
@media print{ .befund figure,.blick{ animation:none !important; transform:translate(0,0) !important; filter:none !important; }
  .befund figure::after{ display:none; } }
@property --blick{ syntax:'<percentage>'; inherits:true; initial-value:50%; }
.blick{ position:relative; margin-top:var(--s4); --blick:50%; touch-action:pan-y pinch-zoom; }
.blick__foto,.blick__mess{ margin:0; }
.blick img{ display:block; width:100%; height:auto; }
.blick__mess{ position:absolute; inset:0;
  clip-path:inset(0 calc(100% - var(--blick)) 0 0); }
.blick::after{ content:''; position:absolute; inset-block:0;
  inset-inline-start:calc(var(--blick) - 2px); inline-size:3px;
  background:var(--gold); box-shadow:0 0 14px rgb(240 161 27 / .55);
  pointer-events:none; }
.blick__marke{ position:absolute; inset-block-start:.75rem;
  font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.08em;
  color:#fff; background:rgb(0 0 0 / .75); padding:.3rem .55rem; }
.blick__marke--foto{ inset-inline-end:.75rem; }
.blick__marke--mess{ inset-inline-start:.75rem; inset-block-start:auto;
  inset-block-end:.75rem; }
.befund__nachsatz{ color:var(--grau); max-width:var(--spalte-breit);
  margin-top:var(--s3); }
.befund__schritt{ display:inline-flex; align-items:center; justify-content:center;
  inline-size:1.5rem; block-size:1.5rem; margin-inline-end:.4rem;
  border:2px solid var(--gold); font-family:var(--mono); font-size:var(--mono-klein);
  font-weight:700; color:var(--tinte); }
.blick__regler{ position:absolute; inset:0; inline-size:100%; block-size:100%;
  margin:0; opacity:0; cursor:ew-resize; -webkit-appearance:none; appearance:none; }
.blick__griff{ position:absolute; inset-block-start:50%;
  inset-inline-start:var(--blick); translate:-50% -50%;
  inline-size:2.75rem; block-size:2.75rem; border-radius:50%;
  background:var(--gold); border:3px solid #fff;
  box-shadow:0 1px 2px rgb(29 29 27 / .3), 0 6px 16px -4px rgb(29 29 27 / .5);
  pointer-events:none; }
.blick__griff::before,.blick__griff::after{ content:''; position:absolute;
  inset-block-start:50%; translate:0 -50%;
  border-block:6px solid transparent; }
.blick__griff::before{ inset-inline-start:.5rem; border-inline-end:8px solid var(--tinte); }
.blick__griff::after{ inset-inline-end:.5rem; border-inline-start:8px solid var(--tinte); }
.blick__regler:focus-visible ~ .blick__griff{
  outline:3px solid var(--fokus-schein); outline-offset:3px; }
@media print{
  .blick{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
  .blick__mess{ position:static; clip-path:none !important; }
  .blick::after,.blick__griff,.blick__regler{ display:none; }
}
.befund__vorwort{ color:var(--grau); max-width:var(--spalte-breit); }
@media (min-width:56rem){
  .befund{ grid-template-columns:1fr 1fr; }
  .befund__plan{ grid-column:1 / -1; }
  .befund--archiv{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
.gebiet__paar{ display:grid; gap:2rem; grid-template-columns:1fr; align-items:center; }
.gebiet__karte{ margin:2rem 0 0; min-width:0; }
.gebiet__karte img{ display:block; width:100%; height:auto; }
@media (min-width:56rem){
  .gebiet{ position:relative; overflow:clip; }
  .gebiet > .mitte{ position:relative; z-index:2; }
  .gebiet__paar{ grid-template-columns:minmax(0, 46%); gap:3.5rem; }
  .gebiet__karte{ position:absolute; z-index:1; margin:0; pointer-events:none;
    inset-block:50% auto; inset-inline-end:min(0px, calc(50% - 50vw + 1.5rem));
    width:min(62%, 58rem); transform:translateY(-50%); }
  .gebiet__karte img{ width:100%; }
}
.knopf:active{ background-color:var(--gold-tief);
  --knopf-1:#D99426; --knopf-2:#B87409; --knopf-3:#996004;
  scale:.985; translate:0 1px; transition-duration:0s; }
.knopf--rand:active{ background-color:var(--knopf-um); color:var(--knopf-um-schrift);
  scale:.985; translate:0 1px; transition-duration:0s; }
.leiste a:active{ filter:brightness(.88); }
.kopf__logo:active img{ filter:brightness(.88); }
.weg:active,.tor:active{ background:var(--gold); color:var(--auf-gold); }
.weg:hover .etikett,.weg:active .etikett,
.weg:hover span.text,.weg:active span.text{ opacity:1; }
.tor:active .tor__titel,.tor:active .tor__lead,.tor:active .tor__liste,
.tor:active .tor__mehr,.tor:active .tor__marke{ color:var(--tinte); }
a.kachel:active{ background:var(--papier-ton); box-shadow:inset 0 4px 0 var(--gold); }
.schublade a:active,.schub > summary:active,.schub__zweig > summary:active,
.menue > .mega > summary:active,.menue > a:active{ background:var(--papier-ton); }
.mega__spalte li a:active,.mega__paare a:active{ color:var(--tinte); border-block-end-color:var(--gold-tief); }
a.mega__kopf:active{ color:var(--gruen-wort); }
.mega__weg:active{ filter:brightness(.94); }
.welt--privat .welt__kopf:active{ border-block-end-color:var(--gold-tief); }
.welt--betrieb .welt__kopf:active{ border-block-end-color:#fff; }
.mehr:active,.prosa a:active{ color:var(--gold-schrift); }
.welt--betrieb .mehr:active,.flaeche--schwarz .mehr:active,
.flaeche--gruen-tief .mehr:active,.fuss .mehr:active,
.formularfeld__nachsatz .mehr:active{
  color:var(--gold-hell); }
.welt--betrieb .mega__paare a:active,.welt--betrieb .mega__spalte li a:active{
  color:var(--gold-hell); border-block-end-color:var(--gold-hell); }
.prospekt__blatt:active{ transform:translateY(-1px); }
@media (hover:hover){ a.balken:hover{ filter:brightness(1.12); } }
a.balken:active{ filter:brightness(1.12); scale:.985; translate:0 1px; transition-duration:0s; }
.tel:active{ background-color:var(--gold-tief);
  --knopf-1:#D99426; --knopf-2:#B87409; --knopf-3:#996004; transition-duration:0s; }
.leistungskachel:active b{ color:var(--gruen-wort); }
.zahl > summary:active .zahl__was{ color:var(--tinte); }
.zahlenband .zahl > summary:active .zahl__was{ color:#fff; }
.register__fach li a:active{ color:var(--tinte); border-block-end-color:var(--gold-tief); }
.lage__liste a:active span{ color:var(--gruen-wort); }
.lage__liste a:active{ border-block-end-color:var(--gold-tief); }
.frage summary:active{ background:var(--papier-ton); }
.bfrei__schalter:active{ scale:.985; transition-duration:0s; }
.bfrei__zu:active,.bfrei__reset:active{ scale:.985; transition-duration:0s; }
.bfrei__wahl:active span{ scale:.985; transition-duration:0s; }
.bfrei__weg:active{ text-decoration-thickness:2px; }
.ablage:active{ border-color:var(--gruen-tief); background:var(--papier-ton-an); }
.ablage:active .ablage__knopf{ background:var(--gruen-tief); }
.sprachen a:active,.feld--haken a:active,.feld__hilfe a:active,.kachel dl a:active,.fakten a:active{ color:var(--gold-tief); }
.prospekt__wort h3 a:active,.mensch__kontakt a:active{ border-block-end-color:var(--gold-tief); }
.fuss a:active{ text-decoration-color:var(--gold-tief); text-decoration-thickness:2px; }
.register__kopf:active{ color:var(--gruen-wort); }
.brotweg a:active{ color:#fff; border-block-end-color:var(--gold-hell); }
@media (hover:none){
  .bfrei:not(.bfrei--auf) .bfrei__schalter:hover{ background:var(--nacht); color:#fff;
    transform:none; width:2.75rem; padding:.5rem; }
  .bfrei:not(.bfrei--auf) .bfrei__schalter:hover svg{ color:var(--gold); }
  .bfrei:not(.bfrei--auf) .bfrei__schalter:hover .bfrei__wort{ position:absolute;
    width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
@media (max-width:69.99rem){
  .bfrei:not(.bfrei--auf) .bfrei__schalter:hover{ background:var(--nacht); color:#fff;
    transform:none; }
  .bfrei:not(.bfrei--auf) .bfrei__schalter:hover svg{ color:var(--gold); }
}
a,button,summary,label{ -webkit-tap-highlight-color:transparent; }
@media (hover:none){
  .flaeche--schwarz .kachel:hover,.flaeche--gruen-tief .kachel:hover{ translate:none; }
  .prospekt__blatt:hover{ transform:none; box-shadow:0 1px 2px rgb(29 29 27 / .10), 0 8px 22px -12px rgb(29 29 27 / .35); }
  .prospekt__blatt:active{ transform:translateY(1px); }
  .tor:hover .tor__bild,.leistungskachel:hover .leistungskachel__bild{ translate:none; scale:1; }
  .mensch:hover .mensch__bild img{ filter:saturate(.88); }
  .zahl > summary:hover .zahl__wert{ translate:none; }
}
::selection{ background:var(--gold); color:var(--auf-gold); }
.spruch,.zahl__einheit,.berg,.netz,.dreiecke,.tiefen{ user-select:none; }
:root{ color-scheme:only light; }
@media print{
  .befund figure::before{ inset-block-end:0; inset-inline-end:0; }
  .leiste,.schub,.springmarke,.netz,.dreiecke,.tiefen,.berg,.struktur,.impuls,
  .grund,.fussfeld .spruch,.sprachen,.sprachfach,.mega__feld,.bfrei,.leitband{ display:none !important; }
  body{ padding-bottom:0; font-size:11pt; }
  .kopf{ position:static; border-bottom:1px solid #000; }
  .flaeche--schwarz,.flaeche--gruen,.flaeche--gruen-tief,.fuss,.fuss__erde,
  .formularfeld__wort,.formularfeld__nachsatz,.welt--betrieb,.tor--betrieb,
  .zahl__mehr,.kachel,.buehne,.bildbahn{
    background:#fff !important; background-image:none !important; color:#000 !important; }
  .flaeche--schwarz *,.flaeche--gruen *,.flaeche--gruen-tief *,.fuss *,
  .buehne *,.bildbahn *,.welt--betrieb *,.tor--betrieb *,
  .formularfeld__wort *,.formularfeld__nachsatz *{ color:#000 !important; }
  .brotweg,.brotweg a,.etikett,.mono{ color:#000 !important; }
  .balken,.knopf,.tel,.ablage__knopf{
    background:#fff !important; color:#000 !important; border:1px solid #000; }
  .prosa{ max-width:32rem; }
  .frage,.fakten tr,.kachel,.prospekt,.mensch{ break-inside:avoid; }
  h1,h2,h3{ break-after:avoid; }
  .prosa a[href^="/"]::after{ content:" (cft-de.de" attr(href) ")"; font-size:.85em; font-family:var(--mono); }
  .prosa a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:.85em; font-family:var(--mono); }
  .prosa a[href^="mailto"]::after,.prosa a[href^="tel"]::after{ content:none; }
  .frage::details-content,.zahl::details-content{
    content-visibility:visible !important; block-size:auto !important; }
  .frage > summary::after{ display:none !important; }
  .frage > summary{ cursor:auto; padding-inline-end:0; }
  .zahl__mehr{ position:static !important; inset:auto !important; width:auto !important;
    box-shadow:none !important; }
  .zahl__mehr::before,.zahl__mehr::after{ display:none !important; }
  .zahl__pfeil{ display:none !important; }
}
.brotweg{ font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.04em;
  display:flex; gap:.5rem; align-items:center; flex-wrap:wrap;
  color:rgba(255,255,255,.88); margin-block-end:.25rem; }
.brotweg > *{ min-width:0; overflow-wrap:anywhere; }
.brotweg a{ color:inherit; text-decoration:none; border-block-end:1px solid rgb(255 255 255 / .35);
  padding-block-end:.1rem; }
.brotweg a:hover{ color:#fff; border-block-end-color:var(--gold); }
.leiste--einzeln{ grid-template-columns:1fr; }
@media (prefers-reduced-motion:reduce){
  .tor__bild,.leistungskachel__bild,.zahl__wert,
  .netz::after,.netz::before,.frage summary::after,.mega__pfeil,
  .schub__zweig > summary::after,
  .bfrei__schalter,.bfrei__wahl span,.bfrei__zu,.bfrei__reset,
  .prospekt__blatt,.mensch__bild img{ transition:none !important; }
  .bfrei__schalter:hover{ transform:none !important; }
  .knopf{ transition-property:--knopf-1,--knopf-2,--knopf-3,background-color,color; }
  .knopf:active,.knopf--rand:active{ scale:1; translate:none; }
  .tor:hover .tor__bild,.leistungskachel:hover .leistungskachel__bild{ translate:none; scale:1; }
  .zahl > summary:hover .zahl__wert,.zahl[open] .zahl__wert{ translate:none; }
}
.flaeche--schwarz ::selection,.flaeche--gruen-tief ::selection,
.fuss ::selection,.buehne ::selection,.bildbahn ::selection{
  background:var(--gold-hell); color:var(--tinte); }
@media (max-height:30rem){
  .kopf{ position:relative; }
  html{ scroll-padding-top:1rem; }
}
@media (min-width:1120px){
  .schub__feld .mega__spalten,.schub__feld .mega__spalten--handel{
    grid-template-columns:repeat(3,minmax(0,1fr)); }
  .schub__feld .mega__spalten--handel .mega__spalte--breit{ grid-column:span 2; }
  .schublade a{ padding-inline:max(var(--rand), calc((100% - 82rem) / 2 + var(--rand))); }
}
@media (any-pointer:coarse){
  .menue .mega__paare a,.menue .mega__spalte li a,.register__fach li a{
    min-height:2.75rem; display:flex; align-items:center; }
  .brotweg a{ min-height:2.75rem; display:inline-flex; align-items:center; }
  a.balken{ min-height:2.75rem; display:inline-flex; align-items:center; }
  .menue a,.menue > .mega > summary{ min-height:2.75rem; display:inline-flex; align-items:center; }
  .menue a.mega__weg{ display:grid; }
  .register__kopf,.menue .mega__feld a.mega__kopf{ min-height:2.75rem; display:inline-flex; align-items:center; }
  .menue .mega__spalte p a{ min-height:2.75rem; display:inline-flex; align-items:center; }
  .mehr{ min-height:2.75rem; display:inline-flex; align-items:center; }
  .kachel dl a,.fakten a{
    min-height:2.75rem; display:inline-flex; align-items:center; }
}
.rep-schritt{ border:0; padding:0; margin:0 0 var(--s5); display:grid; gap:var(--s3); }
.rep-schritt > legend{ padding:0; margin-bottom:var(--s2); font-weight:600;
  font-size:1.0625rem; display:grid; gap:.25rem; }
.rep-schritt__nr{ font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.04em;
  text-transform:uppercase; color:var(--grau); font-weight:400; }
.rep-schritt .feld{ margin:0; }
.rep-weg{ display:flex; flex-wrap:wrap; gap:.25rem; list-style:none; margin:0 0 var(--s4);
  padding:0; counter-reset:rw; }
.rep-weg li{ counter-increment:rw; display:flex; align-items:center; gap:.5rem;
  font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.03em;
  color:var(--grau); padding:.3rem .6rem; background:var(--papier-ton); }
.rep-weg li::before{ content:counter(rw); display:grid; place-items:center;
  width:1.15rem; height:1.15rem; background:var(--feld); color:var(--grau);
  font-size:var(--mono-fein); border:1px solid var(--linie); }
.rep-weg li.hier{ background:var(--gruen-tief); color:#fff; }
.rep-weg li.hier::before{ background:var(--gold); color:var(--auf-gold); border-color:transparent; }
.rep-weg li.fertig::before{ content:''; background-color:var(--gruen-tief); border-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.8 5.4 4 7.6 8.4 2.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:center; background-size:.7rem .7rem; }
.rep-fuehrung{ display:flex; gap:var(--s2); flex-wrap:wrap; align-items:center;
  margin-top:var(--s4); }
.kachel__daten{ display:grid; grid-template-columns:auto minmax(0,1fr);
  gap:.25rem .75rem; margin:1rem 0 0; font-size:.9375rem; }
.kachel__daten dt,.kachel__daten dd{ overflow-wrap:anywhere; }
.kachel__daten dd{ margin:0; }
@media (max-width:34rem){
  .kachel__daten{ grid-template-columns:minmax(0,1fr); gap:0; }
  .kachel__daten dt{ margin-top:.55rem; }
}
.rep-pruefen{ display:grid; gap:.125rem; }
.rep-pruefen dl{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:.25rem 1rem;
  margin:0; font-size:.9375rem; }
.rep-pruefen dt{ font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.03em;
  text-transform:uppercase; color:var(--grau); overflow-wrap:anywhere; }
.rep-pruefen dd{ margin:0; overflow-wrap:anywhere; }
@media (max-width:26rem){
  .rep-pruefen dl{ grid-template-columns:minmax(0,1fr); gap:0 0; }
  .rep-pruefen dt{ margin-top:.5rem; }
}
.rep-pruefen__leer{ color:var(--grau); }
.rep-fehler{ margin:var(--s2) 0 0; color:var(--achtung); font-size:.9375rem;
  display:flex; gap:.5rem; align-items:baseline; }
.rep-fehler::before{ content:''; flex:none; width:.6rem; height:.6rem; margin-top:.42em;
  background:var(--achtung); transform:rotate(45deg); }
.fuss__erde{ position:relative; overflow:hidden; }
.grund{ position:absolute; inset:0; z-index:0; pointer-events:none; color:#CDE8DB; }
.fuss__inhalt{ position:relative; z-index:1; }
.grund__boden{ position:absolute; inset:0; display:block; width:100%; height:100%; }
.grund__boden path,.berg__grund path{ vector-effect:non-scaling-stroke; stroke-width:1; }
@media (max-width:47.999rem){
  .grund__boden{ inset:0 0 auto 0; height:auto; aspect-ratio:1000/420;
    -webkit-mask-image:linear-gradient(#000 58%, transparent 100%);
            mask-image:linear-gradient(#000 58%, transparent 100%); }
}
.achse{ position:absolute; inset-block:0; inset-inline-end:var(--rand);
  width:3.75rem; display:none; }
.achse__linie{ position:absolute; inset-block:0; inset-inline-start:0; width:1px;
  background:currentColor; opacity:.14; }
.achse__marke{ position:absolute; inset-block-start:var(--at); inset-inline-start:0; }
.achse__marke::before{ content:''; position:absolute; inset-inline-start:0; inset-block-start:0;
  width:.375rem; border-block-start:1px solid currentColor; opacity:.26; }
.achse__marke--gross::before{ width:.8125rem; opacity:.38; }
.achse__marke b{ position:absolute; inset-inline-start:1rem; inset-block-start:-.72em;
  font-family:var(--mono); font-size:var(--mono-fein); font-weight:400;
  letter-spacing:.06em; white-space:nowrap; opacity:.92; }
.achse__schicht{ position:absolute; inset-block-start:var(--at);
  inset-inline-end:calc(100% + .75rem); text-decoration:none; display:none;
  font-family:var(--mono); font-size:var(--mono-fein); line-height:1;
  letter-spacing:.16em; text-transform:uppercase; white-space:nowrap;
  opacity:.78; }
@media (min-width:80rem){ .achse{ display:block; } }
@media (min-width:90rem){ .achse__schicht{ display:block; } }
.schichtgrenze{ position:absolute; inset-inline:0; inset-block-start:var(--at);
  border-block-start:1px dotted currentColor; opacity:.1; }
.leitungen{ position:absolute; inset:0; }
.leitung{ position:absolute; inset-inline:0; top:var(--ly); }
.leitung__strich{ position:absolute; inset-inline:0; top:0; display:block;
  border-block-start:1px dashed currentColor; opacity:.13;
  transition:opacity 760ms cubic-bezier(.33,0,.25,1); }
@media (min-width:80rem){
  .leitung__strich{ inset-inline:0 calc(var(--rand) + 3.75rem); }
}
.leitung__schnitt{ position:absolute; left:clamp(6rem, var(--lx), calc(100% - 6rem));
  top:0; width:var(--lg); translate:-50% -50%; opacity:0;
  transition:opacity 760ms cubic-bezier(.33,0,.25,1); }
.leitung__schnitt svg{ display:block; width:100%; height:auto; }
.leitung__wort{ position:absolute; inset-block-start:100%; inset-inline-start:50%;
  translate:-50% .5rem; text-align:center;
  font-family:var(--mono); font-size:var(--mono-fein); line-height:1.45;
  letter-spacing:.02em; white-space:nowrap; }
.leitung__wort{ opacity:0; transition:opacity 760ms cubic-bezier(.33,0,.25,1); }
.leitung__wort b{ display:block; font-weight:400; opacity:.92; letter-spacing:.04em; }
.leitung__wort em{ display:block; font-style:normal; opacity:.82; }
.leitung--eng .leitung__wort{ white-space:normal; }
html.sonde .leitung--an .leitung__strich{ opacity:.28;
  transition:opacity 520ms cubic-bezier(.33,0,.25,1) 90ms; }
html.sonde .leitung--an .leitung__schnitt{ opacity:.62;
  transition:opacity 520ms cubic-bezier(.33,0,.25,1) 90ms; }
html.sonde .leitung--an .leitung__wort{ opacity:1;
  transition:opacity 520ms cubic-bezier(.33,0,.25,1) 200ms; }
.leitung__schnitt{ display:none; }
html.sonde .leitung__schnitt{ display:block; }
@media (hover:none){ html.sonde .leitung__schnitt{ display:none; } }
@media (max-width:47.999rem){ html.sonde .leitung__schnitt{ display:none; } }
@media (prefers-reduced-motion:reduce){
  .leitung__strich,.leitung__schnitt,.leitung__wort{ transition:none !important; }
}
.zahl__mehr,.balken,.tel,
.flaeche--schwarz .kachel,.flaeche--gruen-tief .kachel,
.formularfeld__wort,.formularfeld__nachsatz{ isolation:isolate; }
.zahl__mehr::before,.balken::before,.tel::before,
.flaeche--schwarz .kachel::before,.flaeche--gruen-tief .kachel::before,
.formularfeld__wort::before,.formularfeld__nachsatz::before{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:var(--korn); background-size:200px 200px;
  mix-blend-mode:overlay; opacity:.12;
}
.flaeche--schwarz .kachel,.flaeche--gruen-tief .kachel,
.formularfeld__wort,.formularfeld__nachsatz{ position:relative; overflow:hidden; }
.flaeche--schwarz .kachel{
  background-image:radial-gradient(150% 210% at 50% -10%, rgb(255 255 255 / .07) 0%, rgb(255 255 255 / 0) 62%); }
.flaeche--gruen-tief .kachel{
  background-image:radial-gradient(150% 210% at 50% -10%, rgb(255 255 255 / .09) 0%, rgb(255 255 255 / 0) 62%); }
.bfrei{ position:fixed; z-index:70;
  inset-inline-start:var(--rand);
  inset-block-end:calc(env(safe-area-inset-bottom) + .375rem); }
@media (min-width:70rem){
  .bfrei{ inset-block-end:var(--s4);
    inset-inline-start:max(var(--rand), calc((100% - 82rem) / 2 - 3.25rem)); }
}
.bfrei__schalter[hidden]{ display:none; }
.bfrei__schalter{ display:inline-flex; align-items:center; gap:.5rem;
  min-height:2.75rem; padding:.5rem .95rem; border:var(--kante) solid var(--gold);
  border-radius:2rem; background:var(--nacht); color:#fff; cursor:pointer;
  font-family:var(--mono); font-size:var(--mono-klein); letter-spacing:.02em;
  box-shadow:var(--schwebe); transition:background var(--takt) var(--bogen),
  color var(--takt) var(--bogen), transform var(--takt-schnell) var(--bogen),
  scale var(--takt-schnell) var(--bogen); }
.bfrei__schalter:focus-visible{ box-shadow:0 0 0 6px var(--fokus-schein), var(--schwebe); }
.bfrei__schalter svg{ color:var(--gold); transition:color var(--takt) var(--bogen); }
.bfrei__schalter:hover{ background:var(--gold); color:var(--auf-gold); }
.bfrei__schalter:hover svg{ color:currentColor; }
.bfrei--auf .bfrei__schalter{ background:var(--gold); color:var(--auf-gold); }
.bfrei--auf .bfrei__schalter svg{ color:currentColor; }
.bfrei__wort{ position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap; }
.bfrei__schalter{ padding:.5rem; width:2.75rem; justify-content:center; }
@media (min-width:70rem){
  .bfrei__schalter:hover .bfrei__wort,
  .bfrei__schalter:focus-visible .bfrei__wort,
  .bfrei--auf .bfrei__wort{ position:static; width:auto; height:auto; clip-path:none; }
  .bfrei__schalter:hover,.bfrei__schalter:focus-visible,
  .bfrei--auf .bfrei__schalter{ width:auto;
    padding:.5rem .95rem .5rem .59375rem; }
}
.bfrei__tafel{ position:absolute; inset-block-end:calc(100% + var(--s2));
  inset-inline-start:0; width:min(21rem, calc(100vw - 2 * var(--rand)));
  max-height:min(30rem, calc(100dvh - 9rem)); overflow-y:auto;
  overscroll-behavior:contain;
  background:#fff; color:var(--tinte); border:var(--kante) solid var(--tinte);
  box-shadow:var(--schwebe-hoch); padding:var(--s3); display:grid; gap:var(--s3); }
.bfrei__kopf{ display:flex; align-items:center; justify-content:space-between; gap:var(--s2); }
.bfrei__titel{ margin:0; font-size:1rem; line-height:1.25; letter-spacing:-.01em; }
.bfrei__zu{ flex:none; width:2.75rem; height:2.75rem; display:grid; place-items:center;
  border:var(--kante-fein) solid var(--linie); background:#fff; color:var(--tinte);
  cursor:pointer; border-radius:50%; }
.bfrei__zu{ transition:background var(--takt-schnell) var(--bogen),
  color var(--takt-schnell) var(--bogen), scale var(--takt-schnell) var(--bogen); }
@media (hover:hover){ .bfrei__zu:hover{ background:var(--papier-ton-an); } }
.bfrei__gruppe{ margin:0; padding:0; border:0; }
.bfrei__gruppe legend{ padding:0; margin-block-end:.4rem; font-family:var(--mono);
  font-size:var(--mono-fein); text-transform:uppercase; letter-spacing:.08em;
  color:var(--grau); }
.bfrei__reihe{ display:flex; flex-wrap:wrap; gap:.5rem; }
.bfrei__wahl input{ position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap; }
.bfrei__wahl span{ display:inline-flex; align-items:center; min-height:2.75rem;
  padding:.35rem .7rem; border:var(--kante-fein) solid var(--linie);
  background:#fff; font-size:.875rem; cursor:pointer;
  transition:background var(--takt-schnell) var(--bogen),
  border-color var(--takt-schnell) var(--bogen),
  color var(--takt-schnell) var(--bogen),
  scale var(--takt-schnell) var(--bogen); }
@media (hover:hover){ .bfrei__wahl span:hover{ background:var(--papier-ton-an); } }
.bfrei__wahl input:checked + span{ background:var(--tinte); color:var(--grund);
  border-color:var(--tinte); font-weight:600; }
.bfrei__wahl input:focus-visible + span{ outline:3px solid var(--fokus-kern);
  outline-offset:2px; box-shadow:0 0 0 6px var(--fokus-schein); }
.bfrei__hilfe{ margin:.4rem 0 0; font-size:.8125rem; color:var(--grau); }
.bfrei__hinweis{ margin:0; font-size:.8125rem; color:var(--grau);
  border-block-start:var(--kante-fein) solid var(--linie); padding-block-start:var(--s2); }
.bfrei__fuss{ display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:var(--s2); }
.bfrei__reset{ min-height:2.75rem; padding:.35rem .7rem;
  border:var(--kante-fein) solid var(--tinte); background:#fff; color:var(--tinte);
  font-size:.875rem; cursor:pointer; }
.bfrei__reset{ transition:background var(--takt-schnell) var(--bogen),
  color var(--takt-schnell) var(--bogen), scale var(--takt-schnell) var(--bogen); }
@media (hover:hover){ .bfrei__reset:hover{ background:var(--tinte); color:var(--grund); } }
.bfrei__weg{ font-size:.8125rem; display:inline-flex; align-items:center;
  min-height:2.75rem; padding-block:.25rem; }
.bfrei__weg:hover{ text-decoration-thickness:2px; text-decoration-color:var(--gold-tief); }
html[data-schrift="gross"]{ font-size:112.5%; }
html[data-schrift="sehr-gross"]{ font-size:131.25%; }
html[data-kontrast="hoch"]{
  --papier-fein:#FFFFFF; --papier-zart:#FFFFFF; --papier-satt:#FFFFFF;
  --achtung:#8F1013;
  --grau:#2E3533; --linie:#6B7370;
  --gold-schrift:#6E4400; --gold-tief:#8A5600; --gold-hell:#FFEFCF;
  --papier-ton:#E7EDEB; --papier-ton-an:#D8E2DF;
  --schwebe:0 0 0 1px var(--tinte); --schwebe-hoch:0 0 0 2px var(--tinte);
  --schwebe-feld:0 0 0 2px var(--tinte);
}
html[data-kontrast="hoch"] .flaeche::before,
html[data-kontrast="hoch"] .kachel::before,
html[data-kontrast="hoch"] .zahlenband::after,
html[data-kontrast="hoch"] .welt--privat::after,
html[data-kontrast="hoch"] .welt--betrieb::after,
html[data-kontrast="hoch"] .tor--privat::after,
html[data-kontrast="hoch"] .tor--betrieb::after,
html[data-kontrast="hoch"] .formular::after,
html[data-kontrast="hoch"] .buehne::after,
html[data-kontrast="hoch"] .bildbahn::after,
html[data-kontrast="hoch"] .fuss__erde::after,
html[data-kontrast="hoch"] .berg::after,
html[data-kontrast="hoch"] .knopf::before,
html[data-kontrast="hoch"] .balken::before,
html[data-kontrast="hoch"] .tel::before,
html[data-kontrast="hoch"] .zahl__mehr::before,
html[data-kontrast="hoch"] .formularfeld__wort::before,
html[data-kontrast="hoch"] .formularfeld__nachsatz::before,
html[data-kontrast="hoch"] .netz,
html[data-kontrast="hoch"] .tiefen,
html[data-kontrast="hoch"] .polygonbau,
html[data-kontrast="hoch"] .struktur,
html[data-kontrast="hoch"] .dreiecke{ display:none !important; }
html[data-kontrast="hoch"] .tor--privat,
html[data-kontrast="hoch"] .welt--privat{ background-image:none; }
html[data-kontrast="hoch"] .buehne__schleier,
html[data-kontrast="hoch"] .bildbahn__schleier{ background:rgb(7 26 21 / .78) !important; }
html[data-kontrast="hoch"] .prosa a,
html[data-kontrast="hoch"] .fuss a,
html[data-kontrast="hoch"] p a{ text-decoration:underline; text-underline-offset:.18em; }
html[data-farbsehen="rotgruen"]{ --achtung:#005587; --gold:#E69F00; --gold-tief:#A96F00;
  --fokus-schein:rgb(230 159 0 / .92); --fokus-schein-satt:rgb(230 159 0 / .95); }
html[data-farbsehen="blaugelb"]{ --achtung:#A31518; --gold:#F49B70; --gold-tief:#A63C13;
  --gold-schrift:#8A3410;
  --fokus-schein:rgb(244 155 112 / .92); --fokus-schein-satt:rgb(244 155 112 / .95); }
html[data-farbsehen="rotgruen"] .knopf,html[data-farbsehen="rotgruen"] .tel,
html[data-farbsehen="blaugelb"] .knopf,html[data-farbsehen="blaugelb"] .tel{
  background-image:none; }
html[data-farbsehen="rotgruen"] .mangel li::before,
html[data-farbsehen="blaugelb"] .mangel li::before{ border-radius:0; transform:rotate(45deg); }
html[data-farbsehen="rotgruen"] .feld__hilfe--fehlt::before,
html[data-farbsehen="blaugelb"] .feld__hilfe--fehlt::before{ content:"! "; font-weight:700; }
html[data-ruhe="an"] .netz,
html[data-ruhe="an"] .tiefen,
html[data-ruhe="an"] .dreiecke,
html[data-ruhe="an"] .grund,
html[data-ruhe="an"] .buehne > picture,
html[data-ruhe="an"] .bildbahn > picture{ display:none !important; }
html[data-ruhe="an"] .buehne,
html[data-ruhe="an"] .bildbahn{ background:var(--nacht) !important; }
html[data-ruhe="an"] .berg > :not(.nur-lesegeraet){ display:none !important; }
html[data-ruhe="an"] .berg{ aspect-ratio:auto !important; background:transparent !important; }
html[data-ruhe="an"] .fussfeld__buehne{ block-size:auto !important; }
html[data-ruhe="an"] .fussfeld__halt{ position:static !important; min-block-size:0 !important; }
html[data-ruhe="an"] *,
html[data-ruhe="an"] *::before,
html[data-ruhe="an"] *::after{
  animation-timeline:none !important;
  animation-duration:1ms !important; animation-iteration-count:1 !important;
  animation-delay:0s !important; transition-delay:0s !important;
  transition-duration:1ms !important; }
html[data-ruhe="an"] .bildbahn__inhalt{ animation:none !important; transform:none !important; }
html[data-ruhe="an"] .spruch__zeile,html[data-ruhe="an"] .spruch__wort{
  animation:none !important; clip-path:none !important; transform:none !important;
  filter:none !important; opacity:1 !important; }
html[data-ruhe="an"] .dreiecksbild__bild,html[data-ruhe="an"] .dreiecksbild__leer{
  animation:none !important; translate:none !important; }
html[data-ruhe="an"]{ scroll-behavior:auto !important; }
.fehlerpaar{ display:grid; gap:2rem; align-items:center; grid-template-columns:1fr; }
@media (min-width:48rem){ .fehlerpaar{ grid-template-columns:1.5fr .75fr; gap:3rem; } }
.fehlerwesen{ margin:0; justify-self:center; }
.fehlerwesen img{ display:block; width:min(52vw,15rem); height:auto; }
@media (min-width:48rem){ .fehlerwesen img{ width:min(22vw,19rem); } }
.fehlerwesen figcaption{ font-size:var(--mono-klein); letter-spacing:.06em;
  text-transform:uppercase; color:var(--gold-hell); text-align:center; margin-top:.75rem; }
.fehlerwesen--klein{ margin-top:1.5rem; justify-self:start; }
.fehlerwesen--klein img{ width:min(40vw,11rem); }
.fehlerwesen--klein figcaption{ text-align:start; }
.antwort__stempel{ display:inline-flex; align-items:center; gap:.6rem;
  border:1px solid currentColor; padding:.45rem .8rem; }
.antwort__stempel::before{ content:''; inline-size:8px; block-size:8px;
  flex:none; background:currentColor; transform:rotate(45deg); }
.fundweg{ list-style:none; margin:1.9rem 0 0; padding:0;
  display:flex; flex-direction:column; gap:1.3rem; }
.fundweg__halt{ position:relative; display:flex; align-items:center; gap:.85rem;
  color:rgba(255,255,255,.92); font-size:.9375rem; }
.fundweg__halt--hier .fundweg__wort{ font-weight:600; color:#fff; }
.fundweg__marke{ position:relative; inline-size:12px; block-size:12px;
  flex:none; color:var(--gold); }
.fundweg .fundpunkt__ring{ inset-block-start:50%; inset-inline-start:50%; }
.fundweg__raute{ position:absolute; inset:0; transform:rotate(45deg);
  border:1.5px solid rgba(255,255,255,.8); }
.fundweg__halt--hier .fundweg__raute{ background:var(--gold); border-color:var(--gold); }
.fundweg__halt + .fundweg__halt::before{ content:''; position:absolute;
  inset-inline-start:5px; inset-block-start:-1.15rem; block-size:1rem;
  border-inline-start:2px dashed rgba(255,255,255,.45); }
@media (min-width:46rem){
  .fundweg{ flex-direction:row; align-items:center; }
  .fundweg__halt + .fundweg__halt::before{ position:static; inset:auto;
    block-size:0; inline-size:clamp(2.25rem, 5vw, 4.25rem);
    border-inline-start:0; border-block-start:2px dashed rgba(255,255,255,.45); }
}
@media (prefers-reduced-motion:no-preference){
  .fundweg__marke,.fundweg__wort{ animation:fundweg-halt .45s var(--bogen) both; }
  .fundweg__halt:nth-child(2) .fundweg__marke,
  .fundweg__halt:nth-child(2) .fundweg__wort{ animation-delay:.55s; }
  .fundweg__halt:nth-child(3) .fundweg__marke,
  .fundweg__halt:nth-child(3) .fundweg__wort{ animation-delay:1.1s; }
  .fundweg__halt + .fundweg__halt::before{ animation:fundweg-zug .45s var(--bogen) both; }
  .fundweg__halt:nth-child(2)::before{ animation-delay:.2s; }
  .fundweg__halt:nth-child(3)::before{ animation-delay:.75s; }
  @keyframes fundweg-halt{ from{ opacity:0; translate:0 .3rem; } to{ opacity:1; translate:0 0; } }
  @keyframes fundweg-zug{ from{ clip-path:inset(0 0 100% 0); } to{ clip-path:inset(0 0 0 0); } }
  @media (min-width:46rem){
    @keyframes fundweg-zug{ from{ clip-path:inset(0 100% 0 0); } to{ clip-path:inset(0 0 0 0); } }
  }
}
.antwort__adresse{ display:inline-block; border:1px solid rgba(255,255,255,.35);
  padding:.9rem 1.15rem; margin-block-start:1.25rem; }
.meldung-titel:focus-visible{ outline:none; box-shadow:none; }
@view-transition{ navigation:auto; }
::view-transition-group(root),
::view-transition-old(root),
::view-transition-new(root){
  animation-duration:180ms;
  animation-timing-function:var(--bogen);
}
.kopf{ view-transition-name:kopf; }
.bfrei{ view-transition-name:bfrei; }
.leiste{ view-transition-name:leiste; }
::view-transition-group(tor-privat),
::view-transition-group(tor-betrieb),
::view-transition-old(tor-privat),
::view-transition-new(tor-privat),
::view-transition-old(tor-betrieb),
::view-transition-new(tor-betrieb),
::view-transition-group(kopf),
::view-transition-old(kopf),
::view-transition-new(kopf),
::view-transition-group(bfrei),
::view-transition-old(bfrei),
::view-transition-new(bfrei),
::view-transition-group(leiste),
::view-transition-old(leiste),
::view-transition-new(leiste){
  animation-duration:180ms;
  animation-timing-function:var(--bogen);
}
@media (prefers-reduced-motion:reduce){
  @view-transition{ navigation:none; }
}
html[data-ruhe="an"]::view-transition-group(*),
html[data-ruhe="an"]::view-transition-old(*),
html[data-ruhe="an"]::view-transition-new(*){ animation-duration:1ms !important; }
.partner{ display:flex; flex-direction:column; height:100%; }
.partner__ort{ color:var(--grau); margin:0 0 .5rem; }
.partner__name{ margin:0 0 .35rem; line-height:1.25; overflow-wrap:anywhere; }
.partner__name a{ color:inherit; text-decoration:none;
  border-block-end:var(--kante) solid transparent;
  transition:border-color var(--takt-schnell) var(--bogen); }
.partner__name a:hover{ border-block-end-color:var(--gold); }
.partner__firma{ font-size:var(--mono-fein); color:var(--grau); margin:0 0 .9rem;
  overflow-wrap:anywhere; }
.partner__merkmal{ border-inline-start:var(--kante) solid var(--gold);
  padding-inline-start:.9rem; margin-block:1rem; overflow-wrap:anywhere; }
.partner__liste{ list-style:none; padding:0; margin:0 0 1.25rem;
  display:flex; flex-wrap:wrap; gap:.5rem; margin-block-end:auto; }
.partner__liste li{ font-family:var(--mono); font-size:var(--mono-fein);
  background:var(--papier-zart); border:1px solid var(--linie);
  padding:.2rem .55rem;
  overflow-wrap:anywhere; }
.partner__fuss{ margin:1.25rem 0 0; }
.partner__quer{ display:block; margin-block-start:.5rem;
  font-size:var(--mono-fein); color:var(--grau); }
.partner__gesucht{ list-style:none; padding:0; margin:1rem 0 1.5rem;
  display:flex; flex-wrap:wrap; gap:.5rem; }
.partner__gesucht li{ font-family:var(--mono); font-size:var(--mono-fein);
  border:1px dashed var(--grau); color:var(--grau); padding:.35rem .7rem; }
.beitraege{ display:grid; grid-template-columns:minmax(0,1fr); margin-top:var(--s4);
  border-block-start:1px solid var(--linie); border-inline-start:1px solid var(--linie); }
@media (min-width:44rem){ .beitraege{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:68rem){ .beitraege{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.beitrag{ position:relative; display:flex; flex-direction:column; background:#fff;
  border-inline-end:1px solid var(--linie); border-block-end:1px solid var(--linie);
  box-shadow:inset 0 4px 0 transparent;
  transition:box-shadow var(--takt-schnell) var(--bogen),background-color var(--takt-schnell) var(--bogen); }
.beitrag:hover{ background-color:var(--papier-zart); box-shadow:inset 0 4px 0 var(--gold); }
.beitrag__bild{ display:block; aspect-ratio:16/10; overflow:hidden; }
.beitrag__bild img{ width:100%; height:100%; object-fit:cover; display:block; }
.beitrag__text{ display:flex; flex-direction:column; flex:1; padding:1.35rem 1.75rem 1.75rem; }
.beitrag__marke{ color:var(--grau); margin:0 0 .7rem; display:flex; flex-wrap:wrap;
  column-gap:1rem; row-gap:.25rem; }
.beitrag__haus--eigen{ color:var(--gruen-wort); }
.beitrag__titel{ margin:0; font-size:1.125rem; line-height:1.25; overflow-wrap:anywhere; }
.beitrag__titel a{ color:inherit; text-decoration:none; }
.beitrag__titel a::after{ content:''; position:absolute; inset:0; }
.beitrag__anriss{ color:var(--grau); font-size:.9375rem; margin:.5rem 0 1.1rem; }
.beitrag__fuss{ margin:auto 0 0; }
.beitrag--gross{ border:1px solid var(--linie); margin-top:var(--s4); }
@media (min-width:44rem){
  .beitrag--gross{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
  .beitrag--gross .beitrag__bild{ aspect-ratio:auto; height:100%; min-height:18rem; }
  .beitrag--gross .beitrag__text{ padding:2rem 2.25rem; justify-content:center; }
  .beitrag--gross .beitrag__titel{ font-size:1.5rem; }
}
.beitragsjahr{ display:flex; align-items:baseline; gap:1rem;
  border-block-end:1px solid var(--linie); padding-block-end:.5rem; }
.beitragsjahr h2{ margin:0; }
.beitragsjahr .mono{ color:var(--grau); margin:0; }
.beitrag__aufmacher{ margin:0 auto var(--s4); max-width:46rem; text-align:center; }
.beitrag__aufmacher img{ width:auto; height:auto; max-width:100%; max-height:28rem;
  display:inline-block; }
.beitrag__rumpf{ margin-inline:auto; }
.beitrag__herkunft{ margin:var(--s4) auto 0; border-inline-start:var(--kante) solid var(--gold);
  background:var(--papier-zart); padding:1.4rem 1.75rem; }
.beitrag__herkunft .etikett{ color:var(--grau); margin:0 0 .6rem; }
.beitrag__herkunft p{ margin:.4rem 0; }
.beitrag__nachbarn{ display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; }
@media (min-width:44rem){ .beitrag__nachbarn{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.beitrag__nachbar{ border:1px solid var(--linie); }
.beitrag__nachbar .etikett{ color:var(--grau); margin:0 0 .4rem; }
.beitrag__nachbartitel{ font-weight:600; line-height:1.25; margin:0 0 .4rem; color:var(--tinte); }
.beitrag__nachbar .mono{ color:var(--grau); margin:0; }
.kopf__logo-nacht{ display:none; }
@media (prefers-color-scheme: dark){
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]){
    color-scheme:dark;
    --grund:#0E1211;
    --karte:#161C1A;
    --feld:#121816;
    --papier-ton:#151A18;
    --papier-ton-an:#1C2220;
    --papier-fein:#111614;
    --papier-zart:#101413;
    --papier-satt:#171D1B;
    --tinte:#E9E7E1;
    --grau:#A9B3AF;
    --linie:#2A322F;
    --gruen-blass:#12241E;
    --gruen-wort:#9CCFBF;
    --gold-schrift:#F2C97D;
    --achtung:#FF938F;
    --auf-gold:#1D1D1B;
    --knopf-um-schrift:var(--grund);
    --weiss-mitte:#181D1B;
    --weiss-rand:#0F1312;
    --glas-rgb:22 28 26; --glas-feld-rgb:18 24 22;
    --glas-deckung:.62; --glas-feld-deckung:.62; --glas-rand-deckung:.06;
    --glas-rim-hell:0; --glas-rim-dunkel:0; --glas-tiefe-deckung:0; --glas-glanz:.05;
  }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .flaeche--weiss{ --puls-kern:#FFE9BE; --kantenglow-bloom:1; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .flaeche--schwarz,:root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .flaeche--gruen-tief{ --schein-kern:.5; --schein-hof:.13; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]){ --schein-kern:.20; --schein-kernfarbe:color-mix(in srgb, #FFE9BE 72%, rgb(var(--puls-gold))); --schein-hof:.11; --schein-linie:.55; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .flaeche--weiss{ --netz-schleier:rgb(16 20 18 / .9); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .kachel--bereich .zeichen{ color:rgba(255,255,255,.78); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .register__kopf > .zeichen,
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .zeichen--lage{ color:rgba(255,255,255,.78); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .register__kopf:hover > .zeichen,
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .register__kopf:focus-visible > .zeichen{ color:var(--gold); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .faq-werk,
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .faq-steuer,
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .faq-chips{ --faq-rand:#5A6B65; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .frage{ border-bottom-color:#465350; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .formular{ background-image:none; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .welt--privat{ --grau:#A9B3AF;
    background-image:radial-gradient(120% 130% at 30% 20%, #1A322B 0%, var(--gruen-blass) 62%, #0C1D18 100%); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .tor--privat{ --grau:#A9B3AF;
    background-image:radial-gradient(130% 130% at 26% 18%, #1A322B 0%, var(--gruen-blass) 62%, #0C1D18 100%); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .zahl__mehr{ background-color:#1D1D1B;
    background-image:radial-gradient(150% 200% at 50% 0%, #2E2E2B 0%, #1D1D1B 60%, #131312 100%); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .zahl__pfeil{ background:#1D1D1B; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .leiste,
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .leiste a{ background:#1D1D1B; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .leiste a.gold{ background:var(--gold); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .bfrei__tafel{ background:var(--karte); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .bfrei__zu{ background:var(--karte); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .bfrei__wahl input:not(:checked) + span{ background:var(--feld); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .bfrei__reset{ background:var(--feld); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .wahl__punkt input:checked{
    background:var(--gruen-wort); border-color:var(--gruen-wort); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .sprachen__bald{ color:var(--grau); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .sprachfach__bald{ color:var(--grau); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .pruefen a{ color:var(--gruen-tief); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .berg{ background:var(--grund); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .berg::after,
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .fuss__erde::after{ opacity:0; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .berg__gelaende,
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .grund__boden{ filter:brightness(.5) saturate(.85); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .berg__figur > g:not(.berg__spiegel) path{ fill:#A9B0AD; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .polygonbau__feld{ opacity:0; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .polygonbau__schar{ background-color:var(--grund); }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .kopf__logo-tag{ display:none; }
  :root:not([data-kontrast="hoch"]):not([data-nacht="aus"]) .kopf__logo-nacht{ display:block; }
}
:root[data-nacht="an"]:not([data-kontrast="hoch"]){
    color-scheme:dark;
    --grund:#0E1211;
    --karte:#161C1A;
    --feld:#121816;
    --papier-ton:#151A18;
    --papier-ton-an:#1C2220;
    --papier-fein:#111614;
    --papier-zart:#101413;
    --papier-satt:#171D1B;
    --tinte:#E9E7E1;
    --grau:#A9B3AF;
    --linie:#2A322F;
    --gruen-blass:#12241E;
    --gruen-wort:#9CCFBF;
    --gold-schrift:#F2C97D;
    --achtung:#FF938F;
    --auf-gold:#1D1D1B;
    --knopf-um-schrift:var(--grund);
    --weiss-mitte:#181D1B;
    --weiss-rand:#0F1312;
    --glas-rgb:22 28 26; --glas-feld-rgb:18 24 22;
    --glas-deckung:.62; --glas-feld-deckung:.62; --glas-rand-deckung:.06;
    --glas-rim-hell:0; --glas-rim-dunkel:0; --glas-tiefe-deckung:0; --glas-glanz:.05;
  }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .flaeche--weiss{ --puls-kern:#FFE9BE; --kantenglow-bloom:1; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .flaeche--schwarz,:root[data-nacht="an"]:not([data-kontrast="hoch"]) .flaeche--gruen-tief{ --schein-kern:.5; --schein-hof:.13; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]){ --schein-kern:.20; --schein-kernfarbe:color-mix(in srgb, #FFE9BE 72%, rgb(var(--puls-gold))); --schein-hof:.11; --schein-linie:.55; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .flaeche--weiss{ --netz-schleier:rgb(16 20 18 / .9); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .kachel--bereich .zeichen{ color:rgba(255,255,255,.78); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .register__kopf > .zeichen,
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .zeichen--lage{ color:rgba(255,255,255,.78); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .register__kopf:hover > .zeichen,
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .register__kopf:focus-visible > .zeichen{ color:var(--gold); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .faq-werk,
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .faq-steuer,
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .faq-chips{ --faq-rand:#5A6B65; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .frage{ border-bottom-color:#465350; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .formular{ background-image:none; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .welt--privat{ --grau:#A9B3AF;
    background-image:radial-gradient(120% 130% at 30% 20%, #1A322B 0%, var(--gruen-blass) 62%, #0C1D18 100%); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .tor--privat{ --grau:#A9B3AF;
    background-image:radial-gradient(130% 130% at 26% 18%, #1A322B 0%, var(--gruen-blass) 62%, #0C1D18 100%); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .zahl__mehr{ background-color:#1D1D1B;
    background-image:radial-gradient(150% 200% at 50% 0%, #2E2E2B 0%, #1D1D1B 60%, #131312 100%); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .zahl__pfeil{ background:#1D1D1B; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .leiste,
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .leiste a{ background:#1D1D1B; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .leiste a.gold{ background:var(--gold); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .bfrei__tafel{ background:var(--karte); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .bfrei__zu{ background:var(--karte); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .bfrei__wahl input:not(:checked) + span{ background:var(--feld); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .bfrei__reset{ background:var(--feld); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .wahl__punkt input:checked{
    background:var(--gruen-wort); border-color:var(--gruen-wort); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .sprachen__bald{ color:var(--grau); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .sprachfach__bald{ color:var(--grau); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .pruefen a{ color:var(--gruen-tief); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .berg{ background:var(--grund); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .berg::after,
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .fuss__erde::after{ opacity:0; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .berg__gelaende,
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .grund__boden{ filter:brightness(.5) saturate(.85); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .berg__figur > g:not(.berg__spiegel) path{ fill:#A9B0AD; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .polygonbau__feld{ opacity:0; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .polygonbau__schar{ background-color:var(--grund); }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .kopf__logo-tag{ display:none; }
  :root[data-nacht="an"]:not([data-kontrast="hoch"]) .kopf__logo-nacht{ display:block; }

.informare__hausname{ font-weight:600; margin:.3rem 0 .5rem; }
.informare__hausname a{ color:#fff; text-decoration:none;
  border-block-end:var(--kante) solid rgba(255,255,255,.35); }
.informare__hausname a:hover{ border-block-end-color:var(--gold); }
.sprachwechsel{ font-size:.85em; opacity:.78; white-space:nowrap; }
.faq-steuer{ display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin-block:0 1.25rem; }
.faq-werk, .faq-steuer, .faq-chips{ --faq-rand:var(--cft); }
.faq-suchfeld{ flex:1 1 16rem; max-width:28rem; font:inherit; color:inherit;
  padding:.6rem .95rem; border:2px solid var(--faq-rand); border-radius:.4rem; background:var(--feld, #fff); }
.faq-suchfeld:focus-visible{ outline:3px solid var(--gold); outline-offset:2px; }
.faq-knopf{ font:inherit; color:inherit; background:transparent; cursor:pointer;
  padding:.55rem .95rem; border:2px solid var(--faq-rand); border-radius:.4rem; }
.faq-knopf:hover{ border-color:var(--teal); }
.faq-knopf:focus-visible{ outline:3px solid var(--gold); outline-offset:2px; }
.faq-chips{ display:flex; flex-wrap:wrap; gap:.5rem; margin-block:.25rem 1.5rem; }
.faq-chip{ text-decoration:none; color:inherit; padding:.35rem .95rem; border-radius:999px;
  border:2px solid var(--faq-rand); }
.faq-chip b{ font-weight:600; color:var(--grau); margin-inline-start:.2rem; }
.faq-chip:hover{ border-color:var(--gruen-tief); }
.faq-chip.an{ background:var(--gruen-tief); border-color:var(--gruen-tief); color:#fff; }
.faq-chip.an b{ color:#fff; }
.faq-chip:focus-visible{ outline:3px solid var(--gold); outline-offset:2px; }
.faq-zahl{ font-size:.6em; font-weight:400; color:var(--grau); white-space:nowrap; margin-inline-start:.4rem; }
.faq-leistung{ margin-block:2.25rem; }
.faq-leistung__name{ margin-block-end:.35rem; }
.faq-leistung__name a{ text-decoration:none; border-block-end:var(--kante) solid var(--gruen-blass); }
.faq-leistung__name a:hover{ border-block-end-color:var(--teal); }
.faq-verfahren{ color:var(--grau); margin-block:0 .75rem; }
.faq-rubrik{ font-family:var(--mono); font-size:var(--mono-fein); letter-spacing:.08em;
  text-transform:uppercase; color:var(--grau); margin-block:1.25rem .25rem; }
.faq-rubrik:first-of-type{ margin-block-start:.75rem; }
.befund__video{ background:var(--gruen-tief); }
.frage--verfahren summary{ font-weight:500; }
@media (forced-colors: active){
  .wahl__punkt input{ appearance:auto; -webkit-appearance:auto; rotate:none;
    width:auto; height:auto; scale:1; }
  .knopf,.tel,.leiste a,.ablage__knopf,.balken,.mega__weg,.weg,
  .mega__feld,.schublade,.zahl__mehr,.sprachfach__feld,.leitband,.formularfeld,.kachel,.prospekt__blatt,
  .welt--betrieb,.tor--betrieb,.welt--privat,.tor--privat,.formularfeld__wort{
    outline:1px solid; outline-offset:-1px; }
  .mensch__bild--leer{ outline:1px solid; }
  .rep-weg li.hier{ background:SelectedItem; color:SelectedItemText; }
  .rep-weg li.hier::before{ background:SelectedItemText; color:SelectedItem; border-color:SelectedItemText; }
  .bfrei__wahl input:checked + span{ background:SelectedItem; color:SelectedItemText;
    border-color:SelectedItemText; }
  .menue > a,.menue > .mega > summary{ border-bottom-color:Canvas; }
  .menue a[aria-current="page"],.menue > .mega > summary[data-hier]{
    background:SelectedItem; color:SelectedItemText; border-bottom-color:SelectedItem; }
  .menue .welt__kopf[aria-current]{ background:SelectedItem; color:SelectedItemText; }
  .schublade > a[aria-current],.schublade > .schub__zweig > summary[aria-current]{
    background:SelectedItem; color:SelectedItemText; }
  .rep-weg li.fertig::before{ forced-color-adjust:none; }
  .mangel li::before,.rep-fehler::before{ background:CanvasText; }
}