/* * TBE Buchungsmaschine - Marineblau-Design-Overlay * * WICHTIGER HINWEIS: Die Buchungsmaschine selbst wird von tbe2.io per * eigenem, extern gehostetem CSS gestylt (die Datei, die im geladen * wird: api.tbe2.io/v1/css/{Partner-ID}). Dieses Overlay versucht, die * gängigsten, aus mehreren Live-Tests bekannten Muster (Buttons, aktive * Tabs, Rahmenfarben) auf Marineblau umzufärben. * * Da die exakten CSS-Klassennamen der Buchungsmaschine nicht offiziell * dokumentiert sind, deckt dieses Overlay die WAHRSCHEINLICHSTEN Stellen * ab (Buttons, Tabs, Links, Rahmen) über möglichst generische, aber * gezielte Selektoren. Falls nach der Aktivierung noch einzelne Elemente * (z. B. ein bestimmtes Icon oder ein Preis-Badge) nicht die gewünschte * Farbe zeigen: Schick mir das HTML dieses Elements (Rechtsklick → * Untersuchen → Kopieren → Äußeres HTML), dann ergänze ich hier den * exakt passenden Selektor. */ /* Haupt-Buttons ("Reise suchen", "Reise finden", "Aktualisieren", "Angebot") */ .tbe-widget-wrapper button, .tbe-widget-wrapper input[type="submit"], .tbe-widget-wrapper .btn, .tbe-widget-wrapper .btn-primary, .tbe-widget-wrapper a.button, .tbe-widget-wrapper [class*="search_button"], .tbe-widget-wrapper [class*="submit-button"] { background-color: var( --tbe-bw-primary, #0B2545 ) !important; border-color: var( --tbe-bw-primary, #0B2545 ) !important; color: var( --tbe-bw-text, #FFFFFF ) !important; } .tbe-widget-wrapper button:hover, .tbe-widget-wrapper input[type="submit"]:hover, .tbe-widget-wrapper .btn:hover, .tbe-widget-wrapper .btn-primary:hover, .tbe-widget-wrapper a.button:hover { background-color: var( --tbe-bw-accent, #1E5F8C ) !important; border-color: var( --tbe-bw-accent, #1E5F8C ) !important; } /* Aktiver Tab (z. B. "Pauschal" / "Nur Hotel" / "Nur Flug") */ .tbe-widget-wrapper .active, .tbe-widget-wrapper [class*="tab"].active, .tbe-widget-wrapper [class*="Tab"].active, .tbe-widget-wrapper [aria-selected="true"] { background-color: var( --tbe-bw-primary, #0B2545 ) !important; color: var( --tbe-bw-text, #FFFFFF ) !important; } /* Links (Reiseziel-Namen, Hotelnamen, Region-Links in Ergebnislisten) */ .tbe-widget-wrapper a { color: var( --tbe-bw-primary, #0B2545 ); } .tbe-widget-wrapper a:hover { color: var( --tbe-bw-accent, #1E5F8C ); } /* Rahmen/Trennlinien in Formularfeldern und Ergebnislisten */ .tbe-widget-wrapper input[type="text"], .tbe-widget-wrapper input[type="date"], .tbe-widget-wrapper select, .tbe-widget-wrapper [class*="border"] { border-color: var( --tbe-bw-accent, #1E5F8C ) !important; } /* Preis-Hervorhebungen (Zahlen wie "ab 649 €") */ .tbe-widget-wrapper [class*="price"] strong, .tbe-widget-wrapper [class*="Price"] strong { color: var( --tbe-bw-primary, #0B2545 ) !important; } /* Überschriften innerhalb der Buchungsmaschine (z. B. "Hotelauswahl Mallorca") */ .tbe-widget-wrapper h1, .tbe-widget-wrapper h2, .tbe-widget-wrapper h3 { color: var( --tbe-bw-primary, #0B2545 ); }