/* ============================================================ FIRSTLOCATION - CI-TOKENS v1.5 (03.11.2026) v1.5: Kalender-Farblogik & Legende (--fl-cal-select, --fl-cal-range, --fl-cal-busy, --fl-cal-past): Orange strikt fuer aktive Auswahl des Gastes, Braun fuer gebuchte/blockierte Tage. v1.4: --fl-flaeche-buchung (Regel Philippe: alle Buchungsmodule - Buchungs- Einstieg, Suchleiste - stehen auf derselben Flaeche). v1.3: --fl-radius 12px (Rundung Slider, Suchleiste, Karten - bisher 12 / 10 / 15 px gemischt; Festlegung Philippe). v1.2: --fl-text-gedaempft #8A7F6A -> #776D5B (auf Weiss 3,94 -> 5,09 : 1, Hinweise in 12 px brauchen 4,5; Befund CI-Panel, Entscheid Philippe). v1.1: Schrift - Familien, Stufen, Zeilenhoehen, Laufweiten (aus der Schrift-Sonde v1.5, 4 Seiten x 3 Breiten) und Fett-Sperre. ------------------------------------------------------------ EINZIGE QUELLE fuer Farben und Zustaende aller oeffentlichen Seiten. Wird in jedem Bundle ZUERST geladen; gepflegte Dateien (studio-shared.css, home-shared.css, bastion-header.css, Komponenten) lesen nur noch hieraus. Das Dashboard-Panel "CI" liest diese Datei und zeigt sie an (nur Anzeige - Aenderungen gehen ueber main). Grundlage (Philippe + Claude, 29.10.2026): die urspruenglichen Root-Farben in fl-style.css (--FL_Orange, --FL_Beige, --FL_Braun_Text, --FL_Braun_Back, --FL_Weiss), entsprechen den Logofarben. Die alten Namen bleiben in fl-style.css (eingefroren) bestehen. Format je Token (fuer das CI-Panel lesbar): --name: wert; [Kommentar: Rolle | Verwendung] ============================================================ */ :root { /* ---------- Kern (aus fl-style.css, Logofarben) ---------- */ --fl-orange: #EA7628; /* Markenfarbe | Akzent, Titel, Navigation auf Weiss, Knöpfe, aktive Auswahl im Kalender */ --fl-braun: #3D3333; /* Text | Fließtext, Navigation auf Farbflächen, Studio-Überschriften, belegte Kalendertage */ --fl-sand: #D4CBB6; /* Fläche | Über uns, Studioseiten, Kalender */ --fl-taupe: #B7AE9E; /* Fläche dunkel | dunklere Sandfläche, Trenner, Rahmen freier Kalendertage in Legende */ --fl-weiss: #FFFFFF; /* Grund | Seite, Träger von Orange (CI: oranger Text nur auf Weiss) */ /* ---------- Ergänzt (eingeführt 15.-29.10.2026) ---------- */ --fl-weiss-flaeche: #FCFAF8; /* Fläche hell | abgesetzte Fläche hinter braunem Text (Formular, Sprachauswahl) */ --fl-salbei: #C5C9B4; /* Fläche | Schlafzimmer (Studioseite) */ --fl-salbei-punkt: #6E8A4E; /* Zeichen | Punkt "verfuegbar" auf dem Schild auf Fotos (nur als Punkt, nie als Flaeche oder Text) */ --fl-salbei-hell: #D6D9CA; /* Fläche | Gruen-Familie "was man bekommt": Ausstattung (Studioseite), Was dazugehoert (Wohnen auf Zeit) */ --fl-sand-hell: #F2EDE4; /* Fläche | Sand-Familie "Ueberblick Studios": Unser Haus (Startseiten), Lofts (Wohnen auf Zeit) - war fester Wert in fl-style.index.css */ --fl-text-gedaempft: #776D5B; /* Text leise | Hinweise, Fußnoten auf Weiß und Weiß-Fläche (auf Sand: Braun verwenden) */ --fl-linie: #D9D0C2; /* Linie | Feldlinien, Trenner */ --fl-linie-gruppe: rgba(61, 51, 51, 0.18); /* Linie | REGEL: Linie UNTER einer Ueberschrift = Gruppe gleichwertiger Punkte (Ausstattung Studioseite, "Fuer wen" Wohnen auf Zeit); 1 px, 10 px unter der Ueberschrift */ --fl-flaeche-buchung: var(--fl-weiss-flaeche); /* Fläche | REGEL: jedes Buchungsmodul (Buchungs-Einstieg, Suchleiste) steht auf dieser Fläche */ /* ---------- Auf Orange ---------- */ --fl-auf-orange: #FFFFFF; /* Text auf Orange | Knöpfe, Intro, Wetter, gewählte Kalendertage - Kontrast 2,95 : 1, nur große Schrift */ /* ---------- Zustände ---------- */ --fl-orange-hover: #D66D28; /* Zustand | Hover und gedrückt aller orangen Knöpfe und Links */ --fl-fokus-farbe: #EA7628; /* Zustand | Tastatur-Fokus (2 px Linie, 2 px Abstand) */ --fl-fokus-breite: 2px; /* Zustand | Stärke der Fokuslinie */ --fl-fokus-abstand: 2px; /* Zustand | Abstand der Fokuslinie */ --fl-inaktiv: 0.5; /* Zustand | Deckkraft inaktiver Knöpfe (z. B. Buchen vor Studio-Wahl) */ /* ---------- Kalender & Buchung (v1.5) ---------- */ --fl-cal-select: var(--fl-orange); /* Kalender Auswahl | An- und Abreisetag in Markenfarbe Orange, Schrift Weiß */ --fl-cal-range: rgba(234, 118, 40, 0.18); /* Kalender Zeitraum | Mitteltage zwischen An- und Abreise (zartes Orange, Schrift Braun) */ --fl-cal-busy: var(--fl-braun); /* Kalender Belegt | Gebuchte und blockierte Tage edel in Dunkelbraun, Schrift Weiß */ --fl-cal-past: rgba(61, 51, 51, 0.15); /* Kalender Sperre | Vergangene Tage und Vorlaufsperre (15 % Braun) */ /* ---------- Form (v1.3) ---------- */ --fl-radius: 12px; /* Form | Rundung von Slider, Suchleiste, Karten, Bildunterschriften */ /* ---------- Schrift: Familien (v1.1) ---------- */ --fl-schrift-display: 'HeritageSans', sans-serif; /* Schrift | Titel, Namen, Oberzeilen, Navigation, Knöpfe (wie im Logo) */ --fl-schrift-text: 'chiron', sans-serif; /* Schrift | Fließtext, Hinweise, Formulartexte */ --fl-gewicht: 400; /* Schrift | einzige Stärke - kein Schnitt dicker als das Logo */ /* ---------- Schrift: Stufen (v1.1, gemessen 30.10.2026) ---------- */ --fl-stufe-marke: clamp(32px, 8vw, 80px); /* Stufe | Hero "FIRSTLOCATION" (heute 32 / 72 / 80 px) */ --fl-stufe-display: clamp(28px, 4vw, 44px); /* Stufe | große Aussagen, Hero-Studionamen (heute 18-43 px, 40 px fest) */ --fl-stufe-titel: 29px; /* Stufe | Sektionstitel "Unser Haus", Studioseiten (heute 21,6 / 26 / 29 / 30,4 px) */ --fl-stufe-name: 24px; /* Stufe | Studio- und Angebotsnamen (heute 24 / 29 px) */ --fl-stufe-leitsatz: 20px; /* Stufe | Leitsatz, Kartentitel, Kalender-Hinweis (heute 18 / 20 px) */ --fl-stufe-text: 12px; /* Stufe | Fließtext UND Hinweise/Fußnoten - Untergrenze für alles (chiron zeichnet groß) */ --fl-stufe-oberzeile: 13px; /* Stufe | Kicker, Knöpfe, Navigation, Footer - Versalien (heute 10-14 px) */ /* ---------- Schrift: Zeilenhöhe und Laufweite (v1.1) ---------- */ --fl-zeile-titel: 1.2; /* Zeile | Titel, Namen, Leitsatz */ --fl-zeile-text: 1.7; /* Zeile | Fließtext (heute 1,6-1,7) */ --fl-laufweite-titel: 0.1em; /* Laufweite | Titel in Versalien (Studioseiten: 2,9 px bei 29 px) */ --fl-laufweite-nav: 0.15em; /* Laufweite | Navigation (heute 2,1 px bei 14 px) */ --fl-laufweite-ober: 0; /* Laufweite | Oberzeilen/Kicker - CI-Regel: keine Laufweite */ } /* Fett-Sperre (v1.1): Es gibt weder fuer HeritageSans noch fuer chiron einen fetten Schnitt auf dem Server (HeritageSans-Bold.woff ist die Regular unter falschem Namen). Alles mit font-weight 600-800 hat der Browser bisher kuenstlich verdickt. Das unterbindet diese Regel auf allen Seiten auf einmal; Hierarchie laeuft ueber Groesse, Versalien, Laufweite und Farbe. Schriften mit echtem fettem Schnitt (Systemschriften) sind nicht betroffen. */ html { font-synthesis: style; /* aeltere Browser: nur Kursiv darf erzeugt werden */ font-synthesis-weight: none; /* Safari 16.4+, Chrome 97+, Firefox 111+ */ }