/* ============================================================================
   rc-heli-fan.org — Karkas «ROTORBLATT»
   Ikonen: Fira-Werkstattheft (deutsche Technikzeitschrift) + Redaktionsraster
           einer Wochenzeitung. Charakter geerbt, kein Layout kopiert.
   Namensraum bewusst deutsch und eigenstaendig (Anti-Footprint):
   ausser .rhf-hd / .rhf-ft (von den Gates verlangt) traegt nichts ein Praefix
   aus frueheren Projekten.
   ========================================================================= */

/*[rhf/schrift]*/
/* --- 1. Schriften (lokal, kein externer @import) ------------------------- */
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(/schrift/fsc-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(/schrift/fsc-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/schrift/fsc-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/schrift/fsc-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/schrift/fsc-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/schrift/fsc-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/schrift/ss4-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/schrift/ss4-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(/schrift/ss4-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(/schrift/ss4-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}


/*[rhf/grund]*/
/* --- 2. Grundwerte ------------------------------------------------------ */
:root{
  --tuch:#e7e3d9;          /* Leinwand der Seite */
  --bogen:#fbfaf7;         /* Blatt der Inhaltsspalte */
  --bogen-2:#f2efe7;       /* Einschub im Blatt */
  --tinte:#15181d;
  --tinte-2:#4d545c;
  --tinte-3:#6b7178;      /* 4.7:1 auf dem Bogen, R3-fest */
  --signal:#d64a12;        /* Blattspitzen-Orange */
  --signal-tief:#a83708;
  --stahl:#1d3b57;
  --linie:#d8d2c4;
  --linie-fein:#e8e3d8;
  --nacht:#14171c;         /* Kopfband und Fussfeld */
  --pad:20px;              /* Rand in vollbreiten Baendern */
  --gap:24px;              /* Feld um das Blatt */
  --satz:36px;             /* Arbeitsfeld im Blatt */
  --breit:888px;           /* Raster: Uebersichten, Karten, Tabellen */
  --schmal:760px;          /* Raster: reiner Lesetext */
  --rand:1120px;           /* Kopf und Fuss */
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --grotesk:'Fira Sans Condensed','Fira Sans','Segoe UI',Arial,sans-serif;
}
@media (max-width:820px){ :root{--pad:14px;--gap:12px;--satz:16px} }

html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--tuch);color:var(--tinte);
  font:400 17px/1.62 var(--serif);
  font-variant-numeric:tabular-nums;
}
body img{max-width:100%;height:auto}
body table{border-collapse:collapse}
body a{color:var(--stahl);text-underline-offset:2px;text-decoration-thickness:1px}
body a:hover{color:var(--signal)}

/*[rhf/kopf]*/
/* --- 3. Kopf ------------------------------------------------------------ */
.rhf-hd{background:var(--bogen);border-bottom:2px solid var(--tinte);width:100%}
.rhf-hd .kopfband{background:var(--nacht);color:#cfd3d8}
.rhf-hd .kopfband .zeile{
  max-width:var(--rand);margin:0 auto;box-sizing:border-box;
  padding:7px var(--pad);display:flex;gap:18px;align-items:center;justify-content:space-between;
  font:500 12px/1.3 var(--grotesk);letter-spacing:.10em;text-transform:uppercase;
}
.rhf-hd .kopfband a{color:#f0d9c8;text-decoration:none}
.rhf-hd .kopfband a:hover{color:#fff;text-decoration:underline}
.rhf-hd .kopfband .fern{display:flex;gap:16px}

.rhf-hd .kopfzeile{
  max-width:var(--rand);margin:0 auto;box-sizing:border-box;
  padding:20px var(--pad) 16px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.rhf-hd .marke{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}
.rhf-hd .marke svg{display:block;width:46px;height:46px;flex:0 0 46px}
.rhf-hd .markentext b{
  display:block;font:700 33px/1 var(--grotesk);letter-spacing:-.005em;color:var(--tinte);
  text-transform:uppercase;
}
.rhf-hd .markentext b i{font-style:normal;color:var(--signal)}
.rhf-hd .markentext span{
  display:block;margin-top:4px;font:500 12px/1.2 var(--grotesk);
  letter-spacing:.14em;text-transform:uppercase;color:var(--tinte-3);
}
.rhf-hd .kopfnotiz{
  max-width:330px;font:400 13px/1.5 var(--serif);color:var(--tinte-2);
  border-left:3px solid var(--signal);padding-left:12px;
}

.rhf-hd .rubrikband{border-top:1px solid var(--linie);background:var(--bogen)}
.rhf-hd .rubrikband ul{
  max-width:var(--rand);margin:0 auto;box-sizing:border-box;
  padding:0 var(--pad);list-style:none;display:flex;flex-wrap:wrap;gap:0;
}
.rhf-hd .rubrikband li{margin:0}
.rhf-hd .rubrikband a{
  display:block;padding:12px 15px 11px;text-decoration:none;color:var(--tinte);
  font:600 14px/1.2 var(--grotesk);letter-spacing:.055em;text-transform:uppercase;
  border-bottom:3px solid transparent;
}
.rhf-hd .rubrikband a:hover{color:var(--signal-tief);border-bottom-color:var(--linie)}
.rhf-hd .rubrikband a.hier{border-bottom-color:var(--signal);color:var(--signal-tief)}
.rhf-hd .rubrikband li.abseits a{color:var(--tinte-2)}
.rhf-hd .rubrikband li.abseits{margin-left:auto}
@media (max-width:820px){ .rhf-hd .rubrikband li.abseits{margin-left:0} }

/*[rhf/satz]*/
/* --- 4. Satzspiegel / Blatt --------------------------------------------- */
.satzspiegel{
  max-width:calc(var(--breit) + var(--satz)*2);
  margin:18px auto var(--gap);padding:0;box-sizing:border-box;
}
.satzspiegel.lesen{max-width:calc(var(--schmal) + var(--satz)*2)}
.bogen{
  background:var(--bogen);border:1px solid var(--linie);
  box-shadow:0 1px 0 rgba(21,24,29,.04),0 10px 26px -22px rgba(21,24,29,.55);
  padding:var(--satz);box-sizing:border-box;
}
@media (max-width:820px){ .satzspiegel{margin:var(--gap) var(--gap)} }

/*[rhf/streckenkopf]*/
/* --- 5. Rotorblatt-Marke fuer Abschnittskoepfe --------------------------- */
.streckenkopf{
  display:flex;align-items:baseline;gap:14px;
  border-bottom:2px solid var(--tinte);padding-bottom:7px;margin:0 0 18px;position:relative;
}
.streckenkopf h2,.streckenkopf h3{
  margin:0;font:700 25px/1.1 var(--grotesk);letter-spacing:.005em;text-transform:uppercase;
}
.streckenkopf .zaehler{
  font:700 25px/1.1 var(--grotesk);color:#6f6a5e;letter-spacing:.02em;
}
.streckenkopf .mehr{
  margin-left:auto;font:600 13px/1 var(--grotesk);letter-spacing:.08em;text-transform:uppercase;
  color:var(--signal-tief);text-decoration:none;white-space:nowrap;
}
.streckenkopf .mehr:hover{text-decoration:underline}
.streckenkopf::after{
  content:"";position:absolute;left:0;bottom:-2px;width:74px;height:2px;background:var(--signal);
}

.dachzeile{
  display:inline-block;font:600 12px/1 var(--grotesk);letter-spacing:.13em;text-transform:uppercase;
  color:var(--signal-tief);margin:0 0 9px;
}
.dachzeile.ruhig{color:var(--tinte-3)}

/*[rhf/aufmacher]*/
/* --- 6. Startseite: Aufmacher ------------------------------------------- */
.aufmacher{
  background:var(--bogen);border:1px solid var(--linie);border-top:4px solid var(--tinte);
  box-shadow:0 10px 26px -22px rgba(21,24,29,.55);
  padding:var(--satz);box-sizing:border-box;margin-bottom:26px;
}
.aufmacher figure{margin:0 0 20px}
.aufmacher figure img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--bogen-2)}
.aufmacher .bildzeile{
  margin-top:7px;font:400 12px/1.45 var(--serif);color:var(--tinte-3);
}
.aufmacher h1{
  margin:0 0 12px;font:700 42px/1.06 var(--grotesk);letter-spacing:-.012em;color:var(--tinte);
}
.aufmacher h1 a{color:inherit;text-decoration:none}
.aufmacher h1 a:hover{color:var(--signal-tief)}
.aufmacher .vorspann{margin:0;font:400 19px/1.55 var(--serif);color:var(--tinte-2);max-width:62ch}
@media (max-width:820px){ .aufmacher h1{font-size:29px} .aufmacher .vorspann{font-size:17px} }

/*[rhf/zweitrang]*/
/* --- 7. Startseite: zweite Reihe ---------------------------------------- */
.zweitrang{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linie);
  border:1px solid var(--linie);margin-bottom:30px}
.zweitrang > article{background:var(--bogen);padding:20px;box-sizing:border-box}
.zweitrang h3{margin:0 0 8px;font:600 19px/1.22 var(--grotesk)}
.zweitrang h3 a{color:var(--tinte);text-decoration:none}
.zweitrang h3 a:hover{color:var(--signal-tief)}
.zweitrang p{margin:0;font:400 14.5px/1.55 var(--serif);color:var(--tinte-2)}
@media (max-width:900px){ .zweitrang{grid-template-columns:1fr} }

/*[rhf/strecke]*/
/* --- 8. Rubrikstrecken --------------------------------------------------- */
.strecke{margin:0 0 30px}
.strecke .reihe{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.strecke.breit .reihe{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){ .strecke .reihe,.strecke.breit .reihe{grid-template-columns:1fr} }

.meldung{background:var(--bogen);border:1px solid var(--linie);box-sizing:border-box}
.meldung .bild{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--bogen-2)}
.meldung .text{padding:16px 18px 18px}
.meldung h3{margin:0 0 7px;font:600 18px/1.25 var(--grotesk)}
.meldung h3 a{color:var(--tinte);text-decoration:none}
.meldung h3 a:hover{color:var(--signal-tief)}
.meldung p{margin:0;font:400 14px/1.55 var(--serif);color:var(--tinte-2)}
.meldung .kennzahl{
  display:block;margin-top:10px;font:500 11.5px/1 var(--grotesk);
  letter-spacing:.11em;text-transform:uppercase;color:var(--tinte-3);
}

/*[rhf/werkbank]*/
/* --- 9. Werkbank: Faden aus dem Forum ------------------------------------ */
.werkbank{background:var(--bogen-2);border:1px solid var(--linie);padding:var(--satz);
  box-sizing:border-box;margin:0 0 30px}
.werkbank .liste{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linie);
  border:1px solid var(--linie)}
.werkbank .liste > a{
  background:var(--bogen);text-decoration:none;color:var(--tinte);
  display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:13px 16px;
}
.werkbank .liste > a:hover{background:#fff}
.werkbank .liste svg{display:block;width:52px;height:52px}
.werkbank .liste b{display:block;font:600 15px/1.3 var(--grotesk)}
.werkbank .liste span{display:block;margin-top:3px;font:500 11.5px/1 var(--grotesk);
  letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3)}
@media (max-width:820px){ .werkbank .liste{grid-template-columns:1fr} }

/*[rhf/partner]*/
/* --- 10. Partnerleiste (verkaufte Platzierungen der Startseite) ---------- */
.partnerleiste{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);
  padding:18px 0;margin:0 0 30px}
