.text-block.block.bd-text-code {
    margin-block: 3rem;
}

.bd-text-code__inner {
    display: flex;
    flex-wrap: wrap;
}

/* Vertikale Ausrichtung */
.bd-text-code.align-top .bd-text-code__inner {
    align-items: flex-start;
}

.bd-text-code.align-center .bd-text-code__inner {
    align-items: center;
}

.bd-text-code.align-bottom .bd-text-code__inner {
    align-items: flex-end;
}

/* Gap zwischen Code und Text */
.bd-text-code.gap-small .bd-text-code__inner {
    gap: 1rem;
}

.bd-text-code.gap-medium .bd-text-code__inner {
    gap: 2rem;
}

.bd-text-code.gap-large .bd-text-code__inner {
    gap: 3rem;
}

.bd-text-code__media {
    max-width: 100%;
}

.bd-text-code__media iframe {
    width: 100%;
    height: 500px;
    display: block;
    border: none;
}

/* Responsives Verhalten */
@media (max-width: 768px) {
    .bd-text-code__media,
    .bd-text-code__content {
        width: 100% !important; /* Volle Breite auf kleinen Bildschirmen */
    }

    .bd-text-code__inner {
        flex-direction: column;
        gap: 1.5rem !important; /* Einheitlicher Abstand auf mobilen Geräten */
    }
}