/* Basis-Designsystem (aus index.html) */
:root{
  /* SecuMind-34a Markenfarben */
  --navy:#1E3A5F;
  --orange:#F5A623;
  --anthrazit:#2C2C2C;
  --grau:#888888;

  /* Abgeleitet fuer den Webauftritt */
  --navy-tief:#162C48;
  --navy-hell:#B9C6D6;
  --papier:#EFF1F0;
  --blatt:#FFFFFF;
  --linie:#D2D6D3;
  --gruen:#2E7355;

  --display:"Barlow Condensed","Arial Narrow",sans-serif;
  --text:"Calibri","Carlito","Segoe UI",sans-serif;
  --akte:"IBM Plex Mono",ui-monospace,monospace;

  --rand:clamp(20px,5vw,72px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--papier);
  color:var(--anthrazit);
  font-family:var(--text);
  font-size:17.5px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *{animation:none !important;transition:none !important}
}

.wrap{max-width:1180px;margin:0 auto;padding:0 var(--rand)}

.marke{
  font-family:var(--akte);font-size:11px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--navy);
}

h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.98;margin:0}
h2{font-size:clamp(34px,4.6vw,58px);text-transform:uppercase;letter-spacing:.005em;color:var(--navy)}
h3{font-size:23px;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;color:var(--navy)}

p{margin:0 0 1em}
a{color:var(--navy)}

.paragraf{font-family:var(--akte);font-size:12.5px;font-weight:500;color:var(--grau)}

/* ---------- Kopf ---------- */
.kopf{position:sticky;top:0;z-index:47}
.kopf .band{background:var(--navy)}
.kopf .band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:66px;max-width:1560px}
.kopf .strip{height:4px;background:var(--orange)}

.logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.logo .wort{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:.03em;text-transform:uppercase;color:#fff;line-height:1}
.logo .plakette{
  font-family:var(--akte);font-size:12px;font-weight:600;letter-spacing:.06em;
  background:var(--orange);color:var(--navy);padding:4px 8px;line-height:1;
}
.logo .claim{
  display:block;font-family:var(--text);font-size:12.5px;font-style:italic;
  color:var(--navy-hell);line-height:1;margin-top:5px;letter-spacing:.01em;
}
@media(max-width:520px){.logo .claim{display:none}}

.kopf nav{display:flex;gap:18px}
.kopf nav a{
  font-family:var(--akte);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;color:var(--navy-hell);padding-bottom:3px;border-bottom:2px solid transparent;
  transition:color .15s ease,border-color .15s ease;white-space:nowrap;
}
.kopf nav a:hover,.kopf nav a:focus-visible{color:#fff;border-color:var(--orange)}

.menu-schalter{display:none;position:relative;width:32px;height:32px;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}
.menu-schalter-mitte,.menu-schalter-mitte::before,.menu-schalter-mitte::after{content:"";position:absolute;left:4px;right:4px;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
.menu-schalter-mitte{top:15px}
.menu-schalter-mitte::before{top:-8px}
.menu-schalter-mitte::after{top:8px}
.menu-schalter.offen .menu-schalter-mitte{background:transparent}
.menu-schalter.offen .menu-schalter-mitte::before{transform:translateY(8px) rotate(45deg)}
.menu-schalter.offen .menu-schalter-mitte::after{transform:translateY(-8px) rotate(-45deg)}

.menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:45}
.menu-overlay:not([hidden]){display:block}

@media(max-width:1560px){
  .menu-schalter{display:block}
  .kopf nav{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);
    background:var(--navy);padding:80px 24px 24px;margin:0;
    transform:translateX(100%);transition:transform .25s ease;
    overflow-y:auto;z-index:46;
  }
  .kopf nav.offen{transform:translateX(0)}
  .kopf nav a{
    font-size:16px;letter-spacing:.02em;text-transform:none;padding:13px 4px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
}

/* ---------- Aufmacher ---------- */
.aufmacher{padding:clamp(46px,7vw,92px) 0 clamp(38px,5vw,70px)}
.aufmacher .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:clamp(32px,5vw,72px);align-items:start}
@media(max-width:900px){.aufmacher .wrap{grid-template-columns:1fr}}

.aufmacher h1{
  font-size:clamp(56px,10vw,126px);text-transform:uppercase;
  letter-spacing:-.015em;margin:14px 0 0;color:var(--navy);
}
.aufmacher h1 em{display:block;font-style:normal;color:var(--orange)}
.aufmacher .unterzeile{
  font-family:var(--display);font-weight:500;font-size:clamp(21px,2.6vw,30px);
  line-height:1.15;text-transform:uppercase;letter-spacing:.03em;
  color:var(--grau);margin:12px 0 26px;
}
.aufmacher .anriss{font-size:19px;max-width:46ch}
.aufmacher .anriss strong{font-weight:700;color:var(--navy)}

/* Steckbrief */
.steckbrief{background:var(--blatt);border:1px solid var(--navy);box-shadow:9px 9px 0 rgba(30,58,95,.12)}
.steckbrief .kante{
  background:var(--navy);color:#fff;font-family:var(--akte);font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;padding:11px 18px;display:flex;justify-content:space-between;gap:12px;
}
.steckbrief .kante em{font-style:normal;color:var(--orange)}
.steckbrief .naht{height:3px;background:var(--orange)}
.steckbrief dl{margin:0;padding:6px 18px 16px}
.steckbrief .zeile{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px dotted var(--linie)}
.steckbrief .zeile:last-child{border-bottom:0}
.steckbrief dt{font-family:var(--display);font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--grau)}
.steckbrief dd{margin:0;font-family:var(--akte);font-size:15px;font-weight:600;text-align:right;white-space:nowrap;color:var(--navy)}

