:root {
  --font-sans:
    "Switzer", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial,
    "Liberation Sans", system-ui, sans-serif;
  --font-display: var(--font-sans);
  --font-text: var(--font-sans);
}

:root {
  
  --walnut:  #3F2419;   
  --papier:  #F0EBE4;   
  --weiss:   #FFFFFF;   

  
  --walnut-900: #241209;
  --walnut-800: #331B10;
  --walnut-700: #3F2419;  
  --walnut-600: #55362A;
  --walnut-500: #6E4C3D;
  --walnut-400: #8E6F60;
  --walnut-300: #B39C8F;
  --walnut-200: #D2C4B8;
  --walnut-100: #E4DAD0;
  --walnut-050: #F2EDE7;

  
  --papier-dunkel: #E4DED4;  
  --papier-tief:   #D9D1C5;  

  
  --text-stark:     var(--walnut-700);
  --text-koerper:   #4A3226;   
  --text-leise:     var(--walnut-500);
  --text-fluestern: var(--walnut-400);
  --text-auf-dunkel:       #F4EFE8;
  --text-auf-dunkel-leise: #C6B5A8;

  
  --flaeche-seite:    var(--papier);
  --flaeche-zweit:    var(--papier-dunkel);
  --flaeche-karte:    var(--weiss);
  --flaeche-dunkel:   var(--walnut-700);
  --flaeche-dunkel-tief: var(--walnut-900);
  --flaeche-bild:     var(--papier-tief);

  
  --linie-haar:  rgba(63, 36, 25, 0.16);   
  --linie-weich: rgba(63, 36, 25, 0.10);
  --linie-stark: rgba(63, 36, 25, 0.32);
  --linie-auf-dunkel: rgba(244, 239, 232, 0.20);

  
  --interaktion-hover:  var(--walnut-800);
  --interaktion-aktiv:  var(--walnut-900);
  --interaktion-wash:   rgba(63, 36, 25, 0.05);
  --fokus-ring:         var(--walnut-700);

  
  --hinweis:  var(--walnut-600);   
  --dringend: #7A2E1E;             

  
  --schatten-xs: 0 1px 2px rgba(63, 36, 25, 0.05);
  --schatten-sm: 0 2px 8px rgba(63, 36, 25, 0.06);
  --schatten-pill: 0 2px 14px rgba(36, 18, 9, 0.14);
}

:root {
  
  --gewicht-regular: 400;
  --gewicht-medium:  500;

  
  --display-xxl: clamp(3.25rem, 7.6vw, 7.5rem);   
  --display-xl:  clamp(2.75rem, 5.6vw, 5.5rem);   
  --display-l:   clamp(2.25rem, 4vw, 3.75rem);    
  --display-m:   clamp(1.75rem, 2.6vw, 2.5rem);   

  
  --titel-l: 1.75rem;    
  --titel-m: 1.375rem;   
  --titel-s: 1.0625rem;  

  
  --text-lead:  1.3125rem;  
  --text-body:  1.0625rem;  
  --text-klein: 0.9375rem;  
  --text-mini:  0.8125rem;  

  
  --label:       0.875rem;   
  --label-klein: 0.8125rem;  
  --label-tracking: 0.01em;

  
  --ziffer-xl: clamp(3rem, 5.5vw, 5.25rem);
  --ziffer-l:  clamp(2rem, 3.2vw, 3rem);

  
  --zh-display: 0.94;
  --zh-titel:   1.16;
  --zh-lead:    1.45;
  --zh-body:    1.62;
  --zh-eng:     1.35;

  
  --lw-display: -0.03em;
  --lw-titel:   -0.015em;
  --lw-body:    0;

  
  --zeilenlaenge: 62ch;
  --zeilenlaenge-lead: 54ch;
}

