#dialog1 {
    width: 400px; /* Breite festlegen */
    height: 80vh; /* Höhe festlegen */
    border: 0px solid #333; /* Rahmenfarbe und -stärke */
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-radius: 8px; /* Ecken abrunden */
    padding: 20px; /* Innenabstand */
    overflow-y: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* Optional: Backdrop (Hintergrund) stylen */
#dialog1::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}


#dialog2 {
    width: 400px; /* Breite festlegen */
    height: 80vh; /* Höhe festlegen */
    border: 0px solid #333; /* Rahmenfarbe und -stärke */
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-radius: 8px; /* Ecken abrunden */
    padding: 20px; /* Innenabstand */
    overflow-y: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* Optional: Backdrop (Hintergrund) stylen */
#dialog2::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}


#dialog3 {
    width: 400px; /* Breite festlegen */
    height: 80vh; /* Höhe festlegen */
    border: 0px solid #333; /* Rahmenfarbe und -stärke */
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-radius: 8px; /* Ecken abrunden */
    padding: 20px; /* Innenabstand */
    overflow-y: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* Optional: Backdrop (Hintergrund) stylen */
#dialog3::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}