.partnerleiste .titel{
  font:600 11.5px/1 var(--grotesk);letter-spacing:.15em;text-transform:uppercase;
  color:var(--tinte-2);margin:0 0 13px;
}
.partnerleiste ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px}
.partnerleiste a{
  font:500 14px/1.3 var(--grotesk);color:var(--tinte-2);text-decoration:none;
  border-bottom:1px solid var(--linie);padding-bottom:2px;
}
.partnerleiste a:hover{color:var(--signal-tief);border-bottom-color:var(--signal)}

/*[rhf/hinweis]*/
/* --- 11. Hinweiszeile (eine Zeile aufs Archiv) --------------------------- */
.hinweiszeile{
  background:var(--nacht);color:#e6e2d8;padding:16px var(--satz);box-sizing:border-box;
  font:400 15px/1.5 var(--serif);margin:0 0 30px;
}
.hinweiszeile a{color:#ffb996;text-decoration:underline}
.hinweiszeile a:hover{color:#fff}

/*[rhf/beitrag]*/
/* --- 12. Beitrag (eigene Artikel, Platzierungen, Wiki, Forum) ------------ */
.beitrag{margin:0}
.beitragskopf{border-bottom:1px solid var(--linie);padding-bottom:18px;margin-bottom:22px}
.beitragskopf h1{margin:0 0 12px;font:700 35px/1.13 var(--grotesk);letter-spacing:-.008em}
.beitragskopf .vorspann{margin:0;font:400 18px/1.58 var(--serif);color:var(--tinte-2)}
.beitragskopf .zeile{
  margin-top:13px;font:500 12px/1.4 var(--grotesk);letter-spacing:.1em;text-transform:uppercase;
  color:var(--tinte-3);
}
@media (max-width:820px){ .beitragskopf h1{font-size:26px} }

.fliesstext{font-size:17.5px}
.fliesstext > *:first-child{margin-top:0}
.fliesstext h2{
  margin:34px 0 12px;font:700 24px/1.2 var(--grotesk);letter-spacing:.003em;
  padding-bottom:6px;border-bottom:1px solid var(--linie);
}
.fliesstext h3{margin:26px 0 10px;font:600 19.5px/1.25 var(--grotesk)}
.fliesstext h4{margin:22px 0 8px;font:600 17px/1.3 var(--grotesk);color:var(--tinte-2)}
.fliesstext p{margin:0 0 17px}
.fliesstext ul,.fliesstext ol{margin:0 0 18px;padding-left:24px}
.fliesstext li{margin:0 0 7px}
.fliesstext blockquote{
  margin:22px 0;padding:4px 0 4px 20px;border-left:3px solid var(--signal);
  font-style:normal;color:var(--tinte-2);
}
.fliesstext figure{margin:24px 0}
.fliesstext figure img{display:block;width:100%}
.fliesstext figcaption,.bildzeile{
  margin-top:7px;font:400 12.5px/1.5 var(--serif);color:var(--tinte-3);
}
.fliesstext table{width:100%;margin:22px 0;font-size:15px}
.fliesstext th,.fliesstext td{border:1px solid var(--linie);padding:9px 11px;text-align:left;vertical-align:top}
.fliesstext th{background:var(--bogen-2);font:600 13px/1.3 var(--grotesk);
  letter-spacing:.06em;text-transform:uppercase}
.fliesstext hr{border:0;border-top:1px solid var(--linie);margin:28px 0}
.fliesstext code,.fliesstext kbd{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:.92em}

/* eigenes, eingeklapptes Inhaltsverzeichnis */
details.inhalt{
  margin:0 0 26px;border:1px solid var(--linie);background:var(--bogen-2);
  padding:0;box-sizing:border-box;
}
details.inhalt > summary{
  cursor:pointer;list-style:none;padding:12px 16px;
  font:600 13px/1 var(--grotesk);letter-spacing:.11em;text-transform:uppercase;color:var(--tinte);
}
details.inhalt > summary::-webkit-details-marker{display:none}
details.inhalt > summary::after{content:" +";color:var(--signal)}
details.inhalt[open] > summary::after{content:" –"}
details.inhalt ol{margin:0;padding:0 16px 14px 34px;font:400 15px/1.7 var(--serif)}

/* Faktenkasten */
.merkkasten{
  border:1px solid var(--linie);border-left:4px solid var(--stahl);background:var(--bogen-2);
  padding:16px 18px;box-sizing:border-box;margin:24px 0;font-size:16px;
}
.merkkasten b{font:600 13px/1 var(--grotesk);letter-spacing:.1em;text-transform:uppercase;
  display:block;margin-bottom:8px;color:var(--stahl)}

/*[rhf/quellen]*/
/* --- 12b. Quellenverzeichnis am Ende eigener Beitraege ------------------- */
.fliesstext ol.quellen{margin:14px 0 0;padding-left:22px;font-size:14.5px;color:var(--tinte-2)}
.fliesstext ol.quellen li{margin:0 0 8px;line-height:1.5}
.fliesstext ol.quellen a{color:var(--stahl)}
.fliesstext ol.quellen span{color:var(--tinte-3);white-space:nowrap}

/*[rhf/faden]*/
/* --- 13. Forum-Faden ----------------------------------------------------- */
.faden{margin:0}
.wortmeldung{border:1px solid var(--linie);background:var(--bogen);margin:0 0 16px;
  box-sizing:border-box}
.wortmeldung .wortkopf{
  display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;
  background:var(--bogen-2);border-bottom:1px solid var(--linie);padding:9px 18px;
  font:500 12.5px/1.3 var(--grotesk);letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-3);
}
.wortmeldung .wortkopf b{color:var(--tinte);font-weight:600;letter-spacing:.05em}
.wortmeldung .worttext{padding:16px 18px 6px;font-size:16.5px}
.wortmeldung .worttext p{margin:0 0 14px}
.wortmeldung .worttext blockquote{
  margin:14px 0;padding:11px 14px;background:var(--bogen-2);border-left:3px solid var(--linie);
  font-size:15.5px;color:var(--tinte-2);
}
.wortmeldung .worttext blockquote cite{
  display:block;font:600 12px/1 var(--grotesk);letter-spacing:.08em;text-transform:uppercase;
  color:var(--tinte-3);font-style:normal;margin-bottom:7px;
}

.fadenliste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.fadenliste li{border-bottom:1px solid var(--linie-fein);padding:11px 2px}
.fadenliste a{color:var(--tinte);text-decoration:none;font:600 16px/1.3 var(--grotesk)}
.fadenliste a:hover{color:var(--signal-tief)}
.fadenliste span{display:block;margin-top:3px;font:500 11.5px/1 var(--grotesk);
  letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3)}

