body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";}
.glass{backdrop-filter: blur(8px);}
/* ========== Mommelsteinlauf – Unterseiten-Styles (1:1 Breite & Layout) ========== */

/* Container exakt wie index (max-w-7xl ≈ 1280px, px-6/px-8 entspr. ~1.5–2rem) */
.container{
  max-width:1280px;
  margin:0 auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
}

/* Sektionen mit gleichem Scroll-Offset wie Header-Höhe */
.section{scroll-margin-top:96px;padding:48px 0}

/* Karten-Optik ähnlich der Startseite */
.card{
  background:#fff;
  border:1px solid #e5e7eb; /* slate-200 */
  border-radius:14px;
  padding:18px;
}

/* 2-Spalten-Layout – mobil untereinander, ab 768px nebeneinander */
.strecken-grid{
  display:grid;
  gap:24px;
  align-items:stretch; /* Equal height */
}
@media (min-width:768px){
  .strecken-grid{grid-template-columns:1fr 1fr;align-items:stretch}
}

/* Spalten-Equal-Height */
.strecken-grid>div{display:flex;flex-direction:column}
.strecken-grid .card{flex:1;text-align:center;font-size:0.95rem;display:flex;flex-direction:column;justify-content:center}

/* Streckenbilder: 60% Breite, zentriert, runde Ecken, Zoom-Cursor */
.strecken-grid img{
  width:60%;
  max-width:100%;
  margin:0 auto;
  display:block;
  border-radius:8px;
  cursor:zoom-in;
}

/* Lightbox – passend zur Optik der Seite */
#lightbox{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
  z-index:1000;
  align-items:center;
  justify-content:center;
  padding:20px;
}
#lightbox.active{display:flex}
#lightbox img{
  max-width:95%;
  max-height:95%;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.6);
}
/* === Wrapper-Klassen wie auf index.html (Tailwind-Äquivalente) === */
.mx-auto{margin-left:auto;margin-right:auto}
.max-w-7xl{max-width:1280px}
.px-4{padding-left:1rem;padding-right:1rem}
@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}