:root{--sonne:#ff9a3c;--sonne-tief:#bd430b;--tinte:#2a2017;--weich:#6a5544;--frei:#168544;--belegt:#be2d25;--fehlt:#a45300;--blatt:#fffaf3;--f-anzeige:"Bricolage Grotesque","Trebuchet MS",sans-serif;--f-text:"Figtree","Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#f9dcb7,#fff4df 55%,#f8dfbd);color:var(--tinte);font-family:var(--f-text);line-height:1.5}main{max-width:1300px;margin:auto;padding:20px max(16px,env(safe-area-inset-right)) 32px}h1,h2,h3,.marke{font-family:var(--f-anzeige);line-height:1.12}h1{font-size:clamp(1.8rem,4vw,3rem);margin:.25em 0 .6em}h2{font-size:1.4rem}a{color:#934014}button,.knopf{font:700 1rem var(--f-text);border:1px solid #d89e65;border-radius:999px;background:linear-gradient(#ffcb75,#ff9b42);color:#311b0b;padding:11px 18px;min-height:46px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.knopf:hover{filter:brightness(1.04)}button:disabled{opacity:.5;cursor:default}.leise{background:#f6ead9}.kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px max(20px,calc((100vw - 1260px)/2));background:#fffaedcf;flex-wrap:wrap}.marke{text-decoration:none;color:var(--tinte);font-weight:800}.sonne{color:#c85813;font-size:2.4rem}.anmeldung .sonne{font-size:4rem}.augenbraue{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.titelzeile,.tagzeile,.monat,.zeile{display:flex;align-items:center;justify-content:space-between;gap:10px}.tagzeile h2{text-align:center;margin:0}.tagzeile button{flex-shrink:0}.karte{background:#fffaf3ed;border:1px solid #fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #7345150b}.anmeldung{max-width:530px;margin:8vh auto 30px}.textseite{max-width:760px;margin:35px auto}.spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.spalten>*{min-width:0}.blicke{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{border-radius:99px;background:#f1e3cd;padding:4px 10px}.meldung,.hinweis{padding:12px 16px;border-radius:14px}.gut{background:#e6f3df;color:#28552d}.warn{background:#ffebc6;color:#824400}.alarm,.fehler{background:#ffe1d8;color:#922b19}.fehler:empty,#status:empty{display:none}.fehler{padding:10px;border-radius:12px}.klein,small{font-size:.85rem;color:var(--weich)}small{display:block}.hinweis{background:#fff0c8}label{display:block;font-weight:600;margin:12px 0 5px}input,textarea,select{font:inherit;border:1px solid #bfa98f;border-radius:10px;background:#fffefb;padding:11px;color:var(--tinte);width:100%;min-height:46px}input[type=checkbox]{width:25px;height:25px;min-height:25px;accent-color:var(--frei)}textarea{min-height:85px}form>button{margin-top:12px}.zeile input{min-width:0}.umschalter{display:flex;gap:4px}button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #713908}.poolliste,.sitze{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pool,.sitz{background:#f1e9dc;border-radius:12px;padding:12px;border-left:5px solid #a6947e}.pool.frei{border-color:var(--frei)}.pool.belegt{border-color:var(--belegt)}.pool.ohne{border-color:var(--fehlt)}.sitz.da{border-color:var(--frei)}.sitz.fehlt{border-color:var(--belegt)}.kalender{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.kalender>span{padding:10px 0}.kalender button{min-width:0;padding:8px 0;border-radius:12px;color:#fff}.kalender .gruen{background:#26763f}.kalender .rot{background:#b33027}.kalender .orange{background:#a05200}.kalender .gewaehlt{outline:3px solid #2a2017;outline-offset:1px}.einkauf{list-style:none;padding:0}.einkauf li{padding:12px 0;border-bottom:1px solid #eadfcf;display:flex;gap:12px;align-items:center}.einkauf label{margin:0;display:flex;gap:10px;align-items:center;flex:1;min-width:0}.einkauf label span{overflow-wrap:anywhere}.erledigt .eintragtext{text-decoration:line-through}.person{border-bottom:1px solid #eadfcf;padding:14px 0}.person form{display:flex;gap:8px;flex-wrap:wrap}.person select{flex:1}.person button{margin:0}#protokoll{max-height:440px;overflow:auto;padding-left:22px}#protokoll li{margin-bottom:12px}footer{text-align:center;padding:24px;font-size:.85rem}.sprung{position:fixed;top:-100px;left:10px;z-index:20;background:#fff;padding:15px}.sprung:focus{top:10px}:focus-visible{outline:3px solid #a63e0c;outline-offset:4px}[hidden]{display:none!important}#welt{height:min(70vh,750px);min-height:340px;position:relative;overflow:hidden;border-radius:24px;background:#e5bb91;isolation:isolate}#welt canvas{display:block;width:100%;height:100%;touch-action:pan-y}#welt .etiketten{position:absolute;inset:0;pointer-events:none;overflow:hidden}.flugleiste{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.flugleiste span{font-size:.85rem}.etikett{display:flex;align-items:center;gap:6px;background:#fffaf3ed;border-radius:999px;padding:3px 9px 3px 3px;font:700 12px var(--f-text);color:#24190f;white-space:nowrap;box-shadow:0 3px 12px #0003}.etikett .nr{min-width:21px;height:21px;border-radius:99px;display:grid;place-items:center;color:white;font-size:11px;font-weight:800}.etikett.frei .nr,.etikett.sitz.da .nr{background:var(--frei)}.etikett.belegt .nr,.etikett.sitz.fehlt .nr{background:var(--belegt)}.etikett.warn{box-shadow:0 0 0 2px var(--fehlt)}.etikett.sitz .nr{width:auto;padding:0 7px}.etikett.sitz.frei .nr{background:#837564}.etikett.ort{padding:4px 10px;background:#2a2017d9;color:#fff}.leer{padding:16px;background:#f5ecdd;border-radius:12px}
@media(max-width:700px){.spalten{grid-template-columns:1fr}.karte{padding:18px;border-radius:18px}.titelzeile{align-items:flex-start;flex-wrap:wrap}.anmeldung{margin:20px 12px}.tagzeile h2{font-size:1.1rem}.kopf>span{font-size:.85rem}.kalender{gap:4px}.kalender button{min-height:44px}.blicke button{padding:9px 12px}#welt{height:58vh;min-height:320px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Nachtrag 2: dieselben Inhalte schweben über der bildschirmfüllenden Welt. */
.sitzstatus{margin-left:.25em}.weltaktionen{display:none}.weltmodus .weltaktionen{display:block}#blickleiste [data-blick=bearbeiten]{display:none}
.glas,.weltmodus .tagkopf,.weltmodus .blicke{background:#fff9f0e6;backdrop-filter:blur(14px) saturate(1.15);border:1px solid #ffffffbf;box-shadow:0 12px 40px #46230a33;border-radius:20px}
.weltmodus main{max-width:none;padding:0;margin:0;min-height:560vh}
.weltmodus main>*:not([id="3dbereich"]):not(#fehler):not(#status){display:none}
.weltmodus #teamleiste,.weltmodus footer{display:none}
.weltmodus [id="3dbereich"]{position:fixed;inset:0;z-index:0}
.weltmodus #welt{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0}
.weltmodus #welt canvas{position:fixed;inset:0;width:100%;height:100%}
#weltleiste{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 12px;flex-wrap:wrap;max-width:calc(100% - 32px);width:410px;font-size:.85rem}
#weltleiste label{display:flex;align-items:center;gap:6px;margin:0;font-size:.8rem}#weltleiste input{width:20px;min-height:20px;height:20px}
#weltleiste button{font-size:.85rem;padding:7px 12px}
#vorspann{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:9vh;width:min(640px,calc(100% - 48px));color:#fff;text-shadow:0 2px 22px #5a230080;pointer-events:none}
#vorspann h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.98;text-wrap:balance}#vorspann p{font-size:1.15rem}#vorspann a{color:#fff;font-weight:700;display:inline-block;padding:12px}#vorspann button,#vorspann a{pointer-events:auto}#vorspann .klein{font-size:.85rem;color:#fff}
#welthud{position:absolute;inset:0;z-index:2;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .45s}
.drinnen #welthud{visibility:visible;opacity:1}
.weltmodus .tagkopf{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:min(390px,calc(100% - 32px));padding:12px 14px;max-height:calc(100% - 100px);overflow:auto;pointer-events:auto}
.weltmodus .tagkopf h2{font-size:1.2rem}.weltmodus .tagkopf .chips{gap:5px;margin-top:10px;font-size:.85rem}.weltmodus .tagkopf .meldung,.weltmodus #gasthinweis{margin:10px 0 0;font-size:.85rem;padding:8px 11px;line-height:1.35}
.weltmodus .blicke{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;margin:0;padding:5px;flex-wrap:nowrap;overflow-x:auto;pointer-events:auto}
.weltmodus .blicke button{white-space:nowrap;border:0;background:transparent;font-size:.9rem;padding:10px 14px}.weltmodus #blickleiste [data-blick=bearbeiten]{display:inline-block}.weltmodus #alsListe{display:none}
#detailkarte{position:absolute;z-index:6;right:max(16px,env(safe-area-inset-right));top:145px;width:min(410px,calc(100% - 32px));max-height:calc(100% - 225px);overflow:auto;overscroll-behavior:contain;padding:12px}
#detailSchliessen{display:block;position:sticky;top:0;z-index:1;margin-left:auto;background:var(--blatt)}#detailinhalt>.karte{box-shadow:none;border:0;background:transparent;padding:8px 6px}#detailinhalt h2{margin-top:10px}#detailinhalt .zeile{flex-wrap:wrap}#detailinhalt .zeile>label{flex:1;min-width:110px}#detailinhalt #einkaufNeu .zeile{flex-wrap:nowrap}
#detailinhalt [data-karte=couch] [data-tagteil]:not([data-tagteil=couch]),#detailinhalt [data-karte=bearbeiten] [data-tagteil]:not([data-tagteil=bearbeiten]),#detailinhalt [data-karte=pools] [data-tagteil]:not([data-tagteil=pools]),#detailinhalt [data-karte=pool] [data-tagteil]:not([data-tagteil=pools]){display:none}
#detailinhalt [data-karte=pool] .pool:not(.poolgewaehlt){display:none}
.weltmodus #fehler:not(:empty),.weltmodus #status:not(:empty){display:block;position:fixed;z-index:8;left:50%;transform:translateX(-50%);bottom:85px;background:var(--blatt);padding:10px 15px;border-radius:12px;width:max-content;max-width:calc(100% - 32px);pointer-events:none;box-shadow:0 4px 15px #46230a33}
.weltmodus #fehler:not(:empty){bottom:145px;background:#ffe1d8}
@media(max-width:900px){#weltleiste{width:calc(100% - 32px);font-size:.8rem}#weltleiste button{padding:6px 10px}.weltmodus .tagkopf{top:150px;max-height:calc(100% - 235px)}}
@media(max-width:700px){
  #weltleiste{justify-content:center;gap:4px;padding:6px;max-height:140px;overflow:auto}
  .weltmodus .tagkopf{padding:10px 12px;top:150px}.weltmodus .tagkopf h2{font-size:1.1rem}
  .weltmodus .blicke{bottom:max(8px,env(safe-area-inset-bottom));border-radius:999px}.weltmodus .blicke button{padding:9px 12px}
  #detailkarte{left:0;right:0;top:auto;bottom:0;width:100%;max-height:64vh;border-radius:22px 22px 0 0;padding:12px max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
  #vorspann{bottom:8vh}#vorspann h1{font-size:clamp(2rem,8vw,3.8rem)}
}

/* Paket B: schmale Handy-Leiste; zusätzliche Aktionen im aufklappbaren Menü. */
#weltMenue{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#weltMenueKnopf{display:none}
.modellstatus{position:absolute;z-index:7;left:50%;top:45%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:16px;background:#fff9f0ed;color:#463123;box-shadow:0 6px 30px #46230a33;pointer-events:none;font-size:.9rem;text-align:center}
@media(max-width:700px){
  #weltleiste{top:max(6px,env(safe-area-inset-top));left:8px;right:8px;width:auto;max-width:none;max-height:none;height:48px;padding:4px 8px;justify-content:space-between;flex-wrap:nowrap;overflow:visible;border-radius:14px}
  #weltleiste .weltname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32vw}
  #weltleiste button{min-height:38px;padding:4px 9px}
  #weltMenueKnopf{display:block}
  #weltMenue{display:none;position:absolute;top:52px;right:0;max-width:calc(100vw - 16px);width:240px;padding:12px;background:#fff9f0f5;box-shadow:0 8px 28px #46230a33;border-radius:14px}
  .menueoffen #weltMenue{display:flex;flex-direction:column;align-items:stretch}
  .weltmodus .tagkopf{top:calc(max(6px,env(safe-area-inset-top)) + 54px);padding:7px 10px;max-height:23vh;border-radius:14px}
  .weltmodus .tagkopf .tagzeile button{min-height:34px;padding:2px 10px}
  .weltmodus .tagkopf h2{font-size:.95rem;margin:0}
  .weltmodus .tagkopf .chips{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;margin-top:5px;gap:4px;font-size:.72rem}
  .weltmodus .tagkopf .chip{padding:3px 7px;flex-shrink:0}
  .weltmodus .tagkopf .meldung,.weltmodus #gasthinweis{font-size:.73rem;padding:4px 7px;margin-top:4px}
}