.card-contact {
    padding: 2rem;
    display: flex;
    gap: 1rem;
}

.card-contact h3 {
    text-transform: uppercase;
}

.card-contact a {
    color: var(--asave-yellow);
}

.card-maps {
    display: block;
}

.card-maps address {
    margin-top: 1rem;
    font-style: normal;
}

.card-maps a {
    color: white;
    font-size: larger;
}

.card-maps strong {
    font-size: larger;
}

.header-contact {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/backgrounds/bg-anfragen.jpg');
}

@media (min-width: 900px) {
    .header-contact {
        width: 100%;
        background-position-y: -80px;
    }
}

@media (min-width: 1040px) {
    .header-contact {
        background-position-y: -180px;
    }
}