:root{--bg: #07080b;--fg: #f3f1ea;--leise: #9aa3a0;--akzent: #3fae5a;--glas: rgba(14, 17, 16, .72);--rand: rgba(255,255,255,.09);--schatten: 0 12px 34px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:Manrope,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}#hof{position:fixed;inset:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.lab-buehne{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;touch-action:none}.lab-canvas{display:block;width:100%;height:100%;cursor:grab}.lab-canvas:active{cursor:grabbing}.hof-leiste,.hof-karte,.hof-plan{background:var(--glas);border:1px solid var(--rand);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:var(--schatten)}.hof-marke{position:fixed;left:18px;top:14px;display:flex;align-items:center;gap:10px;pointer-events:none}.hof-marke img{width:54px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.hof-marke span{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;letter-spacing:.16em;font-size:15px;color:var(--fg);text-shadow:0 1px 8px rgba(0,0,0,.7)}.hof-ui{position:fixed;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));display:flex;justify-content:center;padding:0 16px;pointer-events:none}.hof-leiste{pointer-events:auto;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;max-width:100%}.hof-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 16px;border:0;border-radius:999px;background:none;font-weight:700;font-size:13px;letter-spacing:.03em;color:var(--fg);cursor:pointer;text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.hof-knopf:hover{background:#ffffff14}.hof-pfeil{padding:0;font-size:22px;font-weight:600}.hof-primaer{background:var(--akzent);color:#06100a}.hof-primaer:hover{background:#4cc069}.hof-aktuell{display:grid;min-width:210px;max-width:280px;padding:0 10px;text-align:center;line-height:1.2}.hof-aktuell-titel{font-weight:800;font-size:14px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hof-aktuell-art{font-size:11.5px;color:var(--leise);font-weight:600}#hof-plan-knopf[aria-expanded=true]{background:var(--fg);color:#0b0d0c}.hof-karte{position:fixed;left:20px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px);width:min(380px,calc(100vw - 40px));padding:18px 20px;border-radius:18px;animation:karte-ein .35s cubic-bezier(.2,.8,.2,1)}.hof-karte[hidden]{display:none}.hof-karte-art{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--akzent)}.hof-karte-titel{margin-top:4px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:28px;font-weight:800;letter-spacing:.01em;line-height:1.05}.hof-karte-text{margin-top:8px;font-size:14px;line-height:1.55;color:#d2d6d3}.hof-karte-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px}.hof-karte-aktionen:empty{display:none}.hof-plaetze{list-style:none;padding:0;margin-top:10px;display:grid;gap:4px}.hof-plaetze li{display:flex;gap:10px;align-items:baseline;font-size:14px}.hof-plaetze b{min-width:52px;font-size:12px;color:var(--leise);letter-spacing:.06em}@keyframes karte-ein{0%{opacity:0;transform:translateY(8px)}}.hof-plan{position:fixed;right:20px;top:20px;width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 120px);display:flex;flex-direction:column;border-radius:20px;padding:14px;z-index:3;animation:karte-ein .3s cubic-bezier(.2,.8,.2,1)}.hof-plan[hidden]{display:none}.hof-plan-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px}.hof-plan-titel{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;letter-spacing:.1em;font-size:15px}.hof-plan-zu{min-width:44px;min-height:44px;border:0;border-radius:999px;background:none;cursor:pointer;font-size:16px;color:var(--leise)}.hof-plan-svg{width:100%;height:auto;margin-top:8px;flex:none}.hof-plan-liste{list-style:none;padding:0;margin-top:10px;overflow-y:auto;display:grid;gap:2px}.hof-plan-liste button{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:none;cursor:pointer;text-align:left}.hof-plan-liste button span{font-weight:700;font-size:13.5px}.hof-plan-liste button small{font-size:11.5px;color:var(--leise);font-weight:600}.hof-plan-liste button:hover,.hof-plan-liste button.an{background:#3fae5a29}.plan-tisch{fill:#2a2f2c;stroke:#3c4440}.plan-flaeche{fill:#161a18;stroke:#2b312d}.plan-buehne{fill:#18233f;stroke:#2d4fa3}.plan-walk{fill:#6b1418}.plan-text{fill:#8c9692;font-size:13px;font-weight:700}.plan-punkt{cursor:pointer}.plan-punkt circle{fill:var(--fg);stroke:#07080b;stroke-width:3}.plan-punkt:hover circle,.plan-punkt:focus-visible circle,.plan-punkt.an circle{fill:var(--akzent)}.plan-punkt:focus{outline:none}.hof-fehlerbox{position:fixed;left:16px;right:16px;top:16px;z-index:10;padding:14px 18px;border-radius:12px;background:#2a1210;color:#ffd9d2;border:1px solid #7a2a1e;font:600 14px/1.45 Manrope,-apple-system,Arial,sans-serif}@media(max-width:640px){.hof-marke img{width:42px}.hof-ui{padding:0 10px}.hof-leiste{width:100%;justify-content:space-between}#hof-uebersicht{display:none}.hof-aktuell{min-width:0;flex:1}.hof-knopf{padding:0 10px}.hof-karte{left:10px;right:10px;width:auto;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 66px);padding:14px 16px}.hof-karte-titel{font-size:22px}.hof-karte-text{font-size:13px}.hof-plan{inset:auto 0 0;width:auto;max-height:78vh;border-radius:22px 22px 0 0;padding:12px 14px max(14px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.hof-karte,.hof-plan{animation:none}}