:root {
  
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;
  --s-40: 160px;
  --s-48: 192px;

  
  --sektion-y:       clamp(72px, 9vw, 160px);
  --sektion-y-eng:   clamp(48px, 6vw, 96px);
  --sektion-y-weit:  clamp(96px, 12vw, 192px);

  
  --inhalt-max: 1420px;
  --rand:       clamp(20px, 5.6vw, 80px);
  --spalten:    4;
  --spalte-gap: 0px;        
  --fliess-gap: clamp(24px, 3vw, 48px);

  
  --radius-0:    0px;      
  --radius-2:    2px;      
  --radius-pill: 999px;    

  
  --haarlinie: 1px;

  
  --dauer-schnell: 160ms;
  --dauer-mittel:  280ms;
  --dauer-lang:    520ms;
  --easing:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --easing-aus: cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--flaeche-seite);
  color: var(--text-koerper);
  font-family: var(--font-text);
  font-size: var(--text-body);
  font-weight: var(--gewicht-regular);
  line-height: var(--zh-body);
  letter-spacing: var(--lw-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: var(--text-stark);
  font-weight: var(--gewicht-regular);
  line-height: var(--zh-titel);
  letter-spacing: var(--lw-titel);
  text-wrap: balance;
}

p { margin: 0; text-wrap: pretty; }
ul, ol { margin: 0; padding: 0; }
img, svg, video { display: block; max-width: 100%; }
figure { margin: 0; }
table { border-collapse: collapse; width: 100%; }

a {
  color: var(--text-stark);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: var(--linie-stark);
  transition: color var(--dauer-schnell) var(--easing),
              text-decoration-color var(--dauer-schnell) var(--easing);
}
a:hover {
  color: var(--walnut-900);
  text-decoration-color: currentColor;
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}

:focus-visible {
  outline: 2px solid var(--fokus-ring);
  outline-offset: 2px;
}

