[data-type="kontakt"] h2 {
    margin-bottom: calc(var(--gap) * 4);
}

[data-type="kontakt"] .contact-col{
    width: min(var(--col-width), 100%);
    margin-left: auto;
    margin-right: auto;
}

[data-type="kontakt"] .person-wrapper{
    display: flex;
    flex-direction: row;
    gap: calc(var(--gap) * 2);
}

[data-type="kontakt"] .person{
    width: 50%;
}

[data-type="kontakt"] .person strong{
    color: #1A1A18;
}

[data-type="kontakt"] .person img{
    aspect-ratio: 1/1;
    max-width: 100%;
    width: 175px;
    border-radius: 50%;
    margin-bottom: calc(var(--gap) * 2);
}

[data-type="kontakt"] .person a,
[data-type="kontakt"] .person a:visited,
[data-type="kontakt"] .person a:active{
    color: var(--font-color);
    text-decoration: none;
    transition: 250ms ease-in-out;
}

[data-type="kontakt"] .person a:hover{
    filter: brightness(2);
}

[data-type="kontakt"] .formular{
    margin-top: min(var(--section-padding), 90px);
}

[data-type="kontakt"] h3{
    font-family: var(--default-font);
    font-size: var(--special-h3-size);
    font-weight: var(--special-title-weight);
    color: #1A1A18;
    line-height: 1;
    margin-bottom: calc(var(--gap));
}

[data-type="kontakt"]:nth-child(even) input:not([type="range"]):not([id^="s-"]), 
[data-type="kontakt"]:nth-child(even) textarea, 
[data-type="kontakt"]:nth-child(even) select{
    background-color: #fff;
}

[data-type="kontakt"] .body.frontend .frm_button_submit{
    font-size: var(--button-font-size);
}

[data-type="kontakt"] .person .content p{
    margin-bottom: 0;
}

[data-type="kontakt"] .hide{
    display: none;
}

[data-type="kontakt"] .kontakt-section{
    padding-top: var(--section-padding);
}

[data-type="kontakt"] .we-col{
    padding: calc(var(--gap) * 2);
    background-color: var(--light-gray);
}

[data-type="kontakt"] .we-col.hidden_box{
    background-color: transparent;
    padding: 0;
}

[data-type="kontakt"] .preise h3,
[data-type="kontakt"] .freier-inhalt h3{
    font-family: var(--default-font);
    font-size: var(--h3-size-default-font);
    font-weight: 500;
    color: #1A1A18;
    line-height: 1;
    margin-bottom: calc(var(--gap) * 1.5)
}

[data-type="kontakt"] .preise strong,
[data-type="kontakt"] .freier-inhalt strong{
    color: #1A1A18;
}

@media only screen and (max-width: 1199.98px){

    [data-type="kontakt"] .themen-box .we-col{
        width: min(var(--col-width), 100%);
        margin: auto;
    }

    [data-type="kontakt"] .formular{
        margin-top: min(var(--section-padding), 90px);
    }

}

@media only screen and (min-width: 1023.98px) and (max-width: 1599.98px){
    [data-type="kontakt"] .formular{
        margin-top: min(var(--section-padding), 65px);
    }
}

@media only screen and (max-width: 575.98px){
    [data-type="kontakt"] .person-wrapper {
        flex-direction: column;
        gap: calc(var(--gap) * 3);
    }

    [data-type="kontakt"] .person{
        width: 375px;
        max-width: 100%;
    }
}