/* Stil der statischen Seiten (Ratgeber, FAQ, Kontakt, Über). Gleiche Farben
   und Schriften wie die Startseite. Schriften kommen aus /fonts/fonts.css.

   Aufbau (Arthur, 01.10.2026): Hinter dem Text liegen Fotos von Studierenden
   und Campus, die beim Scrollen langsam wechseln (/ratgeber.js). Der Text
   steht in einem milchig-weißen, leicht durchsichtigen Kasten.
   03.10.2026: Übersicht mit Slideshow, Themen und Bildkarten; Artikel mit
   Titelfoto, Lesezeit, mitlaufendem Inhaltsverzeichnis am Rechner, Fragen
   zum Aufklappen und Weiterlesen-Karten. */
:root{--cream:#FAF6EF;--ink:#1B1917;--ash:#4F4840;--muted:#7D746A;--gold:#D9821A;--gold-dunkel:#B8650B;--line:#E7DFD3;--box:rgba(255,255,255,.92);
  --glas:rgba(255,255,255,.84);--glasrand:rgba(255,255,255,.65);--schleier:rgba(250,246,239,.18);
  --schatten-karte:0 1px 2px rgba(27,25,23,.06),0 8px 24px rgba(27,25,23,.08);--radius-karte:16px}
*{box-sizing:border-box}
body{margin:0;background:#d9cbb6;color:var(--ash);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.7}
img{max-width:100%}

/* Hintergrund: Fotos übereinander, das aktive ist sichtbar */
.hintergrund{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#d9cbb6}
.hintergrund img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:0;transition:opacity 2.4s ease;transform:scale(1.03)}
.hintergrund img.aktiv{opacity:1}
.hintergrund::after{content:"";position:absolute;inset:0;background:var(--schleier)}

/* Der Textkasten */
.wrap{max-width:48rem;margin:56px auto 64px;padding:2.6rem 3rem 2.2rem;background:var(--glas);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);
  border:1px solid var(--glasrand);border-radius:22px;box-shadow:0 24px 70px rgba(27,25,23,.22),0 2px 6px rgba(27,25,23,.06)}
.wrap.breit{max-width:72rem}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.wrap{background:rgba(255,255,255,.95)}}

