/* Barrierefreiheit: sichtbarer Tastaturfokus (WCAG 2.4.7) und Sprunglink */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #0b3d91 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #fff !important;
}
html.dark a:focus-visible, html.dark button:focus-visible, html.dark input:focus-visible,
html.dark select:focus-visible, html.dark textarea:focus-visible, html.dark summary:focus-visible {
  outline-color: #ffd54a !important;
  box-shadow: 0 0 0 2px #000 !important;
}
main:focus { outline: none !important; box-shadow: none !important; }

.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 1000;
  background: #fff; color: #111; font-size: 1.125rem; font-weight: 600;
  padding: 1rem 1.25rem; border: 3px solid #0b3d91; border-radius: .5rem; text-decoration: none;
}
.skip-link:focus { left: 1rem; top: 1rem; }

/* Kopfzeile: Menü mit Texten braucht Platz. Bis 1023 px Hamburger-Menü, Logo nie zusammenschieben. */
.rha-logo, .rha-logo .site-logo { flex-shrink: 0; }
@media (min-width: 768px) and (max-width: 1023px) {
  .rha-hauptmenue { display: none !important; }
  .rha-menuknopf { display: flex !important; }
}

/* Fusszeile: gut lesbar, sauberer Umbruch (zwei Zeilen, Teile brechen nie mitten im Namen) */
.rha-fusszeile { font-size: 1rem; line-height: 1.6; }
.rha-fusszeile p { margin: 0; }
.rha-fuss-2 { margin-top: .25rem !important; }
.rha-nowrap { white-space: nowrap; }
@media (max-width: 480px) { .rha-trenner { display: none; } .rha-fuss-1 span.rha-nowrap { display: block; } }

/* Karten (lokal, ohne Drittanbieter) */
.rha-karte-block { margin: 1.25rem 0 2rem; }
.rha-karte { width: 100%; height: 26rem; border-radius: .6rem; border: 1px solid #c9ced3; background: #dfe7ea; z-index: 0; }
@media (max-width: 640px) { .rha-karte { height: 22rem; } }
.rha-karte-fuss { margin: .5rem 0 0; font-size: 1rem; }
.rha-karte .rha-pin { background: none; border: 0; }
.rha-karte .leaflet-control-zoom a { width: 44px; height: 44px; line-height: 44px; font-size: 1.5rem; }
.rha-karte .leaflet-popup-content { font-size: 1rem; line-height: 1.45; }

/* Kartenkacheln: Beitragsstil (Bildabstände) darf die Kacheln nicht verschieben */
.rha-karte img.leaflet-tile { margin: 0 !important; max-width: none !important; border-radius: 0 !important; box-shadow: none !important; }
/* Umschalter Karte/Luftbild */
.rha-karte .rha-ebenen { display: flex; border: 0; box-shadow: 0 1px 5px rgba(0,0,0,.45); border-radius: .4rem; overflow: hidden; }
.rha-karte .rha-ebenen button { min-width: 5.2rem; min-height: 44px; padding: 0 .9rem; font-size: 1rem; font-weight: 600; background: #fff; color: #111; border: 0; cursor: pointer; }
.rha-karte .rha-ebenen button + button { border-left: 1px solid #c9ced3; }
.rha-karte .rha-ebenen button[aria-pressed="true"] { background: #167a5a; color: #fff; }
.rha-karte.rha-luft .leaflet-control-attribution { background: rgba(0,0,0,.6); color: #fff; }
.rha-karte.rha-luft .leaflet-control-attribution a { color: #fff; }