/* =====================================================
   HEADER LAYOUT
   -----------------------------------------------------
   Diese Datei enthält ausschließlich:
   - Header-Positionierung
   - Fixierung / Sticky
   - Header-spezifische Abstände
   - Linien / Trennungen
   - Player-Integration

   WICHTIG:
   - Keine Brand-Typografie hier definieren
   - Keine .brand - text oder .brand- logo Styles ändern
   - Diese werden global in thecrystudio.css gepflegt

   Header.css steuert nur:
   WO etwas steht – nicht WAS es ist.

  to do:
  logo-block suchen und evtl. löschen

Übersicht:

thecrystudio.css = Identität
header.css = Header-Layout
layout.css = Seitenrahmen
pages/*.css = Seitenlogik
culture-* = Kontextsteuerung

🔑 Entscheidungsregel (wichtig)

Wenn du eine Klasse siehst, frage:

Ist es Identität? → thecrystudio.css
Ist es Position im Header? → header.css
Ist es Rahmen? → layout.css
Ist es seitenabhängig? → pages/
Ist es thematisch? → culture-*
===================================================== 
   PROJECT VARIABLES – theCry.studio
===================================================== */

:root {

}
/* =====================================================
   Brand & Headings – ruhige Typografie
   ===================================================== */
/* Zentrale Brand-Schrift */

.header-meta a {
  color: var(--text-muted);
  letter-spacing: 0.03em;
}
/* ===============================
   Stillgelegt alles gemeinsam im header
  alle brands raus uaus entry,customer
  Selektor: .brand - text
Dateien:
- entry.css
- header.css
- sysadmin.css
- theCryStudio.css

Risiko:
- gleicher Klassenname in mehreren CSS-Dateien
- keine eindeutige Bereichskapselung wie .site-header .brand -text
- potentieller Kaskadenkonflikt
================================ */