/* ---------- Claim-Band ---------- */
.claimband{background:var(--navy);border-top:4px solid var(--orange);border-bottom:4px solid var(--orange);padding:clamp(34px,5vw,58px) 0}
.claimband .wrap{display:flex;align-items:baseline;gap:clamp(16px,3vw,34px);flex-wrap:wrap}
.claimband .satz{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(30px,5.4vw,68px);line-height:.95;letter-spacing:.005em;color:#fff;margin:0;
}
.claimband .satz b{color:var(--orange);font-weight:700}
.claimband .zusatz{font-size:16.5px;color:var(--navy-hell);max-width:38ch;margin:0}

/* ---------- Abschnitte ---------- */
section{padding:clamp(56px,7vw,102px) 0}
.abschnittskopf{max-width:64ch;margin-bottom:clamp(32px,4vw,54px);border-left:9px solid var(--orange);padding-left:20px}
.abschnittskopf .marke{display:block;margin-bottom:10px}
.abschnittskopf p{margin-top:16px;color:var(--grau);font-size:18px}
#check .abschnittskopf{border-left-color:var(--orange)}

/* Ablauf */
.stationen{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linie);border:1px solid var(--linie)}
@media(max-width:940px){.stationen{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stationen{grid-template-columns:1fr}}
.station{background:var(--blatt);padding:26px 22px 30px;position:relative}
.station .marker{position:absolute;top:0;left:0;right:0;height:4px;background:var(--navy)}
.station:nth-child(2) .marker,.station:nth-child(3) .marker{background:var(--orange)}
.station:nth-child(4) .marker{background:var(--gruen)}
.station .nr{font-family:var(--akte);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--orange);display:block;margin-bottom:16px}
.station h3{margin-bottom:10px}
.station p{font-size:16px;margin-bottom:0;color:var(--anthrazit)}
.station p + p{margin-top:.7em}

.merksatz{margin-top:26px;border-left:5px solid var(--orange);background:var(--blatt);padding:20px 24px;font-size:17px}
.merksatz strong{font-weight:700;color:var(--navy)}

/* Check */
#check{background:var(--navy);color:#DCE4EC}
#check h2{color:#fff}
#check .marke{color:var(--orange)}
#check .abschnittskopf p{color:var(--navy-hell)}

