body { margin:0; background:#0e4f52; font-family:Arial; text-align:center; }
.calendar { position:relative; width:430px; margin:20px auto; }
.calendar-img { width:100%; display:block; }

.door { position:absolute; width:18%; height:10%; cursor:pointer; }

.door24 { top:6.3%; left:50%; transform:translateX(-50%); width:22%; height:11%; }
.door1{top:20.5%;left:35.5%}
.door2{top:20.5%;left:57.5%}
.door3{top:31.4%;left:29.5%}
.door4{top:31.4%;left:45.7%}
.door5{top:31.4%;left:61.5%}
.door6{top:42.3%;left:23%}
.door7{top:42.3%;left:39.5%}
.door8{top:42.3%;left:55.5%}
.door9{top:42.3%;left:71.5%}
.door10{top:53.2%;left:20%}
.door11{top:53.2%;left:32.8%}
.door12{top:53.2%;left:45.8%}
.door13{top:53.2%;left:58.8%}
.door14{top:53.2%;left:71.8%}
.door15{top:64.2%;left:8%}
.door16{top:64.2%;left:20%}
.door17{top:64.2%;left:34%}
.door18{top:64.2%;left:56%}
.door19{top:64.2%;left:68%}
.door20{top:64.2%;left:80%}
.door21{top:75.5%;left:34.5%}
.door22{top:75.5%;left:50%}
.door23{top:75.5%;left:65.7%}

.modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,0.6); z-index:2000; }
.modal-box { background:white; padding:20px; border-radius:10px; width:300px; }
.round-btn {
 display:inline-flex; align-items:center; justify-content:center;
 margin:10px; background:#1f8a99; color:white;
 border-radius:50%; width:90px; height:90px;
 font-size:16px; cursor:pointer;
}
.close-btn, .send-btn { width:100%; padding:12px; margin-top:10px; cursor:pointer; }
/* hide small price buttons that liegen direkt unter dem Bild (erste Änderung) */
.calendar .price-container { display: none !important; }