/*
 * Content auf Kontaktseite
 *
 *************************************************************************/

.gda-grid {
    margin-bottom: var(--padding__main);
}

.gda-content {
    margin-bottom: 0;
}

.gda-column.gda-overflow--hidden::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color__petrol);
    position: absolute;
    z-index: 1;
    mix-blend-mode: color;
}

.gda-column.gda-overflow--hidden .gda-box__wrapper {
    width: calc(100% - (var(--padding__main) * 2));
    float: right;
    margin: var(--padding__main);
    z-index: 2;
    position: relative;
}

.gda-contact__info {
    display: none;
    padding: 1em;
}

.gda-contact__info--success {
    background-color: var(--color__petrol);
}

.gda-contact__info--error {
    color: var(--color__light);
    background-color: var(--color__red);
}

.gda-form__checkbox-line > div {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.gda-form__checkbox-line {
    margin-top: 0.5rem;
    gap: 4rem;
}

.gda-form__checkbox-line input {
    width: 15px;
    margin: 0;
}

@media screen and (max-width: 400px) {
    .gda-form__checkbox-line {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
}

@media screen and (max-width: 959px) {
    .gda-column.gda-overflow--hidden {
        padding-bottom: 50vh;
    }
}

@media screen and (min-width: 1200px) {
    .gda-column.gda-overflow--hidden .gda-box__wrapper {
        width: 60%;
    }

    .gda-content--blue .gda-box__wrapper {
        padding: 0 5vw;
    }
}

@media screen and (min-width: 1600px) {
    .gda-column.gda-overflow--hidden .gda-box__wrapper {
        width: 50%;
    }
}