/* Eigene Ergaenzungen zum uebernommenen onepage-Stylesheet. */

/* Lageplan statt der kaputten MapLibre-Einbindung des Originals.
   Bild liegt lokal, es werden keine Kartenkacheln vom Fremdserver geladen. */
.ott-map {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--one-kit-radius, 8px);
  text-decoration: none;
}
.ott-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ott-map__badge {
  position: absolute;
  left: 16px;
  bottom: 16px;
  max-width: calc(100% - 32px);
  padding: 10px 16px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.94);
  color: #2b2a2b;
  font-family: var(--font-kit-text-font);
  font-size: 15px;
  line-height: 1.35;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}
.ott-map__attr {
  position: absolute;
  right: 6px;
  bottom: 4px;
  font-family: var(--font-kit-text-font);
  font-size: 10px;
  color: #2b2a2b;
  background: rgba(255, 255, 255, 0.75);
  padding: 1px 5px;
  border-radius: 3px;
}

/* Hinweis unter dem Absende-Button. Steht im Original nicht, ist aber Pflicht:
   dort wird das Formular an Netlify Forms uebergeben (Art. 13 DSGVO). */
.ott-form-hinweis {
  margin: 16px auto 0;
  max-width: 560px;
  text-align: center;
  font-family: var(--font-kit-text-font);
  font-size: 13px;
  line-height: 1.5;
  color: inherit;
  opacity: 0.7;
}
.ott-form-hinweis a { color: inherit; }

/* Umschaltpunkt der Kopfzeile. onepage tauscht die Desktop-Leiste gegen
   Logo+Burger, sobald das Fenster schmaler als 993px ist — am Original
   ausgemessen (992 = Burger, 993 = Desktop). Beide Varianten liegen im Markup,
   sichtbar ist je nach Breite genau eine. */
.con-kit-molecule-header-v2-mobile-view { display: none; }

@media (max-width: 992px) {
  .con-kit-molecule-header-v2__atoms { display: none; }
  .con-kit-molecule-header-v2-mobile-view { display: flex; }
}

/* Das Burger-Panel haengt dauerhaft im Markup. Geschlossen muss es aus dem
   Layout verschwinden, sonst liegt das fixierte Overlay ueber der Seite. */
.con-kit-component-burger-menu { display: none; }
.con-kit-component-burger-menu.ott-menu-visible { display: block; }
html.ott-menu-open { overflow: hidden; }