body{font-family:sans-serif}.legend{display:flex;gap:24px;font-family:sans-serif}.legend-item{display:flex;align-items:center}.legend-color{width:18px;height:18px;border-radius:50%;display:inline-block;margin-right:8px}.legend-label{font-size:18px}.vor_zurueck{font-size:xxx-large!important;cursor:pointer}.frei_td{color:#2b2a2a;font-weight:700}.belegt_td{text-decoration:line-through;color:#757575 !important;font-weight:400 !important}.gruen{background:#8eb694}.gelb{background:#fbdfa2}.rot{background:#fa9da6}.multi_gruen_rot{background:linear-gradient(to right,#8eb694 0%,#fa9da6 100%)}.multi_rot_gruen{background:linear-gradient(to right,#fa9da6 0%,#8eb694 100%)}.multi_rot_rot{background:linear-gradient(to right,#fa9da6 0%,#fa9da6 100%)}.multi_gruen_gruen{background:linear-gradient(to right,#8eb694 0%,#8eb694 100%)}.multi_gelb_gelb{background:linear-gradient(to right,#fbdfa2 0%,#fbdfa2 100%)}.multi_gelb_gruen{background:linear-gradient(to right,#fbdfa2 0%,#8eb694 100%)}.multi_gruen_gelb{background:linear-gradient(to right,#8eb694 0%,#fbdfa2 100%)}.multi_gelb_rot{background:linear-gradient(to right,#fbdfa2 0%,#fa9da6 100%)}.multi_rot_gelb{background:linear-gradient(to right,#fa9da6 0%,#fbdfa2 100%)}.tbl_calender{padding:20px;text-align:center;border:none;border-spacing:5px;width:auto;margin:auto}.Kalender_td{padding:10px;border:solid 0px #fff;color:#2b2a2a;font-weight:700;font-size:20px}.Kalender_legende{padding:10px;border:solid 1px #fff;color:#2b2a2a}#Kalender_container{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin:0 auto;max-width:100%;padding:20px;box-sizing:border-box}.tbl_calender_monat{font-weight:700;text-align:center;font-size:larger}.tbl_calender_wochentage{color:grey}.flex-direction{flex-direction:row}.rund{border-radius:50px;width:2px}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;width:80%;max-width:700px;font-size:medium;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.3);z-index:1000}.popup.show{display:block}.close-btn{position:absolute;top:10px;right:15px;font-size:2rem;cursor:pointer;font-weight:700}#Kalender2{margin-left:30px}.container{display:flex;flex-wrap:wrap;gap:20px}.box{flex:1;text-align:left;font-size:medium;min-width:40%}#Kalender2{display:inline}.loader-overlay{position:absolute;bottom:0;left:0;width:100%;height:78%;background-color:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;z-index:10;display:none}.loader-content{text-align:center;font-family:sans-serif}.spinner{width:40px;height:40px;margin:0 auto;border:6px solid #ccc;border-top-color:#2c3e50;border-radius:50%;animation:spin 1s linear infinite}.loader-text{margin-top:10px;font-size:1rem;color:#333}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){#popup{width:70%;font-size:.8rem}#Kalender2{display:none!important}.container{flex-direction:column}#legende{flex-direction:column}.datum_box{font-size:.8rem}.legend{display:flex;gap:8px;font-family:sans-serif}}