.calendar-page {
    width: auto; /* Ermöglicht dem Container, sich an den Inhalt anzupassen */
    max-width: 800px; /* Maximalbreite, angepasst an den Inhalt */
    min-height: 400px; /* Minimale Höhe, kann größer werden */
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-top: 1px dashed #ccc;
    position: relative;
    padding: 20px;
    margin: 10px auto; /* Zentriert den Container und fügt etwas Abstand oben und unten hinzu */
    overflow: auto; /* Fügt Scrollbars hinzu, wenn der Inhalt zu lang ist */
}

.calendar-page::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 10%;
    right: 10%;
    border-top: 1px dashed #ccc;
}