/* ==========================================================================
   COOKIE-EINSTELLUNGEN (Footer-Link) & ZWEI-KLICK-KARTE
   Gehört zu consent.js – auf allen Unterseiten eingebunden.
   ========================================================================== */

/* Link „Cookie-Einstellungen“ im Footer: übernimmt die Optik der Nachbarlinks */
.lrh-cookie-link {
  cursor: pointer;
}

/* Platzhalter für Google Maps bis zum Klick */
.lrh-embed {
  position: relative;
  width: 100%;
  min-height: 320px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  background-color: #f6edf3;
  background-image:
    linear-gradient(rgba(143, 55, 119, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143, 55, 119, 0.06) 1px, transparent 1px);
  background-size: 32px 32px;
  color: #4a3e4d;
  text-align: center;
  font-family: inherit;
}
.lrh-embed--gross {
  min-height: 450px;
}
.lrh-embed__inhalt {
  max-width: 440px;
  background: #ffffff;
  border: 1px solid #ebdbe6;
  border-radius: 10px;
  padding: 24px 22px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.lrh-embed__titel {
  font-weight: 700;
  font-size: 1.05rem;
  margin: 0 0 8px;
  color: #333333;
}
.lrh-embed__text {
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0 0 16px;
  color: #555555;
}
.lrh-embed__text a {
  color: #8f3777;
}
.lrh-embed .lrh-embed__btn {
  display: inline-block;
  background-color: #8f3777;
  color: #ffffff;
  border: 0;
  border-radius: 6px;
  padding: 12px 22px;
  font: inherit;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.lrh-embed .lrh-embed__btn:hover,
.lrh-embed .lrh-embed__btn:focus-visible {
  background-color: #732a5f;
}
.lrh-embed .lrh-embed__btn:focus-visible {
  outline: 2px solid #8f3777;
  outline-offset: 3px;
}
.lrh-embed.is-geladen {
  padding: 0;
  background: none;
  display: block;
}
.lrh-embed__frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: 0;
}

/* Eltern wie .map-section setzen line-height: 0 – Text im Platzhalter absichern */
.lrh-embed,
.lrh-embed * {
  line-height: 1.5;
}
.lrh-embed.is-geladen {
  line-height: 0;
}

/* Wanderseite: Kartenbox im Raster, grüne Themenfarbe */
.page-wandern .karte .lrh-embed {
  min-height: 380px;
  border-radius: 8px;
  background-color: #e3eee8;
  background-image:
    linear-gradient(rgba(0, 83, 45, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 83, 45, 0.07) 1px, transparent 1px);
  overflow: hidden;
}
.page-wandern .karte .lrh-embed.is-geladen {
  min-height: 0;
  background: none;
}
.page-wandern .lrh-embed__inhalt {
  border-color: #cfe0d6;
}
.page-wandern .lrh-embed__text a {
  color: #00532d;
}
.page-wandern .lrh-embed .lrh-embed__btn {
  background-color: #00532d;
}
.page-wandern .lrh-embed .lrh-embed__btn:hover,
.page-wandern .lrh-embed .lrh-embed__btn:focus-visible {
  background-color: #003b20;
}
.page-wandern .lrh-embed .lrh-embed__btn:focus-visible {
  outline-color: #00532d;
}
@media (max-width: 720px) {
  .page-wandern .karte .lrh-embed {
    min-height: 320px;
  }
}

/* ==========================================================================
   STARTSEITE (Split-Screen): Impressum & Cookie-Einstellungen
   Ab 1024px liegen die Links unten links über dem Bild (Bildschirm = 100vh),
   darunter als schmale Fußzeile unter den gestapelten Panels.
   ========================================================================== */
.lrh-start-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 22px;
  padding: 16px 20px;
  background-color: #2b2329;
  font-size: 0.85rem;
  line-height: 1.5;
}
.lrh-start-footer a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
}
.lrh-start-footer a:hover,
.lrh-start-footer a:focus-visible {
  color: #ffffff;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .page-startseite {
    position: relative;
  }
  .lrh-start-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 6;
    justify-content: flex-start;
    padding: 14px 24px;
    background: none;
    font-size: 0.8rem;
  }
  .lrh-start-footer a {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  }
}