::selection { background: var(--walnut-200); color: var(--walnut-900); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

@font-face{font-family:"Switzer";src:url("/assets/fonts/switzer-400.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Switzer";src:url("/assets/fonts/switzer-500.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap}

.bahn{max-width:var(--inhalt-max);margin:0 auto;padding:0 var(--rand)}
.abschnitt{padding-top:var(--sektion-y);padding-bottom:var(--sektion-y)}
.abschnitt-eng{padding-top:var(--sektion-y-eng);padding-bottom:var(--sektion-y-eng)}
.abschnitt-oben{padding-top:clamp(56px,7vw,112px)}
.flaeche-zweit{background:var(--flaeche-zweit)}
.springlink{position:absolute;left:-9999px}
.springlink:focus{left:var(--rand);top:var(--s-3);z-index:99;background:var(--flaeche-dunkel);
  color:var(--text-auf-dunkel);padding:var(--s-3) var(--s-4)}

.wortmarke{display:inline-block;color:currentColor;text-decoration:none;font-family:var(--font-sans)}
.wortmarke .name{font-weight:var(--gewicht-medium);letter-spacing:.06em;font-size:15px;
  line-height:1.1;white-space:nowrap}
.wortmarke-gestapelt{display:flex;flex-direction:column;gap:var(--s-1)}
.wortmarke-gestapelt .zusatz{font-size:10px;letter-spacing:var(--label-tracking);color:var(--text-leise);white-space:nowrap}

.kopfzeile{position:sticky;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;
  justify-content:space-between;flex-wrap:wrap;row-gap:var(--s-3);gap:clamp(16px,2vw,40px);
  padding:22px var(--rand);background:rgba(240,235,228,.86);backdrop-filter:blur(10px);
  border-bottom:var(--haarlinie) solid var(--linie-weich);color:var(--text-stark)}
.kopfzeile.ueber-bild{position:absolute;background:transparent;backdrop-filter:none;
  border-bottom:none;color:var(--text-auf-dunkel)}
.kopfzeile nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,30px);flex-wrap:wrap;
  row-gap:var(--s-2);flex:1 1 auto;justify-content:center}
.kopfzeile nav a{font-size:var(--label);font-weight:var(--gewicht-medium);
  letter-spacing:var(--label-tracking);color:var(--text-leise);text-decoration:none;
  padding-bottom:3px;border-bottom:1px solid transparent;white-space:nowrap}
.kopfzeile nav a[aria-current="page"],.kopfzeile nav a:hover{color:var(--text-stark);border-bottom-color:currentColor}
.kopfzeile.ueber-bild nav a{color:rgba(244,239,232,.78)}
.kopfzeile.ueber-bild nav a[aria-current="page"],.kopfzeile.ueber-bild nav a:hover{color:var(--text-auf-dunkel)}
.kopfzeile .btn{flex-shrink:0;margin-left:auto}

.menu-schalter{display:none}
.menu-knopf{display:none;font-size:var(--label);font-weight:var(--gewicht-medium);
  letter-spacing:var(--label-tracking);color:inherit;background:none;border:0;
  padding:var(--s-2) 0;cursor:pointer;text-decoration:underline;
  text-decoration-color:var(--linie-stark);text-underline-offset:4px}
.menu-knopf .auf{display:none}
.menu-schalter:checked ~ .kopfzeile .menu-knopf .zu{display:none}
.menu-schalter:checked ~ .kopfzeile .menu-knopf .auf{display:inline}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 30px;border-radius:var(--radius-pill);background:var(--flaeche-dunkel);
  color:var(--text-auf-dunkel);border:1px solid transparent;font-family:var(--font-sans);
  font-size:var(--text-klein);font-weight:var(--gewicht-medium);letter-spacing:.02em;
  line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background var(--dauer-schnell) var(--easing),transform var(--dauer-schnell) var(--easing)}
.btn:hover{background:var(--interaktion-hover);color:var(--text-auf-dunkel)}
.btn:active{transform:translateY(1px)}
.btn-s{padding:10px 20px;font-size:var(--text-mini)}
.btn-l{padding:18px 38px;font-size:var(--text-body)}
.btn-weiss{background:var(--weiss);color:var(--text-stark)}
.btn-weiss:hover{background:#F7F3EC;color:var(--text-stark)}

.displayzeile{display:flex;flex-direction:column;gap:clamp(10px,1vw,16px);align-items:flex-start}
.displayzeile .kicker{font-size:var(--label);font-weight:var(--gewicht-medium);
  letter-spacing:var(--label-tracking);line-height:1.2;color:var(--text-leise)}
.d-xxl,.d-xl,.d-l,.d-m{font-family:var(--font-display);font-weight:var(--gewicht-regular);
  letter-spacing:var(--lw-display);line-height:var(--zh-display);color:var(--text-stark);
  text-wrap:balance;margin:0;max-width:100%;overflow-wrap:break-word}
.d-xxl{font-size:var(--display-xxl)}
.d-xl{font-size:var(--display-xl)}
.d-l{font-size:var(--display-l)}
.d-m{font-size:var(--display-m)}
.auf-dunkel .d-xxl,.auf-dunkel .d-xl,.auf-dunkel .d-l,.auf-dunkel .d-m{color:var(--text-auf-dunkel)}
.auf-dunkel .kicker{color:var(--text-auf-dunkel-leise)}

.eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--font-sans);
  font-size:var(--label);font-weight:var(--gewicht-medium);letter-spacing:var(--label-tracking);
  line-height:1;color:var(--text-leise)}
.eyebrow::before{content:"";width:24px;height:1px;background:currentColor;opacity:.5;flex:none}
.eyebrow.hell{color:var(--text-auf-dunkel-leise)}

.satz{display:flex;flex-direction:column;gap:18px;max-width:var(--zeilenlaenge)}
.satz p{font-size:var(--text-body);line-height:var(--zh-body)}

.lead,.satz p.lead,.frageblock>div p.lead{font-size:var(--text-body);line-height:var(--zh-body);
  color:var(--text-koerper)}

.anschrift{font-size:var(--titel-m);line-height:var(--zh-titel);color:var(--text-stark);font-style:normal}

.fragen{display:flex;flex-direction:column;margin-top:var(--sektion-y-eng)}
.fragen>section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);
  padding:clamp(28px,3vw,48px) 0;border-top:var(--haarlinie) solid var(--linie-haar)}
.fragen>section>h2{font-family:var(--font-display);font-size:var(--titel-l);
  line-height:var(--zh-titel);letter-spacing:var(--lw-titel);color:var(--text-stark);
  max-width:22ch;margin:0}
.fragen>section>div{display:flex;flex-direction:column;gap:14px;max-width:var(--zeilenlaenge)}
.fragen>section>div p{font-size:var(--text-body);line-height:var(--zh-body)}
.betont{font-weight:var(--gewicht-medium)}

