body {
    font-family: Arial, sans-serif;
}

.year-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px; /* Platz für den Kalender darunter */
}

.year-navigation h1 {
    margin: 0 20px; /* Abstand zwischen den Pfeilen und dem Titel */
    font-size: 2em;
}

.nav-arrow {
    font-size: 2em;
    cursor: pointer;
    padding: 0 10px;
    user-select: none; /* Verhindert, dass Pfeile auswählbar sind */
}

.nav-arrow:hover {
    color: #007BFF; /* Farbe beim Hover ändern */
}

.calendar-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* 12 Spalten für die Monate */
    grid-gap: 10px;
    padding: 10px;
}

.month-column {
    border: 1px solid #ccc;
}

.month-title {
    background-color: #f0f0f0;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

.day {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px;
    min-height: 50px;
}

.weekend {
    background-color: #c1def3; /* Blau für Wochenenden */
}

.holiday {
    background-color:#f96b5e; /* Gelb für Feiertage */
}

.course {
    border: 4px solid;
    padding: 3px;
/*    color: white; */
    margin-top: 5px;
}
.course a {
    color: inherit; /* übernimmt die Textfarbe des Elternelements */
    text-decoration: none;
}


.course a:hover {
    text-decoration: underline;
    color: black; /* Links sollen beim Hovern unterstrichen sein */
      /*  transition: ease-in-out 0.3s;*/
    /*font-size: 2em;*/
}

/* Farbliche Kennzeichnung der Kurse */

.course.HVA {                                          
    background-color: var(--course_HVA);
    color: var(--course_text_HVA);
    border-color: var(--course_text_HVA);
}  /* Beispiel für HVAC */
.course.SEC { 
    background-color: var(--course_SEC);
    color: var(--course_text_SEC);
    border-color: var(--course_text_SEC);
 }  /* Beispiel für SEC */
.course.BAS { 
    background-color: var(--course_BAS); 
    color: var(--course_text_BAS);
    border-color: var(--course_text_BAS);
}  /* Beispiel für  Basiskurse*/
.course.ADV { 
    background-color: var(--course_ADV); 
    color: var(--course_text_ADV);
    border-color: var(--course_text_ADV);
}  /* Beispiel für Aufbaukurse */
.course.BAc { 
    background-color: var(--course_BAc); 
    color: var(--course_text_BAS);
    border-color: var(--course_text_BAS);
}  /* Beispiel für  Basiskurse*/
.course.ADc { 
    background-color: var(--course_ADc); 
    color: var(--course_text_ADV);
    border-color: var(--course_text_ADV);
}  /* Beispiel für Aufbaukurse */
.course.X2B { 
    background-color: var(--course_X2B); 
    color: var(--course_text_X2B);
    border-color: var(--course_text_X2B);
}  /* Beispiel für Visualisierung */
.course.TUT { 
    background-color: var(--course_TUT); 
    color: var(--course_text_TUT);
    border-color: var(--course_text_TUT);
}  /* Beispiel für Ausbilder-Kurse */
.course.FAI { 
    background-color: var(--course_FAI); 
    color: var(--course_text_FAI);
    border-color: var(--course_text_FAI);
} /* Beispiel für Veranstaltungen */
.course.REF { 
    background-color: var(--course_REF); 
    color: var(--course_text_REF);
    border-color: var(--course_text_REF);
}  /* Beispiel für Sonnenschutz-Kurse */
.course.MET { 
    background-color: var(--course_MET); 
    color: var(--course_text_MET);
    border-color: var(--course_text_MET);
}  /* Beispiel für Sonnenschutz-Kurse */
.course.HAS { 
    background-color: var(--course_HAS); 
    color: var(--course_text_HAS);
}  /* Beispiel für Sonnenschutz-Kurse */
.course.SUN {
    background-color: var(--course_SUN);
    color: var(--course_text_SUN);
    border-color: var(--course_text_SUN);
}
 /* Beispiel für Sonnenschutz-Kurse */
.course.PRO { 
    background-color: var(--course_PRO); 
    color: var(--course_text_PRO);
    border-color: var(--course_text_PRO);
}  /* Beispiel für KNX-Professionals */
.course.REC { 
    background-color: var(--course_REC); 
    color: var(--course_text_REC);
    border-color: var(--course_text_REC);
}  /* Beispiel für Rekonstruktionskurse */
.course.VIS { 
    background-color: var(--course_VIS); 
    color: var(--course_text_VIS);
    border-color: var(--course_text_VIS);
}  /* Beispiel für Metering-Kurse */