/* Klassenportal — verbindliches Markensystem (Master-Auftrag Abschnitt 56).
 *
 * Hier stehen die Schrift und die Bauteile der Marke: Signet, Wortmarke, Subline. Die Farbwerte
 * dazu stehen in design-tokens.css - feste Farben gehoeren in genau eine Datei, sonst laufen sie
 * auseinander (tests/design-system.mjs haelt das fest).
 *
 * Inter liegt im Paket (public/vendor/inter). Kein Aufruf an fonts.googleapis.com: das wäre
 * bei jedem Seitenaufruf eine IP-Übermittlung an einen Drittanbieter - für ein Produkt, das
 * Bildungsträgern Datenschutz zusagt, keine Option.
 */
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/schrift/inter-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:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/schrift/inter-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;
}
/* Das Signet: weißer Stamm mit Netzlinien, goldene Arme. Auf hellem Grund dreht sich das
   Verhältnis um - deshalb steuern zwei Variablen die Farben, nicht zwei Dateien. */
.signet{display:block;height:2.6em;width:auto}
/* Die Farben stehen als Inline-Stil am Symbol selbst, nicht als Regel daneben: was <use>
   einsetzt, liegt im Schattenbaum, und eine Regel wie ".signet .stamm" greift dort nicht
   mehr. Sichtbar wurde das als schwarzer Stamm ohne Netzlinien. Eigenschaften wie
   --signet-stamm vererben dagegen hinein - deshalb steuern zwei Variablen beide Fassungen:
   auf dunklem Grund weißer Stamm mit Navy-Linien, auf hellem Grund umgekehrt. */
.auf-hell{--signet-stamm:var(--marke-navy);--signet-netz:var(--marke-karte)}
.marke{display:flex;align-items:center;gap:13px;text-decoration:none}
.marke .wort{font-weight:700;font-size:1.32rem;letter-spacing:-.02em;line-height:1.05;color:var(--marke-wort,var(--text-auf-farbe))}
.marke .subline{display:block;font-weight:600;font-size:.53rem;letter-spacing:.26em;text-transform:uppercase;color:var(--marke-gold);margin-top:3px}