/* Allgemeines Block‑Styling */
.block {
  padding: 2em;
  margin: 1em 0;
  border: 1px solid #ccc;
  background: #fff;
}

/* Spezifische Block‑Varianten */
.block-1spaltig { /* kann extra Anpassungen bekommen */ }
.block-slider {
  /* z. B. eigener Hintergrund für Slider‑Abschnitt */
  background: #fafafa;
}
.block-tabs {
  /* z. B. etwas mehr Abstand in Tabs */
  background: #f9f9f9;
}
.block-2spaltig { /* Extra Grid‑Overrides falls nötig */ }
.block-default {
  /* Fallback‑Styling */
  background: #f0f0f0;
}

/* Container-Centering */
.container {
  max-width: 800px;
  margin: 0 auto;
}

/* Slider- und Tab‑Wrapper */
.slider,
.tabs {
  padding: 1em;
  border: 1px dashed #ddd;
}

/* Slider‑Bilder responsiv */
.slider img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0.5em;
}

/* Grid für 2‑Spalten‑Layout */
.grid {
  display: grid;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gap-6 {
  gap: 1.5rem;
}

/* Linke und rechte Spalte */
.left,
.right {
  padding: 1em;
}

/* Optional: Überschriften innerhalb der Blöcke */
.block h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}