:root{--b:#0b3d91;--b2:#1e63d6;--bl:#eaf1fc;--g:#c8e04a;--t:#14213d}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--t);background:#f6f8fc}
header{background:var(--b);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-wrap:wrap;gap:8px}
.logo{font-weight:800;display:flex;gap:10px;align-items:center}nav a{color:#dbe6ff;margin-left:16px;text-decoration:none;font-size:15px}
.btn{display:inline-block;padding:13px 22px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid #fff;color:#fff;font-size:16px;cursor:pointer;background:transparent}
.btn.p{background:var(--g);border-color:var(--g);color:#0b2a63}.btn.s{background:#fff;color:var(--b);border-color:#fff}
.hero{position:relative;color:#fff;padding:70px 24px;background:linear-gradient(rgba(8,40,100,.55),rgba(8,40,100,.7)),url(img/foto6.jpg) center/cover;text-align:center}
.hero h1{margin:0 0 8px;font-size:clamp(26px,5vw,48px)}.hero p{margin:4px 0 22px;font-size:18px}
.hero .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ball{position:absolute;right:5%;top:20px;opacity:.9}
section{padding:36px 20px;max-width:1100px;margin:auto}h2{color:var(--b)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid img{width:100%;height:190px;object-fit:cover;border-radius:14px}
.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0b3d9122}
footer{background:var(--b);color:#cfe0ff;padding:20px;text-align:center;font-size:14px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tab{padding:10px 16px;border-radius:999px;background:#fff;border:2px solid var(--b);color:var(--b);font-weight:700;font-size:14px}.tab.a{background:var(--b);color:#fff}
table.cal{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;font-size:14px}
.cal th{background:var(--bl);color:var(--b);padding:8px}.cal td{border-top:1px solid #e3e9f5;height:34px;padding:2px 6px;text-align:center;border-left:1px solid #e3e9f5}.cal td.h{width:60px;color:#667;background:#fafbfe}
.bk{background:#cfe0ff;color:#0b3d91;border-radius:6px;font-size:12px;padding:3px;font-weight:600}.an{background:#e5e5e5;color:#555}.vz{background:#ffd9a8;color:#7a3e00}.kd{background:#e7c8f5;color:#5b1d7a}.fr{background:#d8f5d0;color:#1d6a0e;cursor:pointer}.cl{background:#eee;color:#999}
.modal{background:#fff;border-radius:18px;padding:22px;max-width:460px;box-shadow:0 10px 40px #0b3d9155;border:1px solid #d5e0f5}
.modal label.o{display:block;border:2px solid #d5e0f5;border-radius:12px;padding:10px 12px;margin:8px 0;font-size:15px}.o.sel{border-color:var(--b2);background:var(--bl)}
.price{background:var(--bl);border-radius:12px;padding:10px 14px;font-size:14px}
input,select{width:100%;padding:12px;border:2px solid #d5e0f5;border-radius:10px;font-size:16px;margin:4px 0 12px}
.legend span{display:inline-block;margin-right:12px;font-size:13px}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:middle}
.info{background:#fff;border-left:5px solid var(--b2);padding:10px 14px;border-radius:8px;font-size:14px;margin:10px 0}
.note{background:#fff;border-left:5px solid var(--g);padding:12px 16px;border-radius:8px;margin:10px 0}
footer a{color:#fff;margin:0 6px}main.t{max-width:800px;margin:auto;padding:36px 20px}

.tcs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px;min-height:40px}
.tcb{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;border:2px solid;background:#0f2a1a;color:#4dff88;border-color:#22c55e}
.tcb .pkt{width:12px;height:12px;border-radius:50%;background:#39ff6a;box-shadow:0 0 6px 2px rgba(57,255,106,.8)}
.tcb.frei{animation:tcp 2.2s ease-in-out infinite}.tcb.frei .pkt{animation:tcd 2.2s ease-in-out infinite}
.tcb.bel{background:#2e0d0d;color:#ff9b9b;border-color:#ef4444}.tcb.bel .pkt{background:#ff3b3b;box-shadow:0 0 6px 2px rgba(255,59,59,.8)}
.tcb.zu{background:#2b3345;color:#c3cbda;border-color:#6b7690}.tcb.zu .pkt{background:#8d97ad;box-shadow:none}
@keyframes tcp{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
@keyframes tcd{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.tcb.frei,.tcb.frei .pkt{animation:none}}
.belegung{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.belegung .st{font-weight:800}.ok{color:#1d6a0e}.no{color:#a33}.small{font-size:13px;color:#556}