/* Sticky Spalte */
.cooler-sticky-effekt {
    position: sticky;
    top: 80px; /* Abstand von oben */
    height: auto;
    max-height: 80vh; /* Maximalhöhe, damit sie nicht zu groß wird */
    z-index: 99;
}

/* Fixierte Spalte */
.cooler-sticky-effekt.fixed {
    position: fixed;
    top: 20px; /* Abstand vom oberen Rand */
    z-index: 100;
    width: 100%;
    left: 0;
}

/* Platzhalter für die fixierte Spalte */
.cooler-sticky-effekt-placeholder {
    position: absolute; /* Aus dem normalen Layoutfluss entfernen */
    top: 0;
    left: 0;
    width: 100%;
    display: none; /* Standardmäßig unsichtbar */
}

/* Wenn die Spalte fixiert wird, zeigen wir den Platzhalter */
.cooler-sticky-effekt.fixed + .cooler-sticky-effekt-placeholder {
    display: block;
    height: 100%; /* Höhe der Spalte */
}

/* Container für die Spalten */
.cooler-sticky-effekt-container {
    display: flex; /* Flexbox Layout für Spalten */
}

/* Formular Spalte */
.formular-spalte {
    position: relative; /* Anpassen der Position */
    margin-left: 0;
    padding-left: 20px;
    width: 100%;
}