/* Buchungsportal — Optik angeglichen an kameraverleih.online (Onlinerechner/Formular): Navy #4f6279 als Primärfarbe, sanft abgerundete Kanten (5px), graue Eingabefelder (#f2f2f2, ohne Rahmen), ruhige weiße Fläche, dunkle Preisbox #202b40, Amber-Hinweise mit linkem Balken. Grün nur als Status-Akzent (gewählt/eingelöst/Miettage). */ /* Portal lädt seine eigene Schrift (normales Roboto, NICHT Condensed), damit es unabhängig von der Website-Vorlage ist und nicht die schmale Condensed-Variante der Seite erbt (@import MUSS vor allen Regeln stehen). */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* overflow-x: clip — die Seiten-Gleitanimation (transform) erzeugt sonst kurz horizontalen Überlauf (Scrollleiste blitzt auf). clip statt hidden: erzeugt keinen Scrollcontainer; fixe Kacheln/Popups bleiben unberührt. */ [data-mh-portal] { display: block; width: 100%; box-sizing: border-box; overflow-x: clip; padding: 10px 10px 0; /* eigenes 10px-Innenpadding: das Portal wird randlos eingebettet */ overflow-anchor: none; } /* Browser-Scroll-Anchoring AUS: sonst ankert der Browser beim Re-Render an ersetzten DOM-Ankern und die Seite springt — das Portal steuert Scrolls selbst */ /* … und AM SCROLL-CONTAINER selbst (auf der Live-Seite , nicht das Portal): sonst ankert der Browser beim Kachel-Auf/Zu an Joomla-Inhalt UM das Portal herum und scrollt gegen die eigene sanftScrollen-Kompensation. (scrollbar-gutter:stable bewusst NICHT: es ließe die randlose Fußleiste/Weißgrund 15px vor dem rechten Rand enden.) */ html { overflow-anchor: none; } /* SCHMALE Formular-Spalte wie das heutige Buchungsportal — kein Vollbreite-Dashboard */ .mhp { font-family: 'Roboto', Arial, sans-serif; color: #212121; line-height: 1.5; } /* KEINE eigene Breitenbegrenzung — die Balbooa-Gridbox bestimmt die Breite. */ .mhp * { box-sizing: border-box; } /* Kopf: zwei Auswahllisten (Kategorie/Hersteller bzw. Art) + Suche in EINER Zeile */ .mhp-kopf { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 20.8px; padding-bottom: 16px; border-bottom: 1px solid #e8ebef; } .mhp-filter:focus { outline: none; box-shadow: inset 0 0 0 2px rgba(79, 98, 121, .45); } /* Theme-Margins neutralisieren: Joomla gibt