h1:where(.astro-3EF6KSR2) {
    font-size: 35px;
    font-weight: 700;
    line-height: 62px
}

h2:where(.astro-3EF6KSR2) {
    font-size: 30px;
    font-weight: 400;
    line-height: 41px
}

div:where(.astro-3EF6KSR2) {
    width: fit-content
}

header:where(.astro-3EF6KSR2) {
    color: #f8fbfd;
    display: flex;
    justify-content: center;
    padding-top: 27.25rem;
    padding-bottom: 7.125rem;
    overflow: hidden
}

.cells:where(.astro-3EF6KSR2) {
    position: absolute;
    top: 3rem;
    left: 3.563rem;
    width: auto;
    height: 47.188rem;
    z-index: -2
}

.gruppe:where(.astro-3EF6KSR2) {
    position: absolute;
    top: 5.375rem;
    left: 11.75rem;
    width: auto;
    height: 37.875rem;
    z-index: -1
}

.background:where(.astro-3EF6KSR2) {
    position: absolute;
    top: 0;
    height: 100%;
    width: 90vw;
    /*object-position: -20rem;*/
    object-fit: cover;
    z-index: -3;
    filter: blur(11px) brightness(1.15);
    -webkit-filter: blur(11px) brightness(1.15);
    transform: scale(1.3);
    -webkit-transform: scale(1.3)
}

.header-text {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media only screen and (min-width: 1030px) {
    h1:where(.astro-3EF6KSR2) {
        font-size: 60px;
        line-height: 82px
    }

    /*.background:where(.astro-3EF6KSR2) {*/
    /*    width: auto;*/
    /*    height: 100vh;*/
    /*    object-position: center;*/
    /*    left: 0;*/
    /*    top: -8rem;*/
    /*    transform: scale(1.1);*/
    /*    -webkit-transform: scale(1.1)*/
    /*}*/

    .cells:where(.astro-3EF6KSR2) {
        top: 2.313rem;
        left: 43.688rem;
        width: auto;
        height: 69.5rem
    }

    .gruppe:where(.astro-3EF6KSR2) {
        top: 1.813rem;
        left: 54.438rem;
        width: auto;
        height: 44.625rem;
        z-index: 10
    }

    header:where(.astro-3EF6KSR2) {
        display: block;
        padding-top: 29rem;
        padding-bottom: 6.688rem;
        padding-left: 1rem;
        padding-right: 1rem;
        overflow-y: visible;
        overflow-x: clip
    }
}

@media only screen and (min-width: 1300px) {
    .background:where(.astro-3EF6KSR2) {
        width: 100vw;
        height: auto
    }

    .header-text {
        padding-left: 20rem;
        padding-right: 1rem;
    }
}

@media screen and (min-width: 1200px) {
    .cells:where(.astro-3EF6KSR2) {
        left: 53.688rem;
        height: 72.5rem
    }

    .gruppe:where(.astro-3EF6KSR2) {
        left: 63.438rem;
        height: 47.625rem
    }
}

html {
    margin: 0;
    padding: 0
}
