/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

.cover,
.cover-minimal {
    position: relative;
    scroll-margin-top: 9.2rem;
}

@media (min-width: 500px) {
    .cover,
    .cover-minimal {
        scroll-margin-top: 3.8rem;
    }
}

@media (min-width: 1050px) {
    .cover,
    .cover-minimal {
        scroll-margin-top: 0;
    }
}

.cover {
    min-height: 50vh;
    background-color: var(--color-lightgrey);
}

#news .cover {
    min-height: 46.5rem; /* newsletter registration */
}

@media (min-width: 1100px) and (min-height: 700px) {
    .cover {
        min-height: fit-content(70vh);
        height: 70vh;
    }
}

.cover.has-caption {
    padding-bottom: 5rem;
}

.associated-projects .cover {
    min-height: 30vh;
}

@media (min-width: 1000px) {
    .associated-projects .cover {
        min-height: 30vw;
        height: auto;
    }
}

@media (min-width: 1400px) {
    .associated-projects .cover {
        min-height: 20vw;
        height: auto;
    }
}

.cover + * {
    margin-top: 4.25rem;
}

.cover + .cover {
    margin-top: 0.1rem;
}

/* adjust whitespace below header on mimimal cover */
.cover-minimal + * {
    margin-top: 4.25rem;
}

.cover > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    text-indent: -1000rem;
    z-index: var(--z-index-overlay-middle);
}

.cover h2 {
    margin-right: var(--dynamic-spacing-inline-end);
    margin-left: var(--dynamic-spacing-inline-start);
}

/* Pictures */

.cover picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    aspect-ratio: unset;
}

.cover picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Team */

.cover.shows-team picture {
    background-color: #e08e29;
    background-repeat: no-repeat;
}

@media (min-width: 1100px) {
    .cover.shows-team picture {
        --focus-position: right bottom !important;
        background-size: contain !important;
    }

    .cover.shows-team picture img {
        object-fit: contain;
    }
}

/* Colors */

.cover[class*='color'] {
    color: #fff;
}

.cover.color-jeweled-peach {
    background-color: var(--color-jeweled-peach);
}

.cover.color-poseidon {
    background-color: var(--color-poseidon);
}

.cover.color-kensington-blue {
    background-color: var(--color-kensington-blue);
}

.cover.color-guilford-green {
    background-color: var(--color-guilford-green);
}

.cover.color-card-room-green {
    background-color: var(--color-card-room-green);
}