.satz p.willkommen,.willkommen{font-family:var(--font-display);font-size:var(--display-m);
  line-height:1.14;letter-spacing:var(--lw-display);color:var(--text-stark);
  max-width:none;text-wrap:balance}
.zweispaltig{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,6vw,112px);align-items:start}
.zweispaltig>*{min-width:0}
.h-neben{font-family:var(--font-display);font-size:var(--titel-l);line-height:var(--zh-titel);
  letter-spacing:var(--lw-titel);color:var(--text-stark);max-width:22ch}

.frageblock{display:flex;flex-direction:column;gap:var(--s-4)}
.frageblock>h2,.frageblock>h3{font-family:var(--font-display);font-size:var(--titel-l);
  line-height:var(--zh-titel);letter-spacing:var(--lw-titel);color:var(--text-stark);max-width:34ch;margin:0}
.frageblock>div{display:flex;flex-direction:column;gap:14px;max-width:var(--zeilenlaenge);
  font-size:var(--text-body);line-height:var(--zh-body)}

.frageblock.hervor>h2,.frageblock.hervor>h3{font-size:var(--display-m);line-height:1.1;
  font-weight:var(--gewicht-medium);letter-spacing:var(--lw-display);max-width:26ch}

.kartenreihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1px}
.kartenreihe.schmal{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.kartenreihe.breit{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.karte{display:flex;flex-direction:column;gap:var(--s-3);padding:clamp(22px,2.4vw,34px);
  background:var(--flaeche-karte);box-shadow:0 0 0 var(--haarlinie) var(--linie-haar);
  border-radius:var(--radius-0);color:var(--text-koerper);text-decoration:none;
  transition:box-shadow var(--dauer-mittel) var(--easing),
             background-color var(--dauer-mittel) var(--easing),
             color var(--dauer-mittel) var(--easing)}

a.karte:hover,a.karte:focus-visible{background:var(--flaeche-dunkel);color:var(--text-auf-dunkel);
  box-shadow:0 0 0 var(--haarlinie) var(--linie-haar),var(--schatten-sm)}
a.karte:hover h3,a.karte:focus-visible h3{color:var(--text-auf-dunkel)}
a.karte:hover p,a.karte:focus-visible p{color:var(--text-auf-dunkel-leise)}
.karte h3{font-size:var(--titel-m);line-height:var(--zh-titel);letter-spacing:var(--lw-titel);
  color:var(--text-stark);margin:0}
.karte p{font-size:var(--text-klein);line-height:var(--zh-body);color:var(--text-koerper);margin:0}
.karte .pfeil{margin-top:auto;padding-top:var(--s-5);font-size:var(--text-body);
  transition:transform var(--dauer-mittel) var(--easing-aus)}
a.karte:hover .pfeil{transform:translateX(4px)}
.karte-hoch{min-height:300px}
.karte-flach{min-height:150px}

.treppe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1px}
.treppe a{display:flex;flex-direction:column;justify-content:space-between;gap:40px;
  padding:clamp(22px,2.4vw,30px);min-height:180px;box-shadow:0 0 0 var(--haarlinie) var(--linie-haar);
  text-decoration:none;color:var(--text-stark);
  transition:box-shadow var(--dauer-mittel) var(--easing)}
.treppe a:hover,.treppe a:focus-visible{box-shadow:0 0 0 var(--haarlinie) var(--linie-haar),var(--schatten-sm)}
.treppe a span:first-child{font-size:var(--titel-m);line-height:1.2}
.treppe a .pfeil{transition:transform var(--dauer-mittel) var(--easing-aus)}
.treppe a:hover .pfeil{transform:translateX(4px)}
.treppe a.stufe-1{background:var(--weiss)}
.treppe a.stufe-2{background:var(--papier)}
.treppe a.stufe-3{background:var(--papier-dunkel)}
.treppe a.stufe-4{background:var(--papier-tief)}
.treppe a.stufe-5{background:var(--flaeche-dunkel);color:var(--text-auf-dunkel)}

.treppe a.stufe-1:hover,.treppe a.stufe-2:hover,.treppe a.stufe-3:hover,.treppe a.stufe-4:hover,
.treppe a.stufe-1:focus-visible,.treppe a.stufe-2:focus-visible,
.treppe a.stufe-3:focus-visible,.treppe a.stufe-4:focus-visible{
  background:var(--flaeche-dunkel);color:var(--text-auf-dunkel)}

.treppe a.stufe-5:hover,.treppe a.stufe-5:focus-visible{background:var(--flaeche-dunkel-tief)}

.schritte{margin:0;padding:0;list-style:none}
.schritt{display:grid;grid-template-columns:clamp(36px,4vw,64px) minmax(0,1fr) minmax(0,20rem);
  align-items:center;gap:clamp(16px,3vw,48px);padding:clamp(20px,2.4vw,34px) var(--rand);
  margin-left:calc(var(--rand) * -1);margin-right:calc(var(--rand) * -1);
  border-bottom:var(--haarlinie) solid var(--linie-haar);color:var(--text-koerper);
  transition:background var(--dauer-mittel) var(--easing),color var(--dauer-mittel) var(--easing)}
.schritt .nr{font-size:var(--text-klein);color:var(--text-leise);font-variant-numeric:tabular-nums}
.schritt .titel{font-family:var(--font-display);font-size:var(--display-m);line-height:1.05;
  letter-spacing:var(--lw-display);color:var(--text-stark);text-wrap:balance}
.schritt p{font-size:var(--text-klein);line-height:1.48;margin:0;color:var(--text-koerper)}
.schritt:hover{background:var(--flaeche-dunkel);color:var(--text-auf-dunkel);border-bottom-color:transparent}
.schritt:hover .nr,.schritt:hover p{color:var(--text-auf-dunkel-leise)}
.schritt:hover .titel{color:var(--text-auf-dunkel)}

.themenliste{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  column-gap:clamp(20px,3vw,48px);row-gap:2px}
.themenliste li{padding:10px 0;border-bottom:var(--haarlinie) solid var(--linie-weich);
  font-size:var(--text-klein);line-height:1.45;color:var(--text-koerper)}

.tabelle th,.tabelle td{padding:16px 0;border-bottom:var(--haarlinie) solid var(--linie-haar);
  font-size:var(--text-klein);vertical-align:top;text-align:left}
.tabelle th{border-bottom-color:var(--linie-stark);font-size:var(--label);
  font-weight:var(--gewicht-medium);letter-spacing:var(--label-tracking);
  color:var(--text-leise);padding-bottom:var(--s-3)}
.tabelle td:first-child{padding-right:var(--s-8);color:var(--text-koerper);max-width:44ch}
.tabelle th:last-child,.tabelle td:last-child{text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums;color:var(--text-stark)}
.tabelle .fussnote{margin-top:var(--s-4);font-size:var(--text-mini);color:var(--text-leise);max-width:56ch}

.hinweis{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2vw,26px);
  border:var(--haarlinie) solid var(--linie-haar);max-width:var(--zeilenlaenge)}
