/* Frame-Spacing Anpassungen - HOHE SPEZIFITÄT */
/* Garantiert funktionierend - überschreibt Bootstrap Package */

/* Lösung 1: Direkte Frame-Klasse mit !important */
.frame {
    --frame-spacing: 1.5rem !important;  /* 24px statt 28px */
}

/* Responsive Anpassungen mit hoher Spezifität */
@media (min-width: 576px) {
    .frame {
        --frame-spacing: 1.65rem !important;  /* 26.4px statt 33.6px */
    }
}

@media (min-width: 768px) {
    .frame {
        --frame-spacing: 1.8rem !important;   /* 28.8px statt 36.4px */
    }
}

@media (min-width: 992px) {
    .frame {
        --frame-spacing: 1.9rem !important;   /* 30.4px statt 39.2px */
    }
}

@media (min-width: 1200px) {
    .frame {
        --frame-spacing: 2rem !important;     /* 32px statt 42px */
    }
}

/* Lösung 2: Falls CSS-Variablen nicht funktionieren - direkte Padding-Überschreibung */
.frame {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

@media (min-width: 576px) {
    .frame {
        padding-top: 1.65rem !important;
        padding-bottom: 1.65rem !important;
    }
}

@media (min-width: 768px) {
    .frame {
        padding-top: 1.8rem !important;
        padding-bottom: 1.8rem !important;
    }
}

@media (min-width: 992px) {
    .frame {
        padding-top: 1.9rem !important;
        padding-bottom: 1.9rem !important;
    }
}

@media (min-width: 1200px) {
    .frame {
        padding-top: 2rem !important;    /* 32px statt 42px */
        padding-bottom: 2rem !important; /* 32px statt 42px */
    }
}

/* Lösung 3: Maximale Spezifität für hartnäckige Fälle */
html body .frame,
html body .frame-size-default {
    --frame-spacing: 2rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/* Small Frame auch anpassen */
.frame-size-small {
    --frame-spacing: 1rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Spezifische Content Block Anpassungen */
.frame[id*="poerner2025_"],
.frame[id*="ButtonRow"] {
    --frame-spacing: 1.5rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

@media (min-width: 1200px) {
    .frame[id*="poerner2025_"],
    .frame[id*="ButtonRow"] {
        --frame-spacing: 2rem !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}