/* Setzt den Hannergrond op schwaarz */
#bodydiv {
    background-color: black;
}

/* Haaptgitter fir den Layout */
.grid_container {
    display: grid;
    grid-template-columns: 5vw 40vw 40vw 5vw;
    grid-template-rows: 5vh 12vh 70vh;
    gap: 0;
    color: white;
    border: none;
}

/* Stiléiere vum Elfsight-App-Container */
.elfsight-app-5c5a6811-1a93-4ac8-9f33-bb6600ad56df {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    border-radius: 3vh;
    z-index: 1000;
}

/* Stiléiere vum Formulaire */
.form {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    padding: 0 1vw;
    border-radius: 3vh;
    z-index: 1;
}

/* Hannergrond vum Formulaire */
.form-back {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    margin-left: 10vw;
    margin-right: 10vw;
    padding-bottom: 2vh;
    border-radius: 3vh;
    z-index: -1;
}

/* Mobil Optimiséierung */
@media screen and (max-width: 750px) {
    .grid_container {
        grid-template-columns: 10vw 40vw 30vw 10vw 10vw;
        grid-template-rows: repeat(8, 10vh);
    }

    .elfsight-app-5c5a6811-1a93-4ac8-9f33-bb6600ad56df {
        grid-column: 2 / 5;
        grid-row: 9 / 10;
        width: 100%;
        max-width: 100%;
        z-index: -1;
    }

    .form {
        grid-column: 1 / 4;
        grid-row: 1 / 4;
        padding-left: 1vw;
        padding-right: 1vw;
        border-radius: 3vh;
        z-index: -1;
    }

    .form-back {
        grid-column: 1 / 4;
        grid-row: 1 / 4;
        margin-left: 10vw;
        margin-right: 10vw;
        padding-bottom: 2vh;
        border-radius: 3vh;
        z-index: -1;
    }
}
@media screen and (min-width: 2560px) {
    .elfsight-app-5c5a6811-1a93-4ac8-9f33-bb6600ad56df {
        zoom: 1.4; /* Für Chrome, Safari, Edge */
    }
    .form {
        zoom: 1.4; /* Für Chrome, Safari, Edge */
    }
}
@media screen and (min-width: 3840px) {
    .elfsight-app-5c5a6811-1a93-4ac8-9f33-bb6600ad56df {
        zoom: 2.3; /* Setzt den Zoom auf 230% */
    }
}