/* Kopf haftet oben (Entwurf B: position sticky). Die Elementor-eigene Sticky-Funktion legt eine versteckte Kopie
   des Kopfes an und verdoppelt damit alle IDs (Menue); hier haftet stattdessen der Vorlagen-Wrapper. */
.elementor-location-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .elementor-location-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .elementor-location-header { top: 46px; } }
/* Sprungmarken (#kontakt usw.) liegen nicht unter dem Kopf: Hoehe 76 px, bis 1024 px 64 px, plus 16 px Luft.
   Bewusst als scroll-margin am Ziel, nicht als scroll-padding am html-Element (das verschiebt haftende Widgets). */
:target { scroll-margin-top: 92px; }
@media (max-width: 1024px) { :target { scroll-margin-top: 80px; } }

/* Einheitlicher Fokusring fuer Bedienelemente in Kopf und Fuss: Licht #f2b544, 2 px, Abstand 2 px (auf Nacht und Schiefer mindestens 3:1) */
html body .elementor-location-header :is(a, button, summary, [tabindex]:not([tabindex="-1"]), .elementor-menu-toggle):focus-visible,
html body .elementor-location-header .elementor-nav-menu a:focus-visible,
html body .elementor-location-footer .elementor-nav-menu a:focus-visible,
html body .elementor-location-footer :is(a, button, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
	outline: 2px solid #f2b544 !important;
	outline-offset: 2px !important;
	/* Ring erscheint sofort (Elementor ueberblendet sonst alle Eigenschaften) */
	transition-property: color, background-color, box-shadow, transform !important;
	border-radius: 3px;
}

/* Laptop-Breiten: Sieben Menuepunkte, Logo und beide Knoepfe passen nicht in eine Zeile.
 * WhatsApp zeigt hier nur das Symbol, der Name bleibt im aria-label. */
@media (min-width: 1281px) and (max-width: 1439.98px) {
	.elementor-location-header .rmh-kk--whatsapp { font-size: 0; gap: 0; padding: 14px; }
	.elementor-location-header .rmh-kk--whatsapp .rmh-kk__symbol { width: 22px; height: 22px; }
}