.elementor .e-e903f79{height:30rem;background-color:var(--erde);flex-direction:column;}.elementor .e-0963192{width:50%;padding:0px;background-color:var(--blush);flex-direction:column;justify-content:flex-start;selector {
  height: 100vh;      /* Nutzt die volle Bildschirmhöhe */
  overflow-y: auto;   /* Aktiviert den vertikalen Scrollbalken, wenn nötig */
  scrollbar-width: thin; /* Macht den Scrollbalken auf Firefox dezenter (optional) */
}
/* Layout für die Spalten */
.container {
display: flex;
height: 100vh; /* Gesamte Bildschirmhöhe */
}

.column {
flex: 1;
border: 1px solid #ccc;
}

/* Die magische Spalte */
.scrollable-column {
overflow-y: auto;       /* Macht nur diese Spalte scrollbar */
position: relative;     /* Bezugspunkt für Kindelemente */
display: flex;
flex-direction: column; /* Richtet den Inhalt vertikal aus */
}

.content {
flex: 1;                /* Füllt den Raum aus, drückt den Header nach unten */
}

/* Der fixierte Header unten */
.bottom-header {
position: sticky;
bottom: 0;              /* Klebt dauerhaft am unteren Rand der Spalte */
background-color: #333; /* Hintergrundfarbe wichtig, damit Text nicht durchscheint */
color: white;
padding: 15px;
z-index: 10;            /* Liegt immer über dem scrollenden Inhalt */
}\n}.elementor .e-28080cc{width:50%;padding:0px;background-color:var(--formdings-weiss);flex-direction:column;selector {
  height: 100vh;      /* Nutzt die volle Bildschirmhöhe */
  overflow-y: auto;   /* Aktiviert den vertikalen Scrollbalken, wenn nötig */
  scrollbar-width: thin; /* Macht den Scrollbalken auf Firefox dezenter (optional) */
}\n}.elementor .e-1801dc3{width:100%;padding:0px;flex-direction:row;}