/* Kartenraster fuer Archiv, Rubriken, Forum- und Wiki-Uebersichten */
.kartenfeld{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 26px}
@media (max-width:900px){ .kartenfeld{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ .kartenfeld{grid-template-columns:1fr} }
.karte{background:var(--bogen);border:1px solid var(--linie);display:flex;flex-direction:column;
  box-sizing:border-box}
.karte .kartenbild{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--bogen-2)}
.karte .kartenbild.zeichen{background:var(--bogen-2)}
.karte .kartentext{padding:14px 16px 16px}
.karte h3{margin:0 0 6px;font:600 16px/1.3 var(--grotesk)}
.karte h3 a{color:var(--tinte);text-decoration:none}
.karte h3 a:hover{color:var(--signal-tief)}
.karte p{margin:0;font:400 13.5px/1.5 var(--serif);color:var(--tinte-2)}
.karte .kennzahl{display:block;margin-top:9px;font:500 11px/1 var(--grotesk);
  letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3)}

/* Blaetterleiste */
.blaetterleiste{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 0;padding:0;list-style:none}
.blaetterleiste a,.blaetterleiste span{
  display:block;padding:7px 12px;border:1px solid var(--linie);text-decoration:none;
  font:600 13px/1 var(--grotesk);color:var(--tinte-2);background:var(--bogen);
}
.blaetterleiste a:hover{border-color:var(--signal);color:var(--signal-tief)}
.blaetterleiste span.hier{background:var(--tinte);color:#fff;border-color:var(--tinte)}

/* Brotkrume */
.krume{
  max-width:var(--rand);margin:0 auto;box-sizing:border-box;padding:10px var(--pad) 0;
  font:500 11.5px/1.4 var(--grotesk);letter-spacing:.09em;text-transform:uppercase;color:var(--tinte-3);
}
.krume a{color:var(--tinte-2);text-decoration:none}
.krume a:hover{color:var(--signal-tief)}

/*[rhf/wissen]*/
/* --- 14. Wiki-Seiten (MediaWiki-Reste unter eigenem Stil) ---------------- */
.wissensseite .toc,.wissensseite #toc{
  border:1px solid var(--linie);background:var(--bogen-2);padding:12px 16px;margin:0 0 22px;
  font-size:15px;display:table;
}
.wissensseite .toctitle h2{margin:0 0 6px;font:600 13px/1 var(--grotesk);
  letter-spacing:.11em;text-transform:uppercase}
