/* Effektgruppe: layout/utilities; Reihenfolge in inc/assets.php. */
/* breakout session */

/* Gilt nur für Desktop (ab 1025px) */
@media (min-width: 1025px) {

    .custom-breakout-left > .kt-row-column-wrap {
        display: flex !important;
        justify-content: center;
        overflow: visible !important;
    }

    /* Linke Spalte (Bild-Spalte) */
    .custom-breakout-left > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
        /* Breite: 50% vom Bildschirm oder max 1000px */
        width: min(50vw, 1000px) !important;
        flex: 0 0 min(50vw, 1000px) !important;
        
        /* Positionierung an der Mittellinie */
        margin-left: calc(50% - min(50vw, 1000px)) !important;
        margin-right: 0 !important;
        z-index: 1;
    }

    /* Rechte Spalte (Text) */
    .custom-breakout-left > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 645px !important; 
        z-index: 2;
    }

}

/* Klasse für die Kadence Spalte */
.sticky-button-column > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: flex-start;
}

/* Der Button-Wrapper (kb-buttons-wrap) wird nach unten gedrückt */
.sticky-button-column > .kt-inside-inner-col > .kb-buttons-wrap {
    margin-top: auto !important;
}