@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap";
.plannen-container{background-color:#0000;background-image:linear-gradient(#fde8f1 0%,#fbeef3 100%),url(https://www.transparenttextures.com/patterns/marble.png);background-position:0 0,0 0;background-repeat:repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1.5rem;font-family:Inter,system-ui,sans-serif;display:flex}.plannen-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #ffc0cb4d;border-radius:1.25rem;width:100%;max-width:600px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 16px #e91e6314}.plannen-card:hover{box-shadow:0 6px 20px #e91e6326}.plannen-title{color:#b23561;text-align:center;margin-bottom:.75rem;font-family:Playfair Display,serif;font-size:1.75rem}.plannen-description{text-align:center;color:#555;margin-bottom:1.5rem;font-size:.95rem}.plannen-price-container{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.plannen-price{color:#333;font-size:1.1rem;font-weight:600}.plannen-price span.line{color:#999;margin-right:6px;text-decoration:line-through}.plannen-price span.promo{color:#e91e63;font-weight:700}.plannen-duration{color:#888;font-size:.9rem}.timeslot-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.timeslot{cursor:pointer;color:#b23561;background:#ffffffe6;border:1px solid #ffb6c180;border-radius:.75rem;padding:.5rem;font-weight:500;transition:all .25s;box-shadow:0 2px 6px #0000000d}.timeslot:hover{background:linear-gradient(145deg,#fff,#fff5f8)}.timeslot.selected{color:#fff;background:linear-gradient(145deg,#e91e63,#f7cfdc);border-color:#e91e63;box-shadow:0 3px 10px #e91e6333}.plannen-button{color:#fff;letter-spacing:.3px;cursor:default;opacity:.7;background:linear-gradient(90deg,#e91e63,#f7cfdc);border:none;border-radius:.75rem;width:100%;padding:.9rem;font-weight:600;transition:all .3s;box-shadow:0 3px 10px #e91e631a}.plannen-button.active{opacity:1;cursor:pointer;background:linear-gradient(90deg,#d94a7a,#e91e63);box-shadow:0 4px 16px #e91e6340}.plannen-button.active:hover{transform:translateY(-2px)}@media (max-width:768px){.plannen-card{padding:1.5rem}.calendar-day{padding:.6rem .8rem;font-size:.85rem}}.calendar-wrapper{background:#ffffffbf;border:1px solid #ffb6c14d;border-radius:1rem;margin-bottom:2rem;padding:1.25rem;box-shadow:0 4px 14px #e91e630d}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.month-title{color:#b23561;text-transform:capitalize;letter-spacing:.3px;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.month-nav{color:#b23561;cursor:pointer;background:#e91e6314;border:none;border-radius:.6rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;transition:all .25s;display:flex}.month-nav:hover{color:#fff;background:#e91e63;transform:translateY(-1px)}.calendar-weekdays{text-align:center;color:#b23561;opacity:.9;grid-template-columns:repeat(7,1fr);margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-cell{color:#b23561;cursor:pointer;background:#ffffffd9;border:1px solid #ffc0cb66;border-radius:.75rem;padding:.8rem 0;font-weight:500;transition:all .25s;box-shadow:inset 0 -1px 2px #e91e630d}.calendar-cell:hover{background:linear-gradient(145deg,#fff,#fff5f8);box-shadow:0 2px 6px #e91e631a}.calendar-cell.selected{color:#fff;background:linear-gradient(145deg,#e91e63,#f7cfdc);border-color:#e91e63;font-weight:600;box-shadow:0 4px 12px #e91e6333}.calendar-cell.today{background:#e91e6314;border:2px solid #e91e63;font-weight:700}.calendar-cell.out-month{color:#aaa;cursor:default;opacity:1;background:#fff9;border-style:dashed}.calendar-cell.out-month:hover{box-shadow:none;background:#fff9}.confirmation-message{text-align:center;color:#b23561;background:#ffffffd9;border:1px solid #ffb6c166;border-radius:.75rem;margin-top:1rem;padding:.75rem;font-weight:600;box-shadow:0 3px 10px #e91e630d}.calendar-cell.closed-day{color:#bbb;cursor:default;background:#fff0f0b3;border:1px dashed #e91e634d;position:relative}.calendar-cell.closed-day:after{content:"✖";opacity:.5;font-size:.7rem;position:absolute;top:4px;right:6px}.calendar-cell.closed-day:hover{box-shadow:none;background:#fff0f0b3}.calendar-cell.past-day{color:#ccc;cursor:default;background:#fff5f5b3;border:1px dashed #e91e6340;position:relative}.calendar-cell.past-day:hover{box-shadow:none;background:#fff5f5b3;transform:none}.calendar-cell.past-day:after{content:"✖";opacity:.5;font-size:.7rem;position:absolute;top:4px;right:6px}.calendar-cell.today{color:#fff;background:#b235616b;border:2px solid #e91e63;font-weight:700;position:relative;box-shadow:0 2px 8px #e91e6326}.calendar-cell.today:after{color:#e91e63;opacity:.8;font-size:.65rem;font-weight:600;position:absolute;bottom:4px;right:6px}.calendar-cell.today:hover{cursor:default}