:root{--green:#0f766e;--light:#ecfdf5;--dark:#0f172a;--muted:#64748b;--red:#dc2626;--border:#e2e8f0;--bg:#f8fafc;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--dark)}a{color:var(--green);text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:22px}.header{background:linear-gradient(135deg,#0f766e,#16a34a);color:white;padding:28px 22px}.header h1{margin:0 0 6px;font-size:30px}.header p{margin:0;opacity:.92}.card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:20px;margin:18px 0;box-shadow:0 8px 20px rgba(15,23,42,.05)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stat{padding:18px;border-radius:14px;background:var(--light);border:1px solid #bbf7d0}.stat b{font-size:24px;display:block;margin-top:6px}.btn{display:inline-block;background:var(--green);color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.btn.secondary{background:#334155}.btn.danger{background:var(--red)}.btn.light{background:#e2e8f0;color:#0f172a}input,select,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:white;margin-top:6px}label{font-weight:700;font-size:14px}textarea{min-height:90px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{background:#f1f5f9}.badge{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.paid{background:#dcfce7;color:#166534}.open{background:#fee2e2;color:#991b1b}.requested{background:#fef9c3;color:#854d0e}.confirmed{background:#dbeafe;color:#1d4ed8}.cancelled{background:#e2e8f0;color:#475569}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.small{font-size:13px;color:var(--muted)}.calendar-wrap{overflow:hidden}.fc .fc-toolbar-title{font-size:20px!important}.login{max-width:430px;margin:60px auto}.checkbox-list label{display:flex;gap:9px;align-items:center;font-weight:400;margin:7px 0}.checkbox-list input{width:auto;margin:0}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px;border-radius:12px;margin:12px 0}

.price-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:14px}.price-row{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid var(--border);background:#fff}.price-row:last-child{border-bottom:none}.price-row.total{background:var(--light);font-weight:700}.terms-box{max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:#f8fafc;padding:14px;font-size:13px;line-height:1.45;white-space:normal;margin-bottom:12px}.confirm-box{display:flex;gap:10px;align-items:flex-start;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;padding:12px;margin:10px 0 14px}.confirm-box input{width:auto;margin-top:2px}


/* Logo und mobile Optimierung */
.header{padding:20px 0}.header-inner{display:flex;align-items:center;gap:16px}.brand-logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.18);flex:0 0 auto}.brand-logo img{max-width:62px;max-height:62px;display:block}.booking-form-card{scroll-margin-top:12px}.fc .fc-daygrid-day.fc-day-today{background:#ecfdf5}.fc .fc-highlight,.fc .selected-booking-date{background:rgba(15,118,110,.24)!important}.fc .fc-daygrid-day-number{font-weight:700}.fc-event-title{font-weight:700}.fc .fc-button{background:var(--green)!important;border-color:var(--green)!important;border-radius:9px!important;padding:7px 10px!important}.fc .fc-toolbar{gap:10px;flex-wrap:wrap}.fc .fc-toolbar-title{line-height:1.2}.booking-form-card input:focus,.booking-form-card textarea:focus,.booking-form-card select:focus{outline:3px solid rgba(15,118,110,.22);border-color:var(--green)}

@media (max-width: 760px){
  .container{padding:14px}.header{padding:16px 0}.header-inner{align-items:flex-start;gap:12px}.brand-logo{width:58px;height:58px;border-radius:14px}.brand-logo img{max-width:50px;max-height:50px}.header h1{font-size:22px;line-height:1.15}.header p{font-size:14px}.grid{grid-template-columns:1fr;gap:10px}.card{padding:15px;border-radius:14px;margin:12px 0}.row{grid-template-columns:1fr;gap:10px}.btn{width:100%;text-align:center;padding:13px 14px}.nav .btn{width:auto}.fc .fc-toolbar{display:grid;grid-template-columns:1fr;justify-items:stretch}.fc .fc-toolbar-chunk{display:flex;justify-content:center;flex-wrap:wrap;margin:2px 0}.fc .fc-toolbar-title{font-size:18px!important;text-align:center}.fc .fc-daygrid-day-number{font-size:13px}.fc .fc-daygrid-event{font-size:11px;white-space:normal}.terms-box{max-height:220px;font-size:12px}.price-row{font-size:14px}.table{display:block;overflow-x:auto;white-space:nowrap}input,select,textarea{font-size:16px;padding:12px}label{font-size:14px}.confirm-box{font-size:13px;line-height:1.35}.small{font-size:12px}}

@media (max-width: 390px){.brand-logo{width:50px;height:50px}.brand-logo img{max-width:43px;max-height:43px}.header h1{font-size:19px}.fc .fc-button{font-size:12px!important;padding:6px 8px!important}.card h2{font-size:20px}}

.legend{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.legend span{background:white;border:1px solid var(--border);border-radius:999px;padding:7px 11px;font-size:13px}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}.dot.free{background:#22c55e}.dot.requested{background:#f59e0b}.dot.booked{background:#dc2626}.dot.blocked{background:#6b7280}.brand-logo{width:46px!important;height:46px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.brand-logo img{width:46px!important;height:46px!important;object-fit:contain!important}.table input{min-width:90px}.print-page h1,.print-page h2{color:#0f172a}@media (max-width:760px){.brand-logo{width:38px!important;height:38px!important}.brand-logo img{width:38px!important;height:38px!important}.header-inner{align-items:center}.legend{gap:6px}.legend span{font-size:12px;padding:6px 8px}}