/* Standort-Weiche (seit 17.09.2026): Auswahlbox "Für welchen Standort?" — an der rechten Icon-Leiste (Telefon, E-Mail, Termin) und bei den Menüpunkten "Erstberatung buchen"; dazu die Standort-Auswahl im Kontaktformular. Nur auf ortlosen Seiten geladen (inc/standort.php). Optik angelehnt an das Bewertungs-Flyout (.reviews-flyout) in style.css. Die Box hängt direkt im (nicht in der Leiste), damit sie über dem mobilen Menü (z-index 1200) liegen kann. */ .standort-weiche { position: absolute; /* Seitenkoordinaten, gesetzt per JS (Leisten-Modus) */ min-width: 200px; background: #FFE6D3; color: #161615; border-radius: 0; padding: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.15); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility .2s ease; z-index: 2001; display: grid; gap: 8px; line-height: 1.3; font-family: inherit; } .standort-weiche.is-open { opacity: 1; visibility: visible; pointer-events: auto; } /* Pfeil nach rechts zum Symbol (nur im Leisten-Modus) */ .standort-weiche.modus-leiste::after { content: ""; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); border-width: 6px; border-style: solid; border-color: transparent transparent transparent #FFE6D3; } /* Menü-Modus: mittig im Fenster, mit abdunkelndem Hintergrund */ .standort-weiche.modus-menue { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 240px; padding: 16px; } .standort-weiche-hintergrund { position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 2000; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; } .standort-weiche-hintergrund.is-open { opacity: 1; visibility: visible; } .standort-weiche-frage { font-size: 14px; font-weight: 700; white-space: nowrap; } .standort-weiche-btn { display: block; font-size: 14px; line-height: 1; padding: 10px 12px; background: #fff; color: #161615; border: 1px solid rgba(0,0,0,.08); text-decoration: none; white-space: nowrap; } .standort-weiche-btn:hover, .standort-weiche-btn:focus { background: #fafafa; color: #161615; } /* Standort-Auswahl im Kontaktformular — wie die Textfelder daneben */ .input-wrapper select#standort { width: 100%; height: 40px; background: none; border: none; border-radius: 0; color: #FFFFFF; font-family: 'Roboto', Regular; font-size: 16px; line-height: 24px; margin: 0; padding: 0 0 5px 5px; box-sizing: border-box; -webkit-appearance: none; appearance: none; cursor: pointer; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 6px center; } .input-wrapper select#standort:focus { outline: 1px solid #FFFFFF; } .input-wrapper select#standort option { color: #161615; background: #FFFFFF; }