/* ===========================================================================
   EINE THEMENSEITE - /fach/<fach>/<thema>
   ===========================================================================
   Gehoert zu templates/fach_thema.html und fach_pages.py `fach_thema_seite()`.
   Warum es diese Seiten gibt, steht dort am Route-Kommentar; kurz: der Inhalt
   lag komplett hinter `#/thema/<slug>`, und ein Fragment ist fuer eine
   Suchmaschine keine Adresse.

   DIESE DATEI IST NEU UND STARTET DESHALB BEI NULL (docs/DESIGN_SYSTEM.md §9,
   Regel 2): keine einzige feste Farbe, kein halber Pixel, keine Zwischenecke.
   Das ist keine Fleissaufgabe, sondern der eigentliche Zweck der Regel - eine
   neue Seite ist die einzige Gelegenheit, an der man das umsonst bekommt.

   WAS DAS KONKRET BEDEUTET, und wo es wehtut: die Teilgebiete haben eigene
   Farben (TEILGEBIETE in fach_pages.py: Mechanik blau, Optik violett, ...).
   Sie stehen hier NICHT. Sie ins Markup zu schreiben waere ein Inline-Style
   je Seite, sie hierher zu kopieren waeren sieben feste Farben - und beides
   fuer eine Dekoration, die dem Lesenden nichts sagt, was der Name nicht
   schon sagt. Die Zugehoerigkeit steht als TEXT im Kopf der Seite.

   LESEBREITE STATT SEITENBREITE: 68 Zeichen sind die Spanne, in der Fliesstext
   ohne Zeilenverlust gelesen wird. Diese Seiten sind zum LESEN da - das ist
   der Unterschied zur Anwendung nebenan, wo Dichte zaehlt (§2).
   =========================================================================== */

/* ---- DER GRUNDSTAND DER SEITE ------------------------------------------
   WARUM DIESE SECHS ZEILEN NOTWENDIG SIND, obwohl sie wie Selbstverständ-
   lichkeiten aussehen: Diese Seite lädt `design-tokens.css` und diese Datei -
   sonst nichts. `design-tokens.css` ist aber bewusst ein WÖRTERBUCH und keine
   Regelsammlung: sie definiert `--font`, wendet es aber nirgends an, damit ihr
   Laden kein einziges bestehendes Aussehen verändert (DESIGN_SYSTEM.md §11).
   Den Grundstand brachte bisher immer die Seite selbst mit - in ihrem eigenen
   `<style>`-Block, so wie es die Anleitung in `teile/kopf-oeffentlich.html`
   beschreibt und wie es `funktionen.html`, `mitgliedschaft.html` und
   `landing_neu.html` bis heute tun.

   GENAU DAS IST HIER KOLLIDIERT. Diese Vorlage hält §9 Regel 2 ein und hat
   deshalb KEINEN `<style>`-Block - richtig so, aber damit fiel auch der
   Grundstand weg, den dieser Block immer nebenbei mitgebracht hatte. Ergebnis
   auf der lebenden Seite, gemessen: `font-family: Times`, `color: rgb(0,0,0)`,
   `line-height: normal`, `margin: 8px` - die Voreinstellung des Browsers, also
   Serifenschrift auf einer Seite, die überall sonst serifenlos ist.

   Zwei richtige Regeln haben sich gegenseitig aufgehoben. Der Grundstand
   gehört deshalb dorthin, wo die Seite ihn nicht verlieren kann: in ihre
   eigene Stildatei. Gleiche Lösung wie bei `.rdok` in `rechtsdokument.css`.
   Bewacht von `qa/unit/test_seiten_grundstand.py`. */
body{margin:0;background:var(--card);color:var(--ink);
  font-family:var(--font);font-size:var(--fs-base);line-height:1.6;
  -webkit-font-smoothing:antialiased;}
/* ⛔ UND DER LINK-GRUNDSTAND GEHOERT DAZU (Befund Murat 03.09.2026: „üst
   kisimdaki kismida düzelmelisin o link cizgilerini"). Dieselbe Falle wie
   oben, nur eine Etage tiefer: funktionen.html, faq.html und
   mitgliedschaft.html bringen `text-decoration:none` in ihrem eigenen
   <style>-Block mit - diese Seite hat keinen, also stand der Seitenkopf
   („Für Schulen", „Handbuch", „Fragen") und jedes Untermenue unterstrichen
   da. Es sah aus wie ein unfertiges Dokument, nicht wie eine Navigation.
   NICHT in kopf-oeffentlich.css geaendert: dort waere es eine Regel fuer
   alle Seiten, und die anderen bringen ihre schon mit. */
a{text-decoration:none;}

