.fullscreen-div {
    width: 100vw;  /* 100% der Viewport-Breite */
    height: 100vh; /* 100% der Viewport-Höhe */
}

.iframe-container {
    display: flex;
    flex-wrap: wrap;  /* Damit die iframes in die nächste Zeile rutschen, falls kein Platz */
    gap: 10px;        /* Abstand zwischen den iframes */
    justify-content: center; /* Falls nicht alle iframes reinpassen, zentriert */
    border: none;
    margin: 0;
    padding: 0;
}

#card {
    flex: 1 1 410px;
    border: none; /* Entfernt den Rand */
    display: block; /* Verhindert zusätzlichen Abstand */
    width: 100%; /* Volle Breite */
    height: 100vh; /* Volle Höhe des Viewports */
}

#nextcloud {
    flex: 1 1 410px;
    border: none; /* Entfernt den Rand */
    display: block; /* Verhindert zusätzlichen Abstand */
    width: 100%; /* Volle Breite */
    height: 100vh; /* Volle Höhe des Viewports */
}

#dashboard {
    flex: 1 1 410px;
    border: none; /* Entfernt den Rand */
    display: block; /* Verhindert zusätzlichen Abstand */
    width: 100%; /* Volle Breite */
    height: 100vh; /* Volle Höhe des Viewports */
}