:root{
    --maps-height: 785px;
}

[data-type="standort"] .title-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

[data-type="standort"]{ 
    position: relative;
    padding-bottom: var(--section-padding-large);
    padding-top: var(--section-padding)
}

[data-type="standort"] .map-wrapper{
    min-height: calc(var(--maps-height) - var(--section-padding-large) - var(--section-padding));
}

[data-type="standort"] .map{
    position: absolute;
    top: /* calc(-1 * var(--section-padding)) */ 0;
    height: var(--maps-height);
    width: calc(((100dvw - var(--container-width)) / 2) + ((var(--container-width) - (var(--gap) * 2)) / 80 * 53) );
    /* width: calc(((100dvw - var(--container-width)) / 2) + 100% + (var(--gap) / 2)); */
}

[data-type="standort"] a,
[data-type="standort"] a:link,
[data-type="standort"] a:visited{
    text-decoration: none;
    transition: 250ms ease-in-out;
}

[data-type="standort"] a:hover{
    filter: brightness(2);
}

[data-type="standort"] .inhalt{
    font-size: var(--h3-size-default-font);
}

@media only screen and (max-width: 1199.98px) {
    [data-type="standort"] .map{
        width: 100dvw;
        left: 0;
        z-index: 0;
        height: 100%;
    }

    [data-type="standort"] .inhalt-wrapper{
        position: absolute;
        z-index: 1;
        left: var(--gap);
        top: var(--section-padding);
        padding: var(--gap);
    }

    [data-type="standort"] .inhalt-wrapper::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--light-gray);
        opacity: 0.9;
        z-index: -1;
    }
}

@media only screen and (min-width: 1023.98px) and (max-width: 1199.98px){
    [data-type="standort"] .inhalt {
        font-size: 15px;
    }  
}