a{color:var(--gold-dunkel)}
.krume,header nav{font-size:.85rem;color:var(--muted);margin-bottom:2.2rem}
.krume a,header nav a{color:var(--muted);text-decoration:none}
.krume a:hover,header nav a:hover{color:var(--gold)}
h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:2.3rem;line-height:1.2;color:var(--ink);margin:.5rem 0 1rem;text-wrap:balance}
h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.5rem;color:var(--ink);margin:2.75rem 0 .75rem;text-wrap:balance;scroll-margin-top:24px}
h3{font-size:1.05rem;font-weight:600;color:var(--ink);margin:1.75rem 0 .4rem}
.meta{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}
.ash{color:var(--muted);font-size:.95rem}
.chip{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--gold-dunkel);background:rgba(217,130,26,.12);border-radius:999px;padding:.2rem .6rem;line-height:1.5;vertical-align:1px}
.chip-hell{color:#fff;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* Titelfoto im Artikel */
.titelbild{margin:0 0 2rem;border-radius:var(--radius-karte);overflow:hidden;box-shadow:var(--schatten-karte);background:#eadfcf}
.titelbild img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover}
.titelbild figcaption{font-size:.72rem;line-height:1.4;color:var(--muted);padding:.35rem .8rem;background:rgba(255,255,255,.85)}
.titelbild figcaption a{color:var(--muted)}

/* Kästen über die Fläche getönt statt mit dickem Seitenstreifen */
.answer,.warn,.clio{border-radius:14px;padding:1.25rem 1.4rem;margin:1.5rem 0 2rem;border:1px solid}
.answer{background:rgba(253,243,226,.95);border-color:#F1D7AE}
.warn{background:rgba(252,236,230,.95);border-color:#EFC6B6}
.clio{background:rgba(244,241,236,.95);border-color:#DDD5C9}
.answer p,.warn p,.clio p{margin:0}
.answer p+p,.warn p+p,.clio p+p{margin-top:.75rem}
.clio-titel{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.15rem;color:var(--ink);margin-bottom:.5rem!important}
.toc{background:var(--box);border:1px solid var(--line);border-radius:12px;padding:1rem 1.4rem;margin:0 0 2rem;font-size:.95rem}
.toc p{margin:0 0 .4rem;font-weight:600;color:var(--ink)}
.toc ol{margin:0;padding-left:1.2rem}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.tabelle{overflow-x:auto;margin:1.25rem 0;border-radius:10px;background:var(--box)}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink);font-weight:600}
th,td{hyphens:auto;-webkit-hyphens:auto}
table.breit{font-size:.84rem;line-height:1.45}
table.breit th,table.breit td{padding:.5rem .45rem}
ul,ol{padding-left:1.2rem}
li{margin:.35rem 0}
a.q{color:var(--muted);text-decoration:none;font-size:.85em}
a.q:hover{color:var(--gold)}
ol.quellen{font-size:.9rem;word-break:break-word}
ol.quellen li{margin:.5rem 0}
code{font-size:.9em;background:var(--line);padding:.05em .3em;border-radius:4px}
.autor{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.25rem;font-size:.9rem;color:var(--muted)}
.autor p{margin:.35rem 0}
.cta{background:var(--box);border:1px solid var(--line);border-radius:14px;padding:1.5rem;margin:2.5rem 0 0;text-align:center}
.cta a.btn{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;font-weight:600;padding:.7rem 1.4rem;border-radius:9px;margin-top:.75rem}
.cta .klein{font-size:.85rem;color:var(--muted);margin-bottom:0}
.hinweis{font-size:.85rem;color:var(--muted);margin-top:2.5rem}
footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
footer a{color:var(--muted)}

/* Häufige Fragen zum Aufklappen */
details.frage{border:1px solid var(--line);border-radius:12px;background:var(--box);margin:.6rem 0;scroll-margin-top:24px}
details.frage summary{list-style:none;cursor:pointer;padding:.9rem 3rem .9rem 1.1rem;position:relative}
details.frage summary::-webkit-details-marker{display:none}
details.frage summary h3{margin:0;font-size:1rem;line-height:1.45}
details.frage summary::after{content:"";position:absolute;right:1.15rem;top:50%;width:.55rem;height:.55rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
details.frage[open] summary::after{transform:translateY(-30%) rotate(225deg)}
details.frage summary:hover h3{color:var(--gold-dunkel)}
.frage-text{padding:0 1.1rem .9rem}
.frage-text p{margin:.2rem 0 .6rem}

/* Werkzeuge im Text: Rechner, Vorlagen */
.werkzeug,.downloads{background:rgba(253,243,226,.95);border:1px solid #F1D7AE;border-radius:14px;padding:1.2rem 1.4rem;margin:1.5rem 0 2rem}
.werkzeug-titel{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.1rem;color:var(--ink);margin:0 0 .8rem}
.werkzeug-felder{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.8rem}
.werkzeug label{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;color:var(--muted);gap:.25rem}
.werkzeug select,.werkzeug input{font:inherit;font-size:.95rem;color:var(--ink);padding:.5rem .6rem;border:1px solid #E2CFAE;border-radius:9px;background:#fff}
.werkzeug-ergebnis{font-size:1.05rem;color:var(--ink);font-weight:600;margin:1rem 0 .3rem}
.werkzeug-hinweis{font-size:.82rem;color:var(--muted);margin:.4rem 0 0}
.downloads ul{margin:0;padding-left:1.1rem}

/* Artikel mit mitlaufendem Inhaltsverzeichnis (nur breite Bildschirme) */
.seitenleiste{display:none}
@media(min-width:1180px){
  .wrap.mit-seitenleiste{max-width:70rem}
  .artikel-raster{display:grid;grid-template-columns:minmax(0,46rem) 15rem;justify-content:space-between;gap:3rem}
  .seitenleiste{display:block}
  .mit-seitenleiste .toc{display:none}
  .seitentoc{position:sticky;top:28px;font-size:.88rem;padding:1rem 0 1rem 1.1rem;border-left:2px solid var(--line);max-height:calc(100vh - 56px);overflow:auto}
  .seitentoc p{margin:0 0 .6rem;font-weight:600;color:var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
  .seitentoc ol{list-style:none;margin:0;padding:0}
  .seitentoc li{margin:.15rem 0}
  .seitentoc a{display:block;color:var(--muted);text-decoration:none;padding:.3rem .5rem;border-radius:8px;line-height:1.4;transition:background .2s,color .2s}
  .seitentoc a:hover{color:var(--ink);background:rgba(255,255,255,.6)}
  .seitentoc a.aktiv{color:var(--gold-dunkel);background:rgba(217,130,26,.1);font-weight:600}
}

/* Karten (Übersicht und Weiterlesen) */
.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.25rem;margin:1rem 0 0}
.karte{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-karte);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--schatten-karte);transition:transform .25s ease,box-shadow .25s ease}
.karte:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(27,25,23,.06),0 16px 36px rgba(27,25,23,.14)}
.karte:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.karte-bild{display:block;aspect-ratio:3/2;overflow:hidden;background:#eadfcf}
.karte-bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.karte:hover .karte-bild img{transform:scale(1.04)}
.karte-text{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.15rem 1.15rem;flex:1}
.karte-text .chip{align-self:flex-start}
.karte-titel{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.12rem;line-height:1.3;color:var(--ink);margin:0;text-wrap:pretty}
.karte-kurz{font-size:.92rem;line-height:1.55;color:var(--ash)}
.karte-meta{margin-top:auto;padding-top:.35rem;font-size:.78rem;color:var(--muted)}
.karte[hidden]{display:none}
.weiterlesen{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.weiterlesen-titel{margin-top:0}
.karten-klein{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}

/* Übersicht */
.kopf-uebersicht{max-width:44rem}
.lead{font-size:1.08rem;color:var(--ash);margin:0 0 2rem}
.slider{position:relative;margin:0 0 3rem}
.folien{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:20px;scrollbar-width:none;box-shadow:0 18px 50px rgba(27,25,23,.2)}
.folien::-webkit-scrollbar{display:none}
.folien:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.folie{position:relative;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:21/9;min-height:22rem;display:block;color:#fff;text-decoration:none;overflow:hidden}
.folie img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 8s ease}
.folie:hover img{transform:scale(1.03)}
.folie::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,12,.78) 0%,rgba(20,16,12,.5) 40%,rgba(20,16,12,0) 72%)}
.folie-text{position:absolute;z-index:1;left:0;top:0;bottom:0;width:min(34rem,62%);display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:2.2rem 2.6rem}
.folie-titel{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:2rem;line-height:1.18;text-wrap:balance}
.folie-kurz{font-size:1.02rem;line-height:1.55;color:rgba(255,255,255,.9)}
.folie-mehr{align-self:flex-start;margin-top:.4rem;background:var(--gold);color:#fff;font-weight:600;font-size:.92rem;padding:.55rem 1.1rem;border-radius:9px}
.folie .chip{align-self:flex-start}
.pfeil{position:absolute;bottom:1.1rem;width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:background .2s,transform .2s}
.pfeil:hover{background:#fff;transform:scale(1.06)}
.pfeil:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.pfeil-zurueck{right:4.1rem}
.pfeil-vor{right:1.1rem}
.pfeil-icon{width:1.3rem;height:1.3rem}
.punkte{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}
.punkt{width:.6rem;height:.6rem;border-radius:999px;border:0;padding:0;background:rgba(27,25,23,.22);cursor:pointer;transition:width .3s,background .3s}
.punkt.aktiv{width:1.6rem;background:var(--gold)}
.punkt:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.kategorien-bereich h2,.alle-bereich h2{margin-top:0}
.kategorien{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}
.kategorie{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem 1.2rem 1.1rem;background:#fff;border-radius:var(--radius-karte);box-shadow:var(--schatten-karte);text-decoration:none;color:inherit;border:2px solid transparent;transition:transform .25s ease,border-color .2s}
.kategorie:hover{transform:translateY(-2px)}
.kategorie[aria-pressed="true"]{border-color:var(--gold)}
.kategorie:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.kategorie .icon{width:2.4rem;height:2.4rem;padding:.5rem;border-radius:12px;background:rgba(217,130,26,.12);color:var(--gold-dunkel);margin-bottom:.4rem}
.kategorie-name{font-weight:600;color:var(--ink);line-height:1.3}
.kategorie-text{font-size:.85rem;color:var(--muted);line-height:1.4}
.kategorie-zahl{font-size:.78rem;color:var(--gold-dunkel);font-weight:600;margin-top:.3rem}
.alle-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.filter-aus{font:inherit;font-size:.85rem;color:var(--gold-dunkel);background:none;border:0;cursor:pointer;text-decoration:underline}

@media(max-width:1000px){
  .kategorien{grid-template-columns:repeat(2,1fr)}
  .folie{aspect-ratio:16/10}
  .folie-text{width:75%}
}
@media(max-width:820px){
  .wrap{margin:14px 10px 28px;padding:1.6rem 1.25rem 1.4rem;border-radius:16px}
  h1{font-size:1.9rem}
  .werkzeug-felder{grid-template-columns:1fr 1fr}
  .werkzeug-felder label:first-child{grid-column:1/-1}
  .folie{aspect-ratio:auto;min-height:26rem}
  .folie::after{background:linear-gradient(0deg,rgba(20,16,12,.85) 0%,rgba(20,16,12,.55) 50%,rgba(20,16,12,.1) 100%)}
  .folie-text{width:100%;top:auto;padding:1.4rem 1.3rem 1.5rem;justify-content:flex-end}
  .folie-titel{font-size:1.45rem}
  .folie-kurz{font-size:.95rem}
  .pfeil{display:none}
  .titelbild img{aspect-ratio:3/2}
}
@media(max-width:480px){
  .kategorien{grid-template-columns:1fr 1fr;gap:.7rem}
  .kategorie{padding:1rem .9rem}
  .kategorie-text{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hintergrund img,.karte,.karte-bild img,.folie img,.folien{transition:none;scroll-behavior:auto}
}
/* Bewusst kein Dunkelmodus: Der Kasten bleibt milchig-weiß (Arthur), die
   Fotos dahinter sorgen für genug Kontrast zur hellen Fläche. */
:root{color-scheme:light}

/* Schnellhilfe (14.10.2026): Knöpfe zu Antrag und Amt, Stand gut sichtbar */
.offiziell{background:rgba(255,255,255,.96);border:1px solid #F1D7AE;border-radius:14px;padding:1.1rem 1.3rem 1.2rem;margin:-.5rem 0 2rem;box-shadow:var(--schatten-karte)}
.offiziell p{margin:0}
.offiziell p+p{margin-top:.6rem;font-size:.9rem;color:var(--muted)}
.offiziell-titel{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-dunkel);margin-bottom:.65rem!important}
.offiziell-links{display:flex;flex-wrap:wrap;gap:.6rem}
.offiziell-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.95rem;line-height:1.3;text-decoration:none;padding:.6rem 1rem;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.offiziell-link:hover{border-color:var(--gold);color:var(--gold-dunkel)}
.offiziell-link:first-child{background:var(--gold);border-color:var(--gold);color:#fff}
.offiziell-link:first-child:hover{background:var(--gold-dunkel);color:#fff}
.offiziell-pfeil{width:16px;height:16px;flex:none}
.schnellhilfe .stand{font-weight:600;color:var(--ink)}
/* Studienfächer (14.10.2026): Hochschulliste mit Suche und Filtern */
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.hs-werkzeug{margin:1.5rem 0 2.5rem}
.hs-filter{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:var(--schatten-karte)}
.hs-suche{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.75rem}
.hs-suche input{font:inherit;font-size:1rem;font-weight:400;color:var(--ink);padding:.6rem .8rem;border:1px solid var(--line);border-radius:9px;background:#fff;width:100%}
.hs-suche input:focus{outline:2px solid var(--gold);outline-offset:1px}
.hs-typen,.land-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}
.hs-typen button,.land-chip{font:inherit;font-size:.82rem;line-height:1.3;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ash);cursor:pointer}
.hs-typen button:hover,.land-chip:hover{border-color:var(--gold)}
.hs-typen button[aria-pressed="true"],.land-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.land-chip span{opacity:.6;margin-left:.1rem}
.hs-treffer{margin:.1rem 0 0;font-size:.85rem;color:var(--muted)}
.land-gruppe h3{display:flex;align-items:center;gap:.5rem;margin:1.6rem 0 .5rem}
.land-zahl{font-size:.75rem;font-weight:600;color:var(--gold-dunkel);background:rgba(217,130,26,.12);border-radius:999px;padding:.05rem .5rem}
.hs-liste{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--box);overflow:hidden}
.hs{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;padding:.7rem .95rem;border-top:1px solid var(--line);margin:0}
.hs:first-child{border-top:0}
.hs-name{grid-column:1;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.35}
.hs-name:hover{color:var(--gold-dunkel);text-decoration:underline}
.hs-ort{grid-column:2;grid-row:1;font-size:.88rem;color:var(--ash);text-align:right}
.hs-gang{grid-column:1;font-size:.86rem;color:var(--muted);line-height:1.45}
.hs-typ{grid-column:2;grid-row:2;justify-self:end;align-self:center;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:.1rem .45rem}
.hs-typ-uni{background:#E8EEF9;color:#2F4E9E}
.hs-typ-haw{background:#FDF0DD;color:#8F5208}
.hs-typ-dual{background:#EEE8F7;color:#5B3A8C}
.hs-dual-text{font-size:.9rem;color:var(--muted);margin:-.2rem 0 .6rem}
.hs-extra{display:inline-block;font-size:.72rem;color:#1F6B4F;background:#E3F3EC;border-radius:6px;padding:0 .4rem;margin-left:.2rem}
.hs[hidden],.land-gruppe[hidden],.hs-leer[hidden]{display:none}
.hs-leer{padding:1rem;text-align:center;color:var(--muted)}

/* Auslandssemester (14.10.2026): Länder als Passstempel */
.laender{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:1rem .8rem;margin:1.5rem 0 2.5rem}
.land summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;border-radius:12px}
.land summary::-webkit-details-marker{display:none}
.land summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.land-stempel{display:block;width:100%;max-width:118px;transform:rotate(var(--r,0deg));transition:transform .25s ease;mix-blend-mode:multiply;opacity:.93}
.land summary:hover .land-stempel{transform:rotate(0deg) scale(1.06)}
.land-name{font-size:.86rem;font-weight:600;color:var(--ink)}
.land[open]{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--schatten-karte);padding:.8rem 1.2rem 1.2rem}
.land[open] summary{flex-direction:row;justify-content:flex-start;gap:.8rem}
.land[open] .land-stempel{max-width:74px}
.land[open] .land-name{font-family:Fraunces,Georgia,serif;font-size:1.3rem}
.land-info h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.land-info dl{margin:.4rem 0 0}
.land-fakt{display:grid;grid-template-columns:9rem 1fr;gap:.8rem;padding:.55rem 0;border-top:1px solid var(--line);font-size:.93rem;line-height:1.55}
.land-fakt dt{font-weight:600;color:var(--ink)}
.land-fakt dd{margin:0}
.land-quelle{font-size:.75rem;color:var(--muted);white-space:nowrap}
.land-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0}
.land-links a{display:inline-block;font-weight:600;font-size:.9rem;text-decoration:none;padding:.5rem .9rem;border-radius:9px;border:1px solid var(--line);color:var(--ink);background:#fff}
.land-links a:hover{border-color:var(--gold);color:var(--gold-dunkel)}
@media (max-width:640px){
  .laender{grid-template-columns:repeat(3,1fr);gap:.6rem .4rem}
  .land-fakt{grid-template-columns:1fr;gap:.1rem}
  .hs{grid-template-columns:1fr auto}
}
@media (prefers-reduced-motion:reduce){.land-stempel{transition:none}}
/* News-Seite /studium/news (14.10.2026) */
.news-seite .lead{font-size:1.08rem;margin:0 0 1.5rem}
.news-eintrag{border-top:1px solid var(--line);padding:1.4rem 0 .4rem;scroll-margin-top:24px}
.news-eintrag h2{margin:.3rem 0 .5rem;font-size:1.35rem}
.news-eintrag .meta{margin:0}
.news-eintrag:target{background:rgba(253,243,226,.6);border-radius:12px;padding-left:1rem;padding-right:1rem}
.news-links{font-size:.9rem}
.news-entwurf{display:inline-block;font-size:.72rem;font-weight:700;color:#B4232C;background:#FBE4E4;border-radius:6px;padding:.05rem .45rem}
/* Fristenkalender (15.10.2026) */
.fristen{margin:1.5rem 0 2.5rem}
.fristen-ics{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;background:rgba(255,255,255,.96);border:1px solid #F1D7AE;border-radius:14px;padding:1rem 1.2rem;margin:0 0 1.4rem}
.fristen-ics .btn{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;font-weight:600;padding:.65rem 1.2rem;border-radius:9px}
.fristen-ics .btn:hover{background:var(--gold-dunkel)}
.fristen-ics span{font-size:.85rem;color:var(--muted);flex:1;min-width:14rem}
.fristen-liste{position:relative;list-style:none;padding:0 0 0 3px;margin:0 0 0 .6rem}
.fristen-liste::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:2px;background:#F1D7AE}
.frist{position:relative;display:grid;grid-template-columns:9.5rem 1fr;gap:.4rem 1rem;padding:.9rem 0 .9rem 1.2rem;margin:0}
.frist::before{content:"";position:absolute;left:-.55rem;top:1.15rem;width:.75rem;height:.75rem;border-radius:50%;background:#fff;border:3px solid var(--gold)}
.frist[hidden]{display:none}
.frist time{font-weight:700;color:var(--ink);font-size:.95rem}
.frist-inhalt strong{display:block;color:var(--ink);font-size:1.02rem;line-height:1.35;margin:.15rem 0 .25rem}
.frist-inhalt p{margin:0 0 .3rem;font-size:.93rem}
.frist-kat{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-dunkel)}
.frist-links,.frist-quelle{font-size:.8rem;color:var(--muted)}
.frist-naechste{background:rgba(253,243,226,.85);border-radius:0 12px 12px 0}
.frist-naechste::before{background:var(--gold)}
.fristen-regeln{padding-left:1.2rem}
.fristen-regeln li{margin:.5rem 0;font-size:.95rem}
@media (max-width:640px){.frist{grid-template-columns:1fr}}
/* Englische Übersicht /international: erste Schritte (15.10.2026) */
.schritte{list-style:none;counter-reset:schritt;padding:0;margin:1rem 0 2.2rem;display:grid;gap:.75rem}
.schritt{counter-increment:schritt;margin:0}
.schritt a{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.96);border:1px solid #F1D7AE;border-radius:14px;padding:1rem 1.2rem;text-decoration:none;color:var(--ash);transition:border-color .15s ease,transform .15s ease}
.schritt a:hover{border-color:var(--gold);transform:translateY(-1px)}
.schritt a::before{content:counter(schritt);flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--gold);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.schritt-symbol{flex:none;color:var(--gold-dunkel)}
.schritt-symbol svg{width:24px;height:24px;display:block}
.schritt-text{display:grid;gap:.15rem;min-width:0}
.schritt-text strong{color:var(--ink);font-size:1.05rem}
.schritt-text span{font-size:.92rem;color:var(--muted)}
@media (max-width:560px){.schritt-symbol{display:none}}