/* ⛔ BREIT, NICHT SCHMAL (v2.606.0). Bis v2.605.0 stand hier `72ch` - die
   Spaltenbreite eines Fliesstextes, rund 730 px. Richtig, solange die Seite
   nur Text war. Sie zeigt jetzt denselben Inhalt wie der Arbeitsplatz der
   Lehrkraft: Kartenraster fuer Material und verwandte Themen, das Regal, eine
   Simulation im Verhaeltnis 1024x618. In einer Textspalte wird daraus eine
   Kette einspaltiger Kaestchen.
   Anweisung Murat 03.09.2026: „gelen insanlar icin tam sayfa yapalim ...
   bendeki o sayfayi alalim genisletelim." Der Fliesstext bleibt trotzdem
   lesbar - dafuer sorgt `.ti-inhalt{max-width:72ch}` in thema-inhalt.css:
   die Seite ist breit, der ABSATZ nicht. */
.ft-seite{max-width:1100px;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-9);}

/* ---- Kopf: wo bin ich, und wozu gehoert das ---------------------------- */
.ft-weg{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);
  font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--s-4);}
.ft-weg a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;}
.ft-weg a:hover{color:var(--brand);border-bottom-color:var(--brand);}
/* ".ft-weg span" MEINT DIE TRENNZEICHEN, nicht jeden Span. Der Teilen-Knopf traegt zwei Symbol-Spans; halbtransparent sahen sie aus wie deaktiviert. */
.ft-weg > span{opacity:.5;}
.ft-weg .ti-teilen span{opacity:1;}

/* ---- Der Weg zurueck in die Anwendung -----------------------------------
   ⛔ FRUEHER DREI BLAUE LINKS AUF WEISS (Befund Murat 03.09.2026: „footerdaki
   kisimda ucuz duruyor"). Er hatte recht: es war die Vorgabe des Browsers mit
   Markenfarbe, kein Fuss. Jetzt eine ruhige, MITTIGE Marke - Logo, ein Satz,
   drei Wege - abgesetzt durch eine eigene Flaeche statt nur durch einen
   Strich. Das ist die letzte Zeile, die ein Besucher ohne Konto sieht; sie
   soll nach Haus aussehen und nicht nach Fussnote. */
.ft-fuss{margin-top:var(--s-8);padding:var(--s-7) var(--s-5) var(--s-6);
  border-top:1px solid var(--line);background:var(--surface-subtle);
  border-radius:var(--r-card);text-align:center;
  font-size:var(--fs-sm);color:var(--muted);}
.ft-fuss-marke{display:block;height:30px;width:auto;margin:0 auto var(--s-4);}
.ft-fuss p{margin:0 auto;max-width:56ch;line-height:1.6;}
.ft-fuss a{color:var(--brand);text-decoration:none;font-weight:600;}
.ft-fuss a:hover{text-decoration:underline;}
.ft-fuss-zeile{display:flex;flex-wrap:wrap;justify-content:center;
  gap:var(--s-3) var(--s-5);margin-top:var(--s-5);}

/* ---- Schmal (CLAUDE.md: schmal aendern heisst SCHMAL aendern) ------------ */
@media(max-width:640px){
  .ft-seite{padding:var(--s-5) var(--s-4) var(--s-7);}
}

/* ===========================================================================
   WAS FRUEHER HIER STAND UND JETZT WOANDERS STEHT (v2.606.0)
   ===========================================================================
   Titel, Marken, Leitfragen, Abschnitte, Regal, weiterfuehrende Themen und
   die Simulation hatten hier eigene Regeln (`.ft-titel`, `.ft-fragen`,
   `.ft-block`, `.ft-inhalt`, `.ft-regal-*`, `.ft-weiter`, `.ft-liste`,
   `.ft-sim-*`) - und dieselben Bausteine hatten im <style>-Block von
   templates/fach.html ein ZWEITES, anderes Aussehen.

   ⛔ CLAUDE.md, Anweisung Murat 03.09.2026: "EINE THEMENSEITE HAT EINEN
   ZEICHNER. NIE ZWEI." Beide Fassungen sind nach static/css/thema-inhalt.css
   gewandert, die von dieser Seite UND vom Arbeitsplatz geladen wird. Was hier
   bleibt, ist das Beiwerk dieser Adresse: der Grundstand, der Weg und der
   Fuss - Dinge, die es im Arbeitsplatz gar nicht gibt.

   Die `.ft-sim-*`-Namen sind mitgewandert, aber NICHT umbenannt worden:
   qa/unit/test_fach_simulationen.py prueft die Lizenznennung an genau diesen
   Namen. Der Test zeigt seit v2.606.0 auf thema-inhalt.css.
   =========================================================================== */