.checkfeld{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
@media(max-width:860px){.checkfeld{grid-template-columns:1fr}}

.taetigkeiten{display:flex;flex-wrap:wrap;gap:9px}
.taetigkeiten button{
  font-family:var(--display);font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.045em;
  background:transparent;color:#DCE4EC;border:1px solid #3E5878;padding:9px 15px;cursor:pointer;text-align:left;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.taetigkeiten button:hover{border-color:var(--orange);color:#fff}
.taetigkeiten button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.taetigkeiten button[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--navy);font-weight:700}

.befund{background:var(--blatt);color:var(--anthrazit);min-height:250px;display:flex;flex-direction:column}
.befund .band{padding:13px 22px;font-family:var(--akte);font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.befund[data-stand="pflicht"] .band{background:var(--orange);color:var(--navy)}
.befund[data-stand="frei"] .band{background:var(--gruen);color:#fff}
.befund[data-stand="leer"] .band{background:var(--grau);color:#fff}
.befund .inhalt{padding:24px 22px 26px}
.befund h3{margin-bottom:12px}
.befund p{font-size:16.5px}
.befund p:last-child{margin-bottom:0}
.befund .fundstelle{
  margin-top:16px;display:inline-block;font-family:var(--akte);font-size:12px;font-weight:500;
  border:1px dashed var(--linie);padding:6px 10px;color:var(--navy);
}

.hinweisdunkel{margin-top:26px;border-left:5px solid var(--orange);background:var(--navy-tief);padding:20px 24px;font-size:17px;color:#C6D2DE}
.hinweisdunkel strong{color:#fff;font-weight:700}

/* Bereiche */
.bereiche{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linie);border:1px solid var(--linie)}
@media(max-width:900px){.bereiche{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bereiche{grid-template-columns:1fr}}
.bereich{background:var(--blatt);padding:26px 22px 28px}
.bereich .nr{font-family:var(--akte);font-size:12px;font-weight:600;color:var(--orange);letter-spacing:.14em;display:block;margin-bottom:14px}
.bereich h3{font-size:21px;margin-bottom:10px}
.bereich p{font-size:16px;margin-bottom:0}
.bereich.hervor{background:var(--navy);color:#fff}
.bereich.hervor h3{color:#fff}
.bereich.hervor p{color:var(--navy-hell)}

/* Gebiete */
.gebiete{border-top:2px solid var(--navy)}
.gebiet{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:baseline;padding:20px 4px;border-bottom:1px solid var(--linie)}
@media(max-width:700px){.gebiet{grid-template-columns:44px 1fr}.gebiet .erlaeuterung{grid-column:2}}
.gebiet .ziffer{font-family:var(--akte);font-size:13px;font-weight:600;color:var(--orange)}
.gebiet h3{font-size:20px;text-transform:none;letter-spacing:0;font-weight:600}
.gebiet .erlaeuterung{font-size:16px}
.gebiet.schwerpunkt{background:#F7F9FA;box-shadow:inset 5px 0 0 var(--orange)}
.gebiet.schwerpunkt .ziffer{padding-left:12px}
.gebiet .fahne{
  display:inline-block;margin-left:8px;vertical-align:2px;font-family:var(--akte);
  font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  background:var(--orange);color:var(--navy);padding:2px 7px;
}

.befund .nurfrei{display:none}
.befund[data-stand="frei"] .nurfrei{
  display:block;margin-top:16px;padding-top:14px;border-top:1px solid var(--linie);
  font-size:15.5px;color:var(--grau);
}
.befund .nurfrei b{color:var(--navy);font-weight:700}

.empfehlungskarte{margin-top:26px;background:var(--blatt);color:var(--anthrazit)}
.empfehlungskarte .band{
  background:var(--orange);color:var(--navy);padding:13px 24px;
  font-family:var(--akte);font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
}
.empfehlungskarte .inhalt{padding:26px 24px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,40px);align-items:start}
@media(max-width:820px){.empfehlungskarte .inhalt{grid-template-columns:1fr}}
.empfehlungskarte h3{font-size:clamp(24px,3vw,34px);margin:0}
.empfehlungskarte p{font-size:16.5px}
.empfehlungskarte p:last-child{margin-bottom:0}
.empfehlungskarte strong{color:var(--navy);font-weight:700}

/* Reform 2025 + Bewertung */
.reformfeld{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:start}
@media(max-width:880px){.reformfeld{grid-template-columns:1fr}}

.aenderungen{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.aenderungen li{position:relative;padding:16px 0 16px 40px;border-bottom:1px solid var(--linie);font-size:16.5px}
.aenderungen li::before{content:"▸";position:absolute;left:0;top:15px;color:var(--orange);font-weight:700;font-size:19px;line-height:1.2}
.aenderungen b{color:var(--navy);font-weight:700}

.punkte{background:var(--blatt);border:1px solid var(--navy);box-shadow:9px 9px 0 rgba(30,58,95,.12)}
.punkte .kante{background:var(--navy);color:#fff;font-family:var(--akte);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:11px 18px}
.punkte .naht{height:3px;background:var(--orange)}
.punkte .regeln{padding:18px 18px 4px;font-size:16px;margin:0}
.punkte table{width:100%;border-collapse:collapse;font-size:15.5px}
.punkte caption{
  font-family:var(--akte);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--grau);text-align:left;padding:14px 18px 8px;
}
.punkte th{
  font-family:var(--display);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  color:var(--grau);text-align:left;padding:8px 18px;border-bottom:1px solid var(--linie);
}
.punkte td{padding:11px 18px;border-bottom:1px dotted var(--linie);vertical-align:top}
.punkte tr:last-child td{border-bottom:0}
.punkte .erg{font-family:var(--akte);font-weight:600;white-space:nowrap;text-align:right;color:var(--navy)}
.punkte .erg.null{color:#B03A2E}

/* Vorbereitung */
#vorbereitung{background:var(--navy);color:#DCE4EC}
#vorbereitung h2{color:#fff}
#vorbereitung .marke{color:var(--orange)}
#vorbereitung .abschnittskopf p{color:var(--navy-hell)}
.empfehlung{
  background:var(--orange);color:var(--navy);padding:clamp(24px,3.4vw,38px);
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(24px,3.4vw,42px);line-height:1.02;letter-spacing:.005em;margin:0 0 clamp(28px,3.5vw,44px);
}
.gruende{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#33507250;border:1px solid #33507250}
@media(max-width:860px){.gruende{grid-template-columns:1fr}}
.grund{background:var(--navy-tief);padding:26px 22px 28px}
.grund .nr{font-family:var(--akte);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--orange);display:block;margin-bottom:14px}
.grund h3{color:#fff;font-size:21px;margin-bottom:10px}
.grund p{font-size:16px;color:#C6D2DE;margin-bottom:0}
.grund p + p{margin-top:.7em}

/* Fuss */
.fuss{background:var(--navy);color:var(--navy-hell);padding:0 0 40px;font-size:14.5px}
.fuss .strip{height:4px;background:var(--orange)}
.fuss .innen{padding-top:48px}
.fuss h3{color:#fff;font-size:19px;margin-bottom:14px}
.fuss .spalten{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px}
@media(max-width:760px){.fuss .spalten{grid-template-columns:1fr}}
.fuss ul{margin:0;padding-left:18px}
.fuss li{margin-bottom:7px}
.fuss a{color:#fff}
.fuss .signatur{
  margin-top:34px;padding-top:18px;border-top:1px solid #33507250;
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--akte);font-size:11.5px;letter-spacing:.06em;color:#7E93AC;text-transform:uppercase;
}

/* ============================================================
   Bausteine der Unterseiten (Sachgebiete)
   ============================================================ */

/* Seitenkopf einer Unterseite */
.themenkopf{padding:clamp(40px,5.5vw,74px) 0 clamp(28px,3.5vw,44px)}
.themenkopf .pfad{
  font-family:var(--akte);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--grau);margin-bottom:16px;
}
.themenkopf .pfad a{color:var(--navy);text-decoration:none;border-bottom:1px solid var(--orange)}
.themenkopf h1{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(36px,6vw,78px);line-height:.96;letter-spacing:-.01em;color:var(--navy);margin:0;
  overflow-wrap:break-word;
}
.themenkopf h1 em{font-style:normal;color:var(--orange)}
.themenkopf .lead{font-size:19px;max-width:60ch;margin-top:20px}

/* Inhaltsverzeichnis */
.inhalt-nav{background:var(--blatt);border:1px solid var(--navy);box-shadow:9px 9px 0 rgba(30,58,95,.12);margin-bottom:clamp(30px,4vw,52px)}
.inhalt-nav .kante{background:var(--navy);color:#fff;font-family:var(--akte);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:11px 18px}
.inhalt-nav .naht{height:3px;background:var(--orange)}
.inhalt-nav ol{margin:0;padding:16px 22px 20px;columns:2;column-gap:36px;list-style:none;counter-reset:iv}
@media(max-width:680px){.inhalt-nav ol{columns:1}}
.inhalt-nav li{counter-increment:iv;break-inside:avoid;padding:5px 0;font-size:16px}
.inhalt-nav li::before{content:counter(iv,decimal-leading-zero);font-family:var(--akte);font-size:11px;font-weight:600;color:var(--orange);margin-right:10px}
.inhalt-nav a{text-decoration:none;border-bottom:1px solid transparent}
.inhalt-nav a:hover{border-color:var(--orange)}

/* Lehrabschnitt */
.lehr{padding:clamp(34px,4.5vw,60px) 0;border-top:1px solid var(--linie)}
.lehr:first-of-type{border-top:0}
.lehr > .wrap > h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:8px}
.lehrkopf{border-left:9px solid var(--orange);padding-left:20px;margin-bottom:clamp(24px,3vw,38px)}
.lehrkopf .marke{display:block;margin-bottom:9px}
.lehrkopf h2{font-size:clamp(28px,3.6vw,44px);margin:0}
.lehrkopf .quelle{display:block;margin-top:10px;font-family:var(--akte);font-size:12px;color:var(--grau)}
.lehr p{max-width:76ch}
.lehr p.frage,.lehr p.kasten,.lehr p.begriff{max-width:none}
.lehr h3{margin:26px 0 12px}
.lehr h4{
  font-family:var(--display);font-size:19px;font-weight:600;text-transform:uppercase;
  letter-spacing:.03em;color:var(--navy);margin:22px 0 10px;
}

/* Frageblock (didaktischer Einstieg) */
.frage{
  background:var(--blatt);border-left:5px solid var(--navy);padding:16px 20px;margin:0 0 22px;
  font-family:var(--display);font-size:20px;font-weight:600;color:var(--navy);
  text-transform:none;letter-spacing:.01em;line-height:1.25;max-width:none;
}
.frage::before{content:"?";display:inline-block;background:var(--orange);color:var(--navy);
  font-family:var(--akte);font-size:14px;font-weight:600;width:24px;height:24px;line-height:24px;
  text-align:center;margin-right:12px;vertical-align:2px}

/* Aufzählung im Folienstil */
.liste{list-style:none;margin:0 0 20px;padding:0;max-width:76ch}
.liste > li{position:relative;padding:6px 0 6px 34px;font-size:17px}
.liste > li::before{content:"\25B8";position:absolute;left:0;top:6px;color:var(--orange);font-weight:700;font-size:17px;line-height:1.5}
.liste ul{list-style:none;margin:8px 0 2px;padding:0}
.liste ul li{position:relative;padding:3px 0 3px 28px;font-size:16px;color:var(--anthrazit)}
.liste ul li::before{content:"\2013";position:absolute;left:0;top:3px;color:var(--orange);font-weight:700;line-height:1.5}

/* Tabellen */
.tab{width:100%;border-collapse:collapse;margin:6px 0 24px;background:var(--blatt);font-size:16px}
.tab caption{
  font-family:var(--akte);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--grau);text-align:left;padding:0 0 10px;
}
.tab th{
  background:var(--navy);color:#fff;text-align:left;vertical-align:bottom;
  font-family:var(--display);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;
  padding:11px 14px;border-right:1px solid #33507250;
}
.tab th:last-child{border-right:0}
.tab td{padding:12px 14px;border-bottom:1px solid var(--linie);border-right:1px solid var(--linie);vertical-align:top}
.tab td:last-child{border-right:0}
.tab tbody tr:last-child td{border-bottom:0}
.tab .schluessel{font-family:var(--akte);font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap}
.tab .betrag{font-family:var(--akte);font-weight:600;text-align:right;white-space:nowrap;color:var(--navy)}
.tab tbody tr:nth-child(even){background:#F7F9FA}
.tabrahmen{overflow-x:auto;border:1px solid var(--navy);margin-bottom:24px}
.tabrahmen .tab{margin:0}

/* Schaubild */
.schaubild{background:var(--blatt);border:1px solid var(--navy);margin:6px 0 26px}
.schaubild .kante{
  background:var(--navy);color:#fff;font-family:var(--akte);font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;padding:11px 18px;
}
.schaubild .naht{height:3px;background:var(--orange)}
.schaubild .flaeche{padding:22px 18px}
.schaubild svg{display:block;width:100%;height:auto}
.schaubild .bu{padding:0 18px 18px;font-size:15px;color:var(--grau);margin:0}

/* Gewaltenteilung als Raster */
.gewalten{display:grid;grid-template-columns:120px repeat(3,1fr);gap:1px;background:var(--linie);border:1px solid var(--navy);margin-bottom:8px;font-size:15.5px}
@media(max-width:820px){.gewalten{grid-template-columns:1fr}}
.gewalten > div{background:var(--blatt);padding:13px 15px}
.gewalten .kopfzelle{background:var(--navy);color:#fff;font-family:var(--display);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.gewalten .ebene{background:#F7F9FA;font-family:var(--akte);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}
.gewalten b{color:var(--navy)}

/* Dienstausweis-Muster */
.ausweis{
  max-width:460px;background:var(--blatt);border:2px solid var(--navy);
  box-shadow:9px 9px 0 rgba(30,58,95,.12);margin:6px 0 12px;
}
.ausweis .kopf{background:var(--navy);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ausweis .kopf .t{font-family:var(--display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ausweis .kopf .h{font-family:var(--akte);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.ausweis .naht{height:3px;background:var(--orange)}
.ausweis dl{margin:0;padding:14px 16px 16px}
.ausweis .feld{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px dotted var(--linie)}
.ausweis .feld:last-child{border-bottom:0}
.ausweis dt{font-family:var(--akte);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.ausweis dd{margin:0;font-size:15.5px;color:var(--navy);border-bottom:1px solid var(--linie);min-height:22px}
@media(max-width:520px){.ausweis .feld{grid-template-columns:1fr}}

/* Merk- und Warnkästen */
.kasten{border-left:5px solid var(--orange);background:var(--blatt);padding:18px 22px;margin:6px 0 24px;font-size:17px;max-width:none}
.kasten strong{color:var(--navy);font-weight:700}
.kasten.dunkel{background:var(--navy);color:#C6D2DE;border-left-color:var(--orange)}
.kasten.dunkel strong{color:#fff}
.kasten .titel{
  display:block;font-family:var(--akte);font-size:11px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--orange);margin-bottom:8px;
}

/* Prüfungsrelevanz */
.pruefrelevanz{background:#F7F9FA;border:1px solid var(--linie);border-top:4px solid var(--orange);padding:20px 22px;margin:6px 0 24px}
.pruefrelevanz .titel{font-family:var(--akte);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);display:block;margin-bottom:12px}
.pruefrelevanz ul{margin:0;padding-left:20px}
.pruefrelevanz li{margin-bottom:6px;font-size:16px}

/* Seitenwechsel unten */
.weiter{background:var(--navy);padding:clamp(34px,4.5vw,56px) 0;border-top:4px solid var(--orange)}
.weiter .marke{color:var(--orange);display:block;margin-bottom:10px}
.weiter h2{color:#fff;margin-bottom:18px}
.weiter p{color:var(--navy-hell);max-width:62ch}
.knopf{
  display:inline-block;margin-top:8px;background:var(--orange);color:var(--navy);
  font-family:var(--display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  padding:13px 22px;text-decoration:none;
}
.knopf:hover{background:#fff}

/* Zurück-nach-oben */
.nachoben{display:inline-block;margin-top:10px;font-family:var(--akte);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grau);text-decoration:none}
.nachoben:hover{color:var(--navy)}