/* Place-Liste — Bauteil-Stylesheet, Praefix tp-. Traegt Aufbau, Proportionen und Zustaende. Alle Farben, Radien und die Schriftwahl stehen als Variablen auf .tp-place-list; das Portal setzt sie je Rubrik neu und braucht dafuer KEINE Kopie dieser Datei und keine Sonderregel pro Seite. Die Werte unten sind die Vorgabewerte des Bauteils, nicht die Portalfarben. Gesetzt werden sie in der Portal-CSS. */ /* BEFUND 13.09.2026, im Live-DOM gemessen: die Tokens standen nur auf .tp-place-list. Seit die Discovery-Leiste im Hero sitzt — also ausserhalb dieses Containers — loesten dort ALLE var(--tp-…) ins Leere auf: Feldhintergrund transparent, Radius 0, Knopf ohne Fuellung. Gemessen: --tp-surface = "" auf der Hero-Komponente. Ein Bauteil muss seine eigenen Vorgabewerte mitbringen, egal wo es eingehaengt ist. Der Tokenblock steht deshalb auf BEIDEN Wurzeln. */ .tp-place-list, .tp-loc{ --tp-accent:#5C6338; /* Rubrikfarbe */ --tp-accent-ink:#FFFFFF; --tp-accent-deep:#33463A; /* Knopffarbe, dunkles Zypressengruen */ --tp-surface:#FFFFFF; --tp-surface-muted:#F6F1E7; /* Creme */ --tp-surface-sink:#EEE6D8; --tp-ink:#1A1A1A; --tp-ink-muted:#6B675E; --tp-line:#E3DCCB; --tp-radius:12px; --tp-radius-sm:8px; --tp-shadow:0 2px 10px rgba(184,92,56,.08); --tp-shadow-hover:0 6px 20px rgba(184,92,56,.14); --tp-serif:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif; --tp-gap:1.5rem; } .tp-place-list,.tp-place-list *,.tp-place-list *::before,.tp-place-list *::after, .tp-loc,.tp-loc *,.tp-loc *::before,.tp-loc *::after{box-sizing:border-box} /* ── 1. Location Switcher ──────────────────────────────────────── 0.9.11. Vorher stand hier eine Suchleiste: Feld, Etikett "Ort", Knopf "Suchen". Sie behauptete, /restaurants/ beginne mit einer Eingabe — dabei zeigt die Seite ohne jedes Zutun schon alle erfassten Betriebe. Der Ort ist eine Verfeinerung, keine Voraussetzung. Die Komposition folgt daraus: Hauptinhalt ist der AKTUELLE geografische Zustand, gross und in der Rubrikschrift. Die Auswahl steht sichtbar nachgeordnet darunter — abgesetzt, aber leiser. Keine Lupe, kein Wort "Suchen", keine Systemoptik einer Selectbox. Das Bauteil liegt im Hero auf dem Bild, deshalb eigene Flaeche mit Schatten statt Rahmen auf transparentem Grund. */ .ts-herocard .tp-loc, .tp-loc{ display:block;width:100%;align-self:stretch;max-width:32rem; margin:1.6rem 0 0; background:var(--tp-surface); border:1px solid rgba(255,255,255,.62); border-radius:var(--tp-radius); box-shadow:0 14px 34px rgba(20,24,16,.26); padding:1.15rem 1.25rem 1.2rem; } /* Zustandszeile: Pin, kleines Etikett, grosser Ort, erklaerende Zeile. Das ist die Antwort auf "Wo suche ich gerade?" und deshalb der visuelle Schwerpunkt des Bauteils. */ .tp-loc__state{display:flex;align-items:flex-start;gap:.7rem;margin:0} .tp-loc__pin{display:flex;flex:0 0 auto;color:var(--tp-accent);margin-top:.15rem} .tp-loc__lead{display:flex;flex-direction:column;min-width:0} .tp-loc__label{ font-size:.68rem;line-height:1;letter-spacing:.1em;text-transform:uppercase; color:var(--tp-ink-muted);margin:0 0 .3rem; } .tp-loc__where{ font-family:var(--tp-serif);font-size:1.6rem;line-height:1.15;font-weight:600; color:var(--tp-ink);margin:0;overflow-wrap:anywhere; } .tp-loc__hint{font-size:.9rem;line-height:1.35;color:var(--tp-ink-muted);margin:.22rem 0 0} /* Auswahl und Ruecksetzer. Durch die Trennlinie klar als zweite Ebene erkennbar — Verfeinerung, nicht Voraussetzung. */ .tp-loc__actions{ display:flex;flex-wrap:wrap;align-items:center;gap:.6rem; margin:.95rem 0 0;padding:.9rem 0 0; border-top:1px solid var(--tp-line); } .tp-loc__form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;flex:1 1 auto;min-width:0} /* Die Ortswahl ist eine Schaltflaeche, in der eine echte Selectbox liegt: das Bedienelement bleibt das native, die Optik nicht. Die Selectbox deckt die Flaeche vollstaendig ab und ist durchsichtig — dadurch oeffnet ein Klick irgendwo auf der Flaeche die Liste, und Tastatur sowie Vorleseprogramme finden weiterhin ein echtes