/* ==================================================================================
   Marken-Logo — die einzigen CSS-Regeln, die BEIDE Seiten brauchen:
   die App (`index.html`) und die oeffentliche Bewertungsseite (`bewertung/`).

   ⚠️ WARUM EINE EIGENE DATEI UND KEINE KOPIE IN BEIDEN STYLESHEETS (v75):
   Zwei Schreibweisen fuer dieselbe Sache sind zwei Wahrheiten, die auseinander-
   laufen. Genau diese Lehre steht seit v74 bei den `-rgb`-Tripeln in CLAUDE.md.
   Sechs Zeilen doppelt zu halten waere billiger zu schreiben und teurer zu warten.

   ⚠️ WARUM DIE GROESSE AUS EINER CSS-VARIABLE KOMMT — UND WER SIE SETZT:
   `markenLogoHTML(px, …)` in `konfig.js` bekommt die Groesse als Parameter; es gibt
   also keinen festen Satz von Pixelwerten, fuer den man Klassen anlegen koennte.
   Bis v74 stand die Groesse als style-Attribut (`width`/`height`) am Element. Das geht seit
   v75 nicht mehr: `style-src 'self'` sperrt das GANZE style-Attribut, unabhaengig
   davon, was drinsteht — auch ein style-Attribut, in dem nur `--logo-px` steht, waere gesperrt.

   Gesetzt wird sie deshalb per CSSOM: das Markup traegt `data-logo-px`, und
   `logoGroessenAnwenden()` (konfig.js) traegt daraus `--logo-px` am Element nach.
   `element.style.setProperty` verlangt KEIN 'unsafe-inline' — dieselbe Ausnahme,
   an der schon `markenFarbenAnwenden()` haengt.

   ⚠️ Wer Markup mit einem Logo per innerHTML einsetzt, MUSS danach
   `logoGroessenAnwenden(container)` aufrufen. Sonst fehlt `--logo-px`, und das
   Logo hat die Groesse 0 — sichtbar sofort, aber ohne Fehlermeldung.
   ================================================================================== */

.marken-logo   { width: var(--logo-px); height: var(--logo-px); object-fit: contain; }
/* Ohne Logo-Datei tritt das Markenzeichen an seine Stelle. `--logo-px` traegt hier
   bereits die verkleinerte Schriftgroesse (0.72 x), gerundet in konfig.js — deshalb
   steht hier kein `calc()`: das Ergebnis waere um Bruchteile eines Pixels anders
   als bis v74, und ein Nachweis „unveraendert" waere dann keiner mehr. */
.marken-symbol { font-size: var(--logo-px); line-height: 1; display: block; }