/* ==============================================================
   Spacer – Custom Builder Element
   Vertikaler Abstand in 5 Stufen, responsiv.
   Desktop-first: Basiswerte gelten ab 960px, darunter überschreiben
   Tablet (≤959px) und Smartphone (≤767px) proportional kleiner.
   ============================================================== */

.mtg-spacer {
    width: 100%;
}

/* ── Desktop (≥960px) – Basiswerte ───────────────────────────── */
.mtg-spacer--klein      { height: 30px; }
.mtg-spacer--medium     { height: 50px; }
.mtg-spacer--standard   { height: 70px; }
.mtg-spacer--gross      { height: 90px; }
.mtg-spacer--sehr-gross { height: 120px; }

/* ── Tablet (≤959px) ─────────────────────────────────────────── */
@media (max-width: 959px) {
    .mtg-spacer--klein      { height: 22px; }
    .mtg-spacer--medium     { height: 38px; }
    .mtg-spacer--standard   { height: 52px; }
    .mtg-spacer--gross      { height: 68px; }
    .mtg-spacer--sehr-gross { height: 90px; }
}

/* ── Smartphone (≤767px) ─────────────────────────────────────── */
@media (max-width: 767px) {
    .mtg-spacer--klein      { height: 16px; }
    .mtg-spacer--medium     { height: 26px; }
    .mtg-spacer--standard   { height: 36px; }
    .mtg-spacer--gross      { height: 46px; }
    .mtg-spacer--sehr-gross { height: 60px; }
}