.hinweis .label{font-size:var(--label-klein);font-weight:var(--gewicht-medium);
  letter-spacing:var(--label-tracking);color:var(--text-leise)}
.hinweis p{font-size:var(--text-klein);line-height:var(--zh-body);margin:0}

.zitat{display:flex;flex-direction:column;gap:var(--s-5);padding:clamp(32px,4vw,56px) 0}
.zitat blockquote{margin:0;font-family:var(--font-display);font-size:var(--display-m);
  line-height:1.14;letter-spacing:var(--lw-display);color:var(--text-stark);
  max-width:30ch;text-wrap:balance}
.zitat figcaption{font-size:var(--text-mini);letter-spacing:var(--label-tracking);color:var(--text-leise)}

.bild{display:flex;flex-direction:column;gap:10px;width:100%}
.bild .rahmen{position:relative;width:100%;background:var(--flaeche-bild);overflow:hidden;
  border-radius:var(--radius-0)}
.bild .rahmen img{width:100%;height:100%;object-fit:cover}
.bild figcaption{font-size:var(--text-mini);color:var(--text-leise)}
.ratio-45 .rahmen{aspect-ratio:4/5}
.ratio-43 .rahmen{aspect-ratio:4/3}
.ratio-32 .rahmen{aspect-ratio:3/2}
.bildband .rahmen{height:clamp(320px,48vw,620px)}
.bildreihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1px}
.bildreihe.vier{grid-template-columns:repeat(2,1fr)}
.ratio-34 .rahmen{aspect-ratio:3/4}
.ratio-11 .rahmen{aspect-ratio:1/1}

