@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/open-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/open-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/roboto-slab-latin-700-normal.woff2') format('woff2')}
:root{color-scheme:light dark;--grund:#FFFFFF;--flaeche:#F4F5F6;--linie:#E8E9EB;--haarlinie:#D4D5D7;--text:#1A1A1C;--text-gedaempft:#616265;--signal:#C0143C;--handlung:#C0143C;--auf-handlung:#FFFFFF;--eyebrow:#C0143C;--link:#00677F;--link-linie:#00677F;--karte:#FFFFFF;--karte-rand:#D4D5D7;--font-titel:'Roboto Slab', Georgia, serif;--font-text:'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;--radius:4px;--breite:1120px;}
@media (prefers-color-scheme:dark){:root{--grund:#16171A;--flaeche:#1F2023;--linie:#616265;--haarlinie:#616265;--text:#F4F5F6;--text-gedaempft:#8B8C8F;--signal:#C0143C;--handlung:#C0143C;--auf-handlung:#FFFFFF;--eyebrow:#EF8200;--link:#F4F5F6;--link-linie:#8B8C8F;--karte:#1F2023;--karte-rand:#616265;}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--text);font-family:var(--font-text);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;hyphens:auto;overflow-wrap:break-word}
img,svg{max-width:100%;display:block}
a{color:var(--link);text-decoration-color:var(--link-linie);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.container{max-width:var(--breite);margin:0 auto;padding:0 32px}
.section{padding:88px 0}
.section--flaeche{background:var(--flaeche)}
.aufmacher+.section:not(.section--flaeche){padding-top:8px}
.eyebrow{font-weight:600;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--eyebrow);margin:0 0 16px}
h1,h2,h3{font-family:var(--font-titel);font-weight:700;color:var(--text);hyphens:auto;hyphenate-limit-chars:12 5 5;overflow-wrap:normal}
h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.01em;margin:0 0 22px;max-width:18ch}
h2{font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin:0 0 20px;max-width:24ch}
h3{font-size:20px;line-height:1.3;margin:0 0 10px}
.lead{font-size:19px;line-height:1.6;color:var(--text-gedaempft);max-width:60ch;margin:0}
.fliesstext{max-width:66ch}
.fliesstext p,.fliesstext ul{margin:0 0 18px}
.fliesstext ul{padding-left:1.2em}
.fliesstext li{margin:0 0 6px}
.fliesstext li::marker{color:var(--text-gedaempft)}
.klein{font-size:14px;color:var(--text-gedaempft)}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:var(--radius);border:0;cursor:pointer;background:var(--handlung);color:var(--auf-handlung);font:600 16px/1 var(--font-text);text-decoration:none;transition:box-shadow .2s ease-out}
.knopf:hover{box-shadow:0 0 0 3px var(--grund),0 0 0 5px var(--text)}
.knopf--klein{padding:11px 18px;font-size:15px}
.textlink{color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:var(--haarlinie)}
.textlink:hover{text-decoration-color:var(--text)}
.logo--dunkel{display:none}
@media (prefers-color-scheme:dark){.logo--hell{display:none}.logo--dunkel{display:block}}
.vorschau-vermerk{margin:0;padding:8px 32px;font-size:13px;color:var(--text);background:var(--flaeche);border-bottom:1px dashed var(--haarlinie)}
.kopfzeile{display:flex;align-items:end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:36px}
.kopfzeile h2{margin:0}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.karte{display:flex;flex-direction:column;background:var(--karte);border:1px solid var(--karte-rand);border-radius:var(--radius);padding:28px;color:var(--text);text-decoration:none}
a.karte:hover{border-color:var(--text-gedaempft)}
.karte__art{font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-gedaempft);margin:0 0 12px}
.karte__text{color:var(--text-gedaempft);font-size:15.5px;line-height:1.6;margin:0 0 20px;flex:1}
.fundstellen{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0;list-style:none}
.fundstellen li{padding:2px 8px;font-size:13px;font-weight:600;color:var(--text-gedaempft);border:1px solid var(--haarlinie);border-radius:var(--radius);font-variant-numeric:tabular-nums}
.relevanz{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:16px 0 0;border-top:1px solid var(--linie);list-style:none;font-size:13px;color:var(--text-gedaempft)}
.relevanz li{display:flex;align-items:center;gap:7px}
.punkte{display:inline-flex;gap:3px}
.punkte i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--text-gedaempft)}
.punkte i.an{background:var(--text);border-color:var(--text)}
.marken{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.marke{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;font-size:13px;font-weight:600;color:var(--text-gedaempft);border:1px solid var(--haarlinie);border-radius:var(--radius)}
.marke--neu::before{content:"";width:7px;height:7px;background:var(--signal)}
.zweispaltig{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 72px;align-items:start}
@media (max-width:900px){.zweispaltig{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:640px){body{font-size:16px}.container{padding:0 16px}.section{padding:56px 0}.lead{font-size:17px}.karte{padding:20px}.vorschau-vermerk{padding:8px 16px}}


    .kopf { border-bottom: 1px solid var(--linie); }
    .kopf__raster { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "marke handlung" "nav nav";
      align-items: center; gap: 14px 28px; padding-top: 14px; padding-bottom: 14px; }
    .kopf__marke { grid-area: marke; display: flex; align-items: center; gap: 16px; color: var(--text); text-decoration: none; }
    .kopf__logo { width: 132px; height: auto; }
    .kopf__titel { font-size: 13px; line-height: 1.35; color: var(--text-gedaempft);
      border-left: 1px solid var(--linie); padding-left: 16px; }
    .kopf__titel b { display: block; color: var(--text); font-weight: 600; }
    .kopf__handlung { grid-area: handlung; }
    .kopf__nav { grid-area: nav; display: flex; gap: 6px 24px; flex-wrap: wrap; }
    .kopf__nav a { color: var(--text); text-decoration: none; font-weight: 600; font-size: 15px; }
    .kopf__nav a:hover, .kopf__nav a[aria-current] { text-decoration: underline; text-decoration-color: var(--signal);
      text-decoration-thickness: 2px; text-underline-offset: 6px; }
    .kopf__teilnahme { margin-left: auto; display: flex; }
    .kopf__nav .kopf__teilnahme a, .kopf__abmelden { color: var(--text-gedaempft); font-weight: 400; }
    .kopf__abmelden { background: none; border: 0; padding: 0; font: inherit; font-size: 15px; cursor: pointer; }
    .kopf__abmelden:hover { color: var(--text); text-decoration: underline; text-underline-offset: 6px; }
    @media (max-width: 640px) {
      .kopf__logo { width: 112px; }
      .kopf__titel { display: none; }
      .kopf__nav { gap: 4px 18px; }
      .kopf__nav a, .kopf__abmelden { font-size: 14px; }
    }
  

    .aufmacher { padding: 96px 0 88px; }
    .aufmacher__raster { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 48px 64px; align-items: start; }
    .aufmacher__handlung { display: flex; align-items: center; gap: 16px 28px; flex-wrap: wrap; margin-top: 36px; }
    .stand { margin: 0; padding: 24px; background: var(--flaeche); border-radius: var(--radius); font-size: 14.5px; }
    .stand div { display: grid; gap: 1px; padding: 10px 0; border-bottom: 1px solid var(--linie); hyphens: manual; }
    .stand div:first-child { padding-top: 0; }
    .stand div:last-child { border-bottom: 0; padding-bottom: 0; }
    .stand dt { color: var(--text-gedaempft); font-size: 13px; }
    .stand dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
    @media (max-width: 900px) { .aufmacher__raster { grid-template-columns: 1fr; } }
    @media (max-width: 640px) { .aufmacher { padding: 48px 0 56px; } }
  

    .section--eng { padding: 0 0 40px; }
    .section--eng h2 { font-size: 22px; margin-bottom: 12px; }
  

    .einstieg h3 { margin-bottom: 12px; }
    .einstieg p { margin: 0 0 20px; font-size: 15.5px; flex: 1; }
  

    .veraenderung-karte h3 { margin-bottom: 10px; }
  

    .liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linie); }
    .liste li { display: grid; grid-template-columns: 14px 104px 1fr; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--linie); }
    .liste li::before { content: ""; width: 8px; height: 8px; margin-top: 10px; background: var(--haarlinie); }
    .liste li.jetzt::before { background: var(--signal); }
    .liste b { font-weight: 600; font-variant-numeric: tabular-nums; }
    .liste span { color: var(--text-gedaempft); }
    @media (max-width: 640px) { .liste li { grid-template-columns: 14px 1fr; } .liste li span { grid-column: 2; } }
  

    .termin__wege { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linie); }
    .termin__wege li { padding: 16px 0; border-bottom: 1px solid var(--linie); }
  

    .veraenderung__kopf { padding: 72px 0 40px; }
    .veraenderung__kopf .fundstellen { margin-top: 24px; }
    .veraenderung__kopf .relevanz { max-width: 60ch; }
    .veraenderung__text { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px 64px; align-items: start; padding-bottom: 56px; }
    .warum { padding: 24px; background: var(--flaeche); border-radius: var(--radius); font-size: 15.5px; }
    .warum p:last-child { margin-bottom: 0; }
    @media (max-width: 900px) { .veraenderung__text { grid-template-columns: 1fr; } }
    @media (max-width: 640px) { .veraenderung__kopf { padding: 48px 0 32px; } }
  

    .perspektiven { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
    .perspektive .fliesstext p { font-size: 15.5px; }
    .perspektive .fliesstext p:last-child { margin-bottom: 0; }
    @media (max-width: 900px) { .perspektiven { grid-template-columns: 1fr; } }
  

  .eintrag { background: var(--karte); border: 1px solid var(--karte-rand); border-radius: var(--radius); }
  .eintrag + .eintrag { margin-top: 24px; }
  .eintrag__kopf { display: flex; justify-content: space-between; align-items: start; gap: 12px 24px; flex-wrap: wrap;
    padding: 26px 28px 20px; border-bottom: 1px solid var(--linie); }
  .eintrag__klausel { font-weight: 600; font-size: 14px; color: var(--text-gedaempft); font-variant-numeric: tabular-nums; margin: 0 0 6px; }
  .eintrag__titel { margin: 0; font-size: 20px; line-height: 1.3; max-width: none; }
  .eintrag__link { color: var(--text); text-decoration: none; }
  .eintrag__link:hover .eintrag__titel { text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 4px; }
  .vergleich { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vergleich > div { padding: 22px 28px; font-size: 15.5px; }
  .vergleich > div + div { border-left: 1px solid var(--linie); }
  .vergleich p { margin: 0; }
  .vergleich .karte__art { margin-bottom: 8px; }
  .eintrag__folge { padding: 22px 28px; border-top: 1px solid var(--linie); font-size: 15.5px; }
  .eintrag__folge p { margin: 0 0 14px; max-width: 80ch; }
  .eintrag__folge .karte__art { margin-bottom: 8px; }
  .eintrag__anhang { padding: 18px 28px 20px; border-top: 1px solid var(--linie); font-size: 15px; }
  .eintrag__anhang .karte__art { margin-bottom: 6px; }
  .eintrag__anhang ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; }
  .eintrag__anhang a { color: var(--text); text-decoration-color: var(--haarlinie); }
  .eintrag__anhang a:hover { text-decoration-color: var(--signal); }
  .eintrag__fuss { display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; padding: 0 28px 24px; }
  .eintrag__fuss .klein { margin: 0; }
  .eintrag__fuss .relevanz { border-top: 0; padding: 0; }
  @media (max-width: 640px) {
    .vergleich { grid-template-columns: 1fr; }
    .vergleich > div + div { border-left: 0; border-top: 1px solid var(--linie); }
    .eintrag__kopf, .vergleich > div, .eintrag__folge, .eintrag__anhang { padding-left: 20px; padding-right: 20px; }
    .eintrag__fuss { padding: 0 20px 20px; }
  }

    .eintrag-seite { padding: 64px 0 72px; }
    .eintrag-seite .eintrag__titel { font-size: clamp(26px, 3.2vw, 36px); line-height: 1.15; }
  


    .filter { display: grid; gap: 10px; margin: 0 0 40px; padding: 20px 24px; background: var(--flaeche); border-radius: var(--radius); }
    .filter__zeile { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; font-size: 14px; }
    .filter__zeile b { font-weight: 600; min-width: 92px; color: var(--text-gedaempft); }
    .filter__zeile a { color: var(--text); text-decoration-color: var(--haarlinie); }
    .filter__zeile a[aria-current] { font-weight: 600; text-decoration-color: var(--signal); text-decoration-thickness: 2px; }
    .kapitel + .kapitel { margin-top: 48px; }
    .kapitel h2 { font-size: 22px; margin-bottom: 12px; max-width: none; }
    .matrix { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linie); }
    .matrix > li { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 5fr); gap: 8px 24px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--linie); }
    .matrix__klausel { display: block; font-size: 13.5px; font-weight: 600; color: var(--text-gedaempft); font-variant-numeric: tabular-nums; }
    .matrix__titel { color: var(--text); font-weight: 600; text-decoration-color: var(--haarlinie); }
    .matrix__titel:hover { text-decoration-color: var(--signal); }
    .matrix__rechts { display: grid; gap: 8px; justify-items: end; }
    .matrix__rechts .relevanz { border-top: 0; padding: 0; }
    .matrix__leer { color: var(--text-gedaempft); }
    @media (max-width: 760px) {
      .matrix > li { grid-template-columns: 1fr; }
      .matrix__rechts { justify-items: start; }
    }
  

    .gruppe + .gruppe { margin-top: 48px; }
    .gruppe h2 { font-size: 22px; margin-bottom: 12px; max-width: none; }
    .frageliste { border-top: 1px solid var(--linie); }
    .frageliste details { border-bottom: 1px solid var(--linie); }
    .frageliste summary { cursor: pointer; padding: 16px 0; font-weight: 600; list-style-position: outside; }
    .frageliste summary::marker { color: var(--text-gedaempft); }
    .frageliste details[open] summary { color: var(--text); }
    .frageliste .antwort { padding: 0 0 20px; max-width: 72ch; }
    .frageliste .antwort .fundstellen { margin: 12px 0 8px; }
  

    .antwort-seite { padding: 72px 0 64px; }
    .antwort-seite h1 { max-width: 24ch; font-size: clamp(30px, 4.4vw, 46px); }
    .antwort-seite .fundstellen { margin-top: 24px; }
  

    .begriffe { list-style: none; margin: 32px 0 0; padding: 0; border-top: 1px solid var(--linie); }
    .begriffe li { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 8px 32px; padding: 18px 0; border-bottom: 1px solid var(--linie); }
    .begriffe b { display: block; font-weight: 600; }
    .begriffe .klein { display: block; margin-top: 4px; }
    .begriffe p { margin: 0; font-size: 15.5px; }
    @media (max-width: 760px) { .begriffe li { grid-template-columns: 1fr; } }
  

    .anhang__kopf { padding: 72px 0 32px; }
    .anhang__hinweis { margin: 24px 0 0; padding: 16px 20px; max-width: 72ch; background: var(--flaeche); border-radius: var(--radius); font-size: 15px; }
    .anhang__inhalt { margin-top: 28px; }
    .anhang__inhalt ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14.5px; }
    .anhang__inhalt a { color: var(--text); text-decoration-color: var(--haarlinie); }
    .anhang__inhalt a:hover { text-decoration-color: var(--signal); }
    .anhangteil { background: var(--karte); border: 1px solid var(--karte-rand); border-radius: var(--radius); scroll-margin-top: 24px; }
    .anhangteil + .anhangteil { margin-top: 24px; }
    .anhangteil__kopf { display: flex; justify-content: space-between; align-items: start; gap: 12px 24px; flex-wrap: wrap;
      padding: 24px 28px 18px; border-bottom: 1px solid var(--linie); }
    .anhangteil__kopf .relevanz { border-top: 0; padding: 0; }
    .anhangteil__titel { margin: 0; font-size: 20px; line-height: 1.3; max-width: none; }
    .anhangteil__kern { padding: 20px 28px 4px; font-size: 16px; }
    .anhangteil__kern p { max-width: 72ch; }
    .anhangteil__perspektiven { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); border-top: 1px solid var(--linie); }
    .anhangteil__perspektiven > div { padding: 18px 28px 20px; font-size: 15px; }
    .anhangteil__perspektiven > div + div { border-left: 1px solid var(--linie); }
    .anhangteil__perspektiven p { margin: 0; }
    .anhangteil__perspektiven .karte__art { margin-bottom: 6px; }
    .anhangteil__verweis { margin: 0; padding: 14px 28px 20px; border-top: 1px solid var(--linie); }
    @media (max-width: 900px) {
      .anhangteil__perspektiven { grid-template-columns: 1fr; }
      .anhangteil__perspektiven > div + div { border-left: 0; border-top: 1px solid var(--linie); }
    }
    @media (max-width: 640px) {
      .anhang__kopf { padding: 48px 0 24px; }
      .anhangteil__kopf, .anhangteil__kern, .anhangteil__perspektiven > div, .anhangteil__verweis { padding-left: 20px; padding-right: 20px; }
    }
  

    .lesekarte__gruppe { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin-bottom: 12px; }
    .lesekarte__gruppe h2 { margin: 0; }
    .lesekarte__gruppe h2 a { color: var(--text); text-decoration-color: var(--haarlinie); }
    .lesekarte__gruppe h2 a:hover { text-decoration-color: var(--signal); }
    .lesekarte__gruppe .klein { margin: 0; }
    .lesekarte__kern { margin: 6px 0 0; font-size: 15px; color: var(--text-gedaempft); max-width: 72ch; }
  

    .agenda { list-style: none; margin: 32px 0 0; padding: 0; counter-reset: block; border-top: 1px solid var(--linie); }
    .agenda li { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 8px 32px; padding: 22px 0; border-bottom: 1px solid var(--linie); counter-increment: block; }
    .agenda li::before { content: "Block " counter(block); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-gedaempft); padding-top: 4px; }
    .agenda h3 { margin: 0 0 6px; }
    .agenda p { margin: 0; color: var(--text-gedaempft); font-size: 15.5px; }
    @media (max-width: 640px) { .agenda li { grid-template-columns: 1fr; } }
  

    .material p { margin: 0 0 20px; font-size: 15.5px; color: var(--text-gedaempft); flex: 1; }
    .material .klein { margin: 0; }
  

    .bild figure { margin: 0; }
    .bild img { width: 100%; height: auto; border-radius: var(--radius); background: var(--flaeche); }
    .bild figcaption { margin-top: 10px; font-size: 14px; color: var(--text-gedaempft); max-width: 66ch; }
  

    .handlung { border-top: 1px solid var(--linie); }
    .frageformular { display: grid; gap: 16px; }
    .frageformular label { display: grid; gap: 6px; font-weight: 600; font-size: 15px; }
    .frageformular small { font-weight: 400; color: var(--text-gedaempft); }
    .frageformular textarea, .frageformular input, .frageformular select { width: 100%; font: inherit; font-weight: 400; color: var(--text);
      background: var(--grund); border: 1px solid var(--haarlinie); border-radius: var(--radius); padding: 11px 12px; }
    .frageformular textarea { resize: vertical; min-height: 132px; line-height: 1.55; }
    .frageformular .knopf { justify-self: start; }
    .frageformular .klein { margin: 0; }
    .frageformular .klein a { hyphens: manual; }
    .frageformular__honig { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
    .rueckmeldung { margin: 0 0 18px; padding: 12px 16px; border-radius: var(--radius); background: var(--flaeche); border-left: 3px solid var(--link); }
    .rueckmeldung--fehler { border-left-color: var(--signal); }
  

    .fuss { border-top: 1px solid var(--linie); padding: 40px 0 56px; font-size: 14px; color: var(--text-gedaempft); }
    .fuss .container { display: flex; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; }
    .fuss a { color: var(--text-gedaempft); text-decoration-color: var(--haarlinie); }
    .fuss__firma { margin: 0; line-height: 1.7; }
    .fuss__firma strong { color: var(--text); font-weight: 600; }
    .fuss nav { display: flex; gap: 8px 24px; flex-wrap: wrap; align-items: flex-start; }