.wissensseite .toc ul{list-style:none;margin:0;padding-left:14px}
.wissensseite .thumb{margin:0 0 18px}
.wissensseite .thumbinner{border:1px solid var(--linie);background:var(--bogen-2);padding:8px}
.wissensseite .thumbcaption{font:400 12.5px/1.45 var(--serif);color:var(--tinte-3);padding-top:6px}
.wissensseite .catlinks{
  border-top:1px solid var(--linie);margin-top:26px;padding-top:14px;
  font:500 12px/1.6 var(--grotesk);letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-3);
}
.wissensseite .catlinks ul{list-style:none;margin:0;padding:0;display:inline}
.wissensseite .catlinks li{display:inline;margin-right:12px}
.wissensseite table.wikitable{width:100%;font-size:15px;margin:20px 0}
.wissensseite table.wikitable th,.wissensseite table.wikitable td{
  border:1px solid var(--linie);padding:8px 10px;text-align:left;vertical-align:top}
.wissensseite table.wikitable th{background:var(--bogen-2);
  font:600 13px/1.3 var(--grotesk);letter-spacing:.05em;text-transform:uppercase}
.wissensseite .editsection,.wissensseite .printfooter,.wissensseite .magnify,
.wissensseite .jump-to-nav,.wissensseite .noprint{display:none}
.wissensseite a.new{color:var(--tinte-3)}

