/* ==== Zentrierter Seiten‑Container ==== */
main {
  max-width: 900px;
  margin: 48px auto 0 auto;
  padding: 36px 28px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(0,0,0,.08);
  min-height: 60vh;
}

/* ==== Responsive Regeln ==== */
@media (max-width: 1000px) {
  main {
    max-width: 96vw;
    padding: 18px 6vw; /* mehr seitlicher Rand */
    margin-top: 14px; /* etwas weniger Platz oben */
  }
}

@media (max-width: 600px) {
  main {
    padding: 16px 7vw; /* deutlich mehr Rand links/rechts */
    border-radius: 8px;
    margin-top: 10px; /* weniger Raum zum Header */
  }
}

@media (max-width: 400px) {
  main {
    padding: 14px 8vw; /* angenehmer Außenabstand im sehr kleinen Format */
    border-radius: 6px;
    margin-top: 8px; /* minimaler oberer Abstand */
  }
}