.karte-text-block {
    display: flex;
    gap: calc(3* var(--space));
    align-items: center;
    margin-bottom: calc(3* var(--space));
}

/* karte links / rechts */
.karte-text-block.is-reversed {
    flex-direction: row-reverse;
}

#map {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    border-radius: var(--border-radius);
    border: 2px solid var(--color-primary);
}

.karte-text-karte {
    flex: 2;
}

.karte-text-content {
    flex: 1;
}

.karte-text-block.is-full .karte-text-karte,
.karte-text-block.is-full .karte-text-content {
    flex: 0 0 100%;
}

/* Text Styling (optional) */
.karte-text-content {
    font-size: 18px;
    line-height: 1.6;
}

.marker {
    background-image: url('../img/Reasonbikes_Logo_v2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 70px;
    cursor: pointer;
}

.mapboxgl-control-container{
    display: none;
}

@media (max-width: 768px) {
    .karte-text-block {
        flex-direction: column !important;
        align-items: flex-start;
    }

    .karte-text-block.is-reversed {
        flex-direction: column-reverse !important;
    }

    /* 👉 DAS FEHLT */
    .karte-text-karte,
    .karte-text-content {
        flex: 0 0 100%;
        width: 100%;
    }
}