/*[rhf/fuss]*/
/* --- 15. Fuss ------------------------------------------------------------ */
.rhf-ft{background:var(--nacht);color:#c6cad0;margin-top:40px}
.rhf-ft .fussfeld{
  max-width:var(--rand);margin:0 auto;box-sizing:border-box;padding:34px var(--pad) 26px;
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;
}
@media (max-width:900px){ .rhf-ft .fussfeld{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .rhf-ft .fussfeld{grid-template-columns:1fr} }
.rhf-ft h4{
  margin:0 0 12px;font:600 12px/1 var(--grotesk);letter-spacing:.14em;text-transform:uppercase;
  color:#8f959d;
}
.rhf-ft ul{list-style:none;margin:0;padding:0}
.rhf-ft li{margin:0 0 8px;font:400 14.5px/1.45 var(--serif)}
.rhf-ft a{color:#dfe3e8;text-decoration:none}
.rhf-ft a:hover{color:#ffb996;text-decoration:underline}
.rhf-ft .fussmarke{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.rhf-ft .fussmarke svg{width:38px;height:38px;display:block}
.rhf-ft .fussmarke b{font:700 21px/1 var(--grotesk);letter-spacing:.01em;
  text-transform:uppercase;color:#f4f2ec}
.rhf-ft .fussmarke b i{font-style:normal;color:#f07038}
.rhf-ft .fusstext{font:400 14px/1.6 var(--serif);color:#a8aeb6;margin:0}
.rhf-ft .fusszeile{
  border-top:1px solid #262b32;
}
.rhf-ft .fusszeile .zeile{
  max-width:var(--rand);margin:0 auto;box-sizing:border-box;padding:14px var(--pad) 20px;
  display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;
  font:400 13px/1.5 var(--serif);color:#868d95;
}

/*[rhf/phpbb]*/
/* --- 16. phpBB-Reste, die im Inhalt bleiben duerfen ---------------------- */
.beitrag .quotetitle,.beitrag .codetitle{
  font:600 12px/1 var(--grotesk);letter-spacing:.08em;text-transform:uppercase;
  color:var(--tinte-3);margin:0 0 6px;
}
.beitrag .quotecontent{background:var(--bogen-2);border-left:3px solid var(--linie);
  padding:11px 14px;margin:0 0 14px}
.beitrag .codecontent{background:#1b1f25;color:#e6e8ea;padding:12px 14px;overflow-x:auto;
  font-family:ui-monospace,Consolas,monospace;font-size:14px;margin:0 0 14px}
.beitrag .smilies,.beitrag img.smilies{display:none}

/*[rhf/stand]*/
/* --- 17b. Standzeile: sichtbares Aktualisierungsdatum ------------------- */
.standzeile{
  margin:18px 0 0;padding:0 var(--pad);box-sizing:border-box;
  font:500 12px/1.4 var(--grotesk);letter-spacing:.1em;text-transform:uppercase;
  color:var(--tinte-2);
}

/*[rhf/dunkel]*/
/* --- 17a. Dunkle Baender: Hintergrund EXPLIZIT --------------------------- */
/* Ein transparenter Hintergrund gilt dem Kontrastpruefer als weiss, dann meldet
   er helle Schrift auf dunklem Band als "hell auf hell" (DESIGN-ELEMENTS 15). */
.rhf-hd .kopfband,.rhf-hd .kopfband .zeile,.rhf-hd .kopfband span,
.rhf-hd .kopfband a,.rhf-hd .kopfband .fern{background-color:var(--nacht)}
.rhf-ft,.rhf-ft .fussfeld,.rhf-ft .fussfeld > div,.rhf-ft h4,.rhf-ft ul,.rhf-ft li,
.rhf-ft p,.rhf-ft a,.rhf-ft b,.rhf-ft i,.rhf-ft span,.rhf-ft .fussmarke,
.rhf-ft .fusszeile,.rhf-ft .fusszeile .zeile{background-color:var(--nacht)}
.hinweiszeile,.hinweiszeile a,.hinweiszeile span{background-color:var(--nacht)}

/*[rhf/klein]*/
/* --- 17. Kleinteile ------------------------------------------------------ */
.marke-mini{font:600 12px/1 var(--grotesk);letter-spacing:.12em;text-transform:uppercase;
  color:var(--tinte-3)}
.leerhinweis{border:1px dashed var(--linie);background:var(--bogen-2);padding:16px 18px;
  box-sizing:border-box;font-size:15.5px;color:var(--tinte-2);margin:0 0 22px}
.knopfreihe{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.knopf{
  display:inline-block;padding:11px 18px;background:var(--tinte);color:#fff;text-decoration:none;
  font:600 13px/1 var(--grotesk);letter-spacing:.09em;text-transform:uppercase;
}
.knopf:hover{background:var(--signal-tief);color:#fff}
.knopf.leicht{background:transparent;color:var(--tinte);border:1px solid var(--tinte)}
.knopf.leicht:hover{background:var(--tinte);color:#fff}

/* Bildplatzhalter fuer Karten ohne Foto: gezeichnetes Rotor-Signet */
.signet{display:block;width:100%;aspect-ratio:3/2;background:var(--bogen-2)}

/*[rhf/druck]*/
/* --- 18. Druck ----------------------------------------------------------- */
@media print{
  body{background:#fff}
  .rhf-hd .rubrikband,.rhf-ft,.partnerleiste,.werkbank{display:none}
  .bogen{border:0;box-shadow:none;padding:0}
}

/*[rhf/telefon]*/
/* --- 19. Telefon: Korrekturen, die NACH allen Bausteinen stehen muessen ---
   Die Reihenfolge zaehlt: .krume weiter unten setzt padding als Kurzform und
   wuerde eine frueher notierte Medienregel gleicher Spezifitaet ueberschreiben. */
@media (max-width:820px){
  .satzspiegel{margin-top:6px}
  .krume{padding-top:3px;padding-bottom:0;font-size:10.5px;line-height:1.3;
         white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}