.impressionen{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.impressionen>*{min-width:0}
.raster-vier{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,.85vw,12px)}

.tabelle{max-width:100%;overflow-x:auto}

.tabelle.text td:last-child,.tabelle.text th:last-child{white-space:normal}
.tabelle.text td:first-child{padding-right:var(--s-5)}

.verfuegbarkeit{display:flex;flex-direction:column;gap:var(--s-2);padding-top:18px;
  border-top:var(--haarlinie) solid var(--linie-stark)}
.verfuegbarkeit p{margin:0;font-family:var(--font-display);font-size:var(--titel-l);
  line-height:1.2;letter-spacing:var(--lw-titel);color:var(--text-stark)}
.verfuegbarkeit .stand{font-size:var(--label-klein);letter-spacing:var(--label-tracking);color:var(--text-leise)}

.querverweis{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;
  font-size:var(--text-klein)}
.querverweis a{display:inline-flex;gap:7px;align-items:baseline}
.querverweis .punkt{color:var(--text-leise)}
.byline{margin:0;padding-top:var(--s-5);border-top:var(--haarlinie) solid var(--linie-haar);
  font-size:var(--text-mini);color:var(--text-leise)}
.brotkrumen{font-size:var(--label-klein);letter-spacing:var(--label-tracking);
  color:var(--text-leise);padding-top:var(--s-6)}
.brotkrumen a{text-decoration:none;color:var(--text-leise);
  display:inline-block;padding-block:6px}
.brotkrumen a:hover{color:var(--text-stark)}

.krisenblock{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,72px);
  padding:clamp(40px,5vw,72px) var(--rand);background:var(--flaeche-dunkel);color:var(--text-auf-dunkel)}
.krisenblock h2{margin:0;color:var(--text-auf-dunkel);font-family:var(--font-display);
  font-size:var(--display-m);line-height:1.08;letter-spacing:var(--lw-display)}
.krisenblock .intro{margin:0;font-size:var(--text-klein);line-height:var(--zh-body);
  color:var(--text-auf-dunkel-leise);max-width:34ch}
.krisenblock ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.krisenblock li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:6px 24px;padding:14px 0;border-top:var(--haarlinie) solid var(--linie-auf-dunkel);
  font-size:var(--text-klein)}
.krisenblock li:first-child{border-top:none}
.krisenblock li .was{color:var(--text-auf-dunkel-leise)}
.krisenblock li .wer{color:var(--text-auf-dunkel);font-variant-numeric:tabular-nums}
.krisenblock .nachsatz{padding-top:var(--s-4);margin-top:var(--s-1);
  border-top:var(--haarlinie) solid var(--linie-auf-dunkel);
  font-size:var(--text-mini);color:var(--text-auf-dunkel-leise);display:block}

.fusszeile{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:32px 48px;padding:clamp(40px,4vw,64px) var(--rand) 40px;
  border-top:var(--haarlinie) solid var(--linie-haar)}
.fusszeile .spalte{display:flex;flex-direction:column;gap:18px}
.fusszeile p{font-size:var(--text-klein);color:var(--text-leise);line-height:1.5}
.fusszeile nav{display:flex;flex-wrap:wrap;gap:2px 24px;margin-block:-6px}

.fusszeile nav a{font-size:var(--label);letter-spacing:var(--label-tracking);
  text-decoration:none;color:var(--text-leise);display:inline-block;padding-block:6px}
.fusszeile nav a:hover{color:var(--text-stark)}
.fusszeile .copyright{font-size:var(--text-mini);color:var(--text-leise)}

.hero{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .schleier{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(36,18,9,.62) 0%,rgba(36,18,9,.30) 34%,rgba(36,18,9,.72) 100%)}
.hero .inhalt{position:relative;width:100%;padding-top:160px;padding-bottom:clamp(40px,5vw,72px)}
.hero .stapel{display:flex;flex-direction:column;gap:clamp(20px,3vw,36px)}
.hero h1{margin:0;color:var(--text-auf-dunkel);font-family:var(--font-display);
  font-size:var(--display-xxl);line-height:var(--zh-display);letter-spacing:var(--lw-display);
  max-width:20ch;text-wrap:balance}
