/*
Theme Name: coachlightv2
Theme URI: https://www.care4care-projekt.de/theme
Author: TH Luebeck - ISy
Author URI: https://www.care4care-projekt.de/
Description: responsive template for coaching platform
Version: 1.2.10
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: coachlightv2
Details URI: https://www.care4care-projekt.de/theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.calendar {
    width: 100%;
    border-collapse: collapse;
}

.calendar th, .calendar td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.calendar .entry-day {
    background-color: green;
    color: white;
    font-weight: bold;
}

.calendar {
    width: 100%; /* Anpassung der Breite */
    max-width: 800px; /* Maximale Breite, um den Kalender nicht zu breit zu machen */
    margin: 0 auto; /* Zentriert den Kalender */
    border-collapse: collapse; /* Entfernt doppelte Ränder */
}

.calendar th, .calendar td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}
.calendar-container {
    display: flex;
    justify-content: center; /* Zentriert den Kalender horizontal */
    align-items: center; /* Zentriert den Kalender vertikal */
    height: 100vh; /* Vollständige Höhe des Viewports */
}

.calendar {
    flex: 1; /* Kalender wächst, um den verfügbaren Platz zu nutzen */
    max-width: 100%; /* Maximale Breite des Kalenders */
}
.calendar {
    flex: 1; /* Kalender wächst, um den verfügbaren Platz zu nutzen */
    max-width: 100%; /* Maximale Breite des Kalenders */
}
/* Für große Bildschirme */
@media (min-width: 1024px) {
    .calendar {
        font-size: 16px; /* Größere Schrift für größere Bildschirme */
    }
}

/* Für mittelgroße Bildschirme */
@media (max-width: 1024px) and (min-width: 768px) {
    .calendar {
        font-size: 14px; /* Etwas kleinere Schrift */
    }
}

/* Für kleine Bildschirme */
@media (max-width: 768px) {
    .calendar {
        font-size: 12px; /* Kleinere Schrift für mobile Geräte */
    }
}
.calendar {
    position: relative; /* Erforderlich für z-index */
    z-index: 10; /* Höherer Wert stellt sicher, dass der Kalender oben angezeigt wird */
}
.calendar {
    transform: scale(0.8); /* Skaliert den Kalender auf 80% seiner Originalgröße */
    transform-origin: top left; /* Stellt sicher, dass die Skalierung vom oberen linken Eckpunkt ausgeht */
}