.hero .fuss{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:var(--s-8);padding-top:var(--s-6);border-top:1px solid rgba(244,239,232,.28)}
.hero .fuss .namen{display:flex;flex-direction:column;gap:var(--s-1);color:var(--text-auf-dunkel)}
.hero .fuss .namen .name{font-size:var(--titel-m)}
.hero .fuss .namen .rolle{font-size:var(--text-klein);color:var(--text-auf-dunkel-leise)}
.hero .fuss .namen .fach{font-size:var(--text-klein);color:var(--text-auf-dunkel-leise);max-width:44ch}

.portraet{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
.portraet>*{min-width:0}
.portraet .bildseite{position:relative;min-height:clamp(420px,58vw,860px);background:var(--flaeche-bild)}
.portraet .bildseite img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portraet .textseite{display:flex;flex-direction:column;gap:clamp(24px,2.6vw,40px);
  padding:clamp(56px,7vw,128px) var(--rand)}
.spaltenraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
  border-top:var(--haarlinie) solid var(--linie-haar);border-left:var(--haarlinie) solid var(--linie-haar)}
.spaltenraster>div{padding:clamp(24px,2.6vw,36px);border-right:var(--haarlinie) solid var(--linie-haar);
  border-bottom:var(--haarlinie) solid var(--linie-haar);display:flex;flex-direction:column;gap:22px}
.spaltenraster h2{font-family:var(--font-display);font-size:var(--titel-m);line-height:1.2;
  letter-spacing:var(--lw-titel);color:var(--text-stark)}
.spaltenraster ul{list-style:none;display:flex;flex-direction:column}
.spaltenraster li{padding:13px 0;border-top:var(--haarlinie) solid var(--linie-weich);
  font-size:var(--text-klein);line-height:1.55}
.spaltenraster li:first-child{border-top:none}

@media (min-width:800px){
  .zweispaltig{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
  .zweispaltig.schmal-links{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
  .zweispaltig.gleich{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .zweispaltig.breit-links{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .fragen>section{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(32px,6vw,112px)}
  .krisenblock{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}
  .treppe{grid-template-columns:repeat(5,1fr)}
  .bildreihe.vier{grid-template-columns:repeat(4,1fr)}
  .impressionen{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .portraet{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
  .portraet .textseite{padding-left:clamp(28px,4.5vw,80px)}
}

@media (max-width:1149px){
  .menu-knopf{display:inline-block}
  .kopfzeile{flex-wrap:nowrap;gap:var(--s-4)}
  .kopfzeile nav{position:absolute;top:100%;left:0;right:0;display:none;
    flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;
    padding:var(--s-2) var(--rand) var(--s-6);
    background:var(--flaeche-seite);border-bottom:var(--haarlinie) solid var(--linie-haar)}
  .kopfzeile.ueber-bild nav{background:var(--flaeche-dunkel)}
  .menu-schalter:checked ~ .kopfzeile nav{display:flex}
  .kopfzeile nav a{width:100%;padding:var(--s-3) 0;font-size:var(--text-body);
    border-bottom:var(--haarlinie) solid var(--linie-weich)}
  .kopfzeile.ueber-bild nav a{border-bottom-color:var(--linie-auf-dunkel)}
  .kopfzeile .btn{margin-left:0}
}

@media (max-width:399px){
  .kopfzeile{padding-left:16px;padding-right:16px;gap:var(--s-3)}
  .kopfzeile .btn-s{padding:9px 14px;font-size:11px}
  .wortmarke .name{font-size:14px}
}

@media (max-width:719px){
  
  :root{--display-xl:clamp(2.05rem,8.4vw,3.4rem);--display-xxl:clamp(2.4rem,10vw,4.2rem)}
  
  .d-xxl,.d-xl,.d-l,.d-m{hyphens:auto}
  .schritt{grid-template-columns:auto 1fr;row-gap:var(--s-3)}
  .schritt p{grid-column:1 / -1}
  .hero .inhalt{padding-top:132px}
  .tabelle td:first-child{padding-right:var(--s-4)}
}