*{box-sizing:border-box}body{margin:0;min-height:100vh;background-attachment:scroll}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px;padding:10px 17px;border:1px solid var(--mp-linie-stark);border-radius:10px;color:var(--mp-creme);background:#ffffff08;cursor:pointer;font-size:13px;font-weight:750}button:hover{background:#ffffff14;border-color:var(--mp-gold)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mp-gold-hell);outline-offset:3px}.gold{background:linear-gradient(130deg,#ffeaa3,#edc45a);color:#193b2c;border-color:transparent}.gold:hover{background:#ffe5a1}.textbutton{background:transparent;border-color:transparent;color:#bcccbf}.kopf{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--mp-linie);background:var(--mp-kopfzeile)}.marke{font-size:15px;font-weight:800}.marke small{display:block;color:var(--mp-gold);letter-spacing:.17em;font-size:9px;margin-top:6px}nav{display:flex;align-items:center;gap:22px;font-size:13px}.vorschau{color:#e6ce90;border:1px solid #e6ce9040;padding:5px 9px;border-radius:6px;font-size:11px}main{max-width:1180px;margin:auto;padding:0 24px 30px}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 0 36px}.eyebrow{color:var(--mp-gold);font-size:10px;letter-spacing:.18em;font-weight:850;margin:0 0 12px}h1{font:normal clamp(38px,5vw,66px)/1.03 Georgia,serif;letter-spacing:-.04em;margin:0 0 20px}h2{font:normal 25px Georgia,serif;letter-spacing:-.02em;margin:0}h3{font-size:16px;margin:0 0 7px}.intro{color:#afc4b7;line-height:1.7;font-size:15px;margin:0}.tischbild{position:relative;width:260px;height:200px;margin:0 55px;flex-shrink:0}.filz{position:absolute;inset:25px 24px 27px;border:5px solid #6b492a;border-radius:60px;background:radial-gradient(ellipse,#157a52,#085238);box-shadow:0 18px 35px #0005,inset 0 0 25px #0004;display:grid;place-items:center;transform:rotate(-8deg)}.filz img{width:70px;opacity:.3}.sitz{position:absolute;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:#133d2d;border:1px solid #709b7e;z-index:2;box-shadow:0 3px 10px #0005}.n{top:1px;left:102px}.s{bottom:3px;left:115px;background:#f5d27c;color:#173426;border:4px solid #12392b;box-shadow:0 0 0 1px #e4c174}.w{left:2px;top:90px}.o{right:0;top:57px}.bildtext{position:absolute;bottom:-25px;width:100%;text-align:center;font:italic 15px Georgia;color:#dfd7b6}.statusleiste{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--mp-linie);font-size:12px;color:#adbfaf}.statusleiste>span:first-child{color:#91e3ae}.ton{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px}.ton input,.check input{accent-color:var(--mp-gold);width:auto}.panel{border:1px solid var(--mp-linie);border-radius:18px;background:linear-gradient(130deg,#0a3427e6,#071f18ef);padding:25px;min-width:0}.panelkopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.chip{font-size:11px;border:1px solid var(--mp-linie);padding:6px 9px;border-radius:30px;color:#bbd0c0}.anzahl{font:600 12px system-ui;color:#d5e7d8;display:inline-grid;place-items:center;min-width:23px;height:23px;vertical-align:middle;margin-left:7px;background:#ffffff10;border-radius:50%}.eigener-platz{margin:0 0 22px;background:linear-gradient(100deg,#154b37a6,#09261d);border-color:#7aad8250}form,.eigene-aktionen{display:flex;gap:14px;align-items:end;flex-wrap:wrap}label{display:grid;gap:7px;font-size:12px;color:#bfd0c2}form>label,.eigene-aktionen>label{flex:1;min-width:140px}input,select{width:100%;min-width:0;min-height:44px;background:#041b14;color:var(--mp-creme);border:1px solid #88b29855;border-radius:9px;padding:10px 12px}.klein{font-size:12px;line-height:1.65;color:#a1bbaa;margin:12px 0 0}.panelkopf .klein{margin:0}.bereiche{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.tisch{border:1px solid #a4c5a42e;background:#ffffff03;border-radius:12px;padding:18px;margin-top:12px}.tisch-kopf{display:flex;justify-content:space-between;gap:10px;align-items:center}.tisch h3{font-size:15px;margin:0}.frei{font-size:11px;color:#9cecba;background:#73db9520;padding:5px 8px;border-radius:6px;white-space:nowrap}.besetzung{display:flex;gap:7px;margin:18px 0 12px}.platz{height:32px;width:32px;border:1px solid #b8c7b936;border-radius:50%;display:grid;place-items:center;background:#6fba8b25;color:#d5ebdc;font-size:11px}.platz.frei{border-style:dashed;background:transparent;color:#a3baa6}.tisch-unten{display:flex;gap:16px;align-items:center;justify-content:space-between}.tisch-unten p{font-size:12px;line-height:1.6;color:#abc3b3;margin:0;overflow-wrap:anywhere}.person{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #adc2aa1a}.person:last-child{border-bottom:0}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#abc99520;color:#dbdfb6;flex-shrink:0;font-size:14px}.person>div{min-width:0;flex:1}.person strong{font-size:13px;overflow-wrap:anywhere}.person p{font-size:11px;color:#a7bbac;margin:5px 0 0}.person button{font-size:11px;padding:6px 10px;min-height:36px}.fussnote{border-top:1px solid var(--mp-linie);padding-top:15px}.leer{text-align:center;padding:30px 14px;color:#b4c9b9;line-height:1.7;font-size:13px}.leer strong{display:block;color:var(--mp-creme);font-size:16px;margin-bottom:8px}.leer-symbol{font-size:32px;display:block;margin-bottom:10px;color:#e8cf86}.infokarte{display:flex;align-items:center;gap:20px;border:1px solid #e3cb7930;background:linear-gradient(110deg,#c8a65912,transparent);border-radius:14px;margin:24px 0;padding:22px}.info-symbol{font-size:32px;color:#dcbf72}.infokarte>div:nth-child(2){flex:1}.infokarte .eyebrow{font-size:9px;margin-bottom:7px}.infokarte p:last-child{font-size:12px;color:#b6c6b6;line-height:1.5;margin:0}footer{display:flex;align-items:center;justify-content:space-between;color:#829f8c;font-size:11px}.meldung{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #efcc6e;background:#244b2f;padding:18px;border-radius:13px;margin:0 0 18px;box-shadow:0 0 0 3px #f0c85a12}.meldung h3{color:#ffe8a1}.meldung p{margin:0;color:#d0dfd0;font-size:13px}.meldung .aktionen{display:flex;gap:8px;flex-wrap:wrap}.meldung button{white-space:nowrap}#fehler{padding:15px;border:1px solid #f88;color:#ffb7b7;border-radius:10px}dialog{background:#09291e;color:var(--mp-creme);border:1px solid #dbbd72;border-radius:20px;padding:28px;width:min(470px,calc(100% - 28px))}dialog::backdrop{background:#00110bc9;backdrop-filter:blur(4px)}dialog form{display:block}dialog p{line-height:1.6;font-size:14px}dialog h2{font-size:30px}.check{display:flex;align-items:center;gap:10px;background:#fff1;padding:14px;border-radius:9px;font-size:14px}.dialog-aktionen{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}[hidden]{display:none!important}.demo-markierung{color:#ffe099}.eigene-aktionen a{font-size:13px;color:var(--mp-gold);padding:12px 0}.tisch-kopf h3{overflow-wrap:anywhere}
@media(max-width:700px){.kopf{padding:17px 16px;align-items:start}.kopf nav{gap:9px;flex-direction:column;align-items:end;font-size:11px}.marke{font-size:12px}.marke small{font-size:8px}main{padding:0 14px 20px}.hero{padding:30px 0 23px;gap:5px}h1{font-size:39px}.intro{font-size:13px}.desktop{display:none}.tischbild{display:none}.statusleiste{gap:10px;flex-wrap:wrap;font-size:11px}.ton{margin-left:0}.panel{padding:18px}.panelkopf{flex-wrap:wrap;gap:8px}h2{font-size:24px}.bereiche{grid-template-columns:1fr;gap:16px}form>button{width:100%}.eigene-aktionen{gap:10px}.eigene-aktionen>label{width:100%;flex:auto}.eigene-aktionen button{flex:1}.infokarte{gap:12px;padding:16px}.info-symbol{display:none}.infokarte button{padding:8px}.infokarte #info-pause{font-size:11px}.meldung{align-items:stretch;flex-direction:column;gap:12px}.meldung .aktionen button{flex:1}.tisch-unten{gap:10px}.tisch-unten button{padding:9px 12px;flex-shrink:0}footer{align-items:start;gap:10px;flex-direction:column}footer button{padding-left:0}.panelkopf .klein{font-size:10px}.person button{min-height:44px}}

#hinweise{position:sticky;top:12px;z-index:50}#hinweise:empty{display:none}#hinweise .meldung{box-shadow:0 8px 28px #0006}.meldung a{display:inline-block;padding:12px 16px;border-radius:8px;background:var(--mp-gold);color:#163325;font-size:13px;font-weight:750}
/* Eventband und echte Tischvorschau */
.eventband{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:8px max(16px,calc((100vw - 1180px)/2));background:#e8c96f;color:#13382a;font-size:13px}.eventband>strong{font-size:10px;letter-spacing:.12em}.laufbereich{overflow:hidden;min-width:0}.event-lauf{display:flex;font-weight:750;width:max-content;animation:eventlauf 38s linear infinite}.event-lauf span{display:block;white-space:nowrap;padding-right:70px}.eventband.pausiert .event-lauf{animation:none;width:auto}.eventband.pausiert .event-lauf span{white-space:normal;padding:0;line-height:1.5}.eventband.pausiert .event-lauf span+span{display:none}@keyframes eventlauf{to{transform:translateX(-50%)}}
.hero>div:first-child{flex:1;min-width:0}.spielvorschau{width:430px;max-width:100%;flex-shrink:0;margin:0}.spielvorschau figcaption{text-align:center;font:italic 13px Georgia,serif;color:#c6cfad;margin-top:14px}.mini-tisch{container-type:inline-size;position:relative;aspect-ratio:4/3;border:6px solid #74491f;border-radius:14px;background:#075337;box-shadow:0 12px 30px #0004,inset 0 0 22px #002c24;overflow:hidden}.mini-logo{position:absolute;width:30%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.18}.mini-name{position:absolute;font-size:2.5cqw;font-weight:800;white-space:nowrap;color:#86d8a3}.mini-nord{top:3%;left:50%;transform:translateX(-50%)}.mini-west,.mini-ost{color:#ff9292;top:50%}.mini-west{left:3%;writing-mode:vertical-rl;transform:translateY(-50%)}.mini-ost{right:3%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.mini-hand{position:absolute;width:29%;height:24%}.mini-hand img{position:absolute;width:27%;height:100%;object-fit:contain;left:calc(var(--i)*14.5%);transform:rotate(calc((var(--i) - 2.5)*5deg));transform-origin:50% 180%;filter:drop-shadow(0 1px 1px #0006)}.mini-oben{top:10%;left:35.5%;transform:rotate(180deg)}.mini-links{top:39%;left:0%;transform:rotate(90deg)}.mini-rechts{top:39%;right:0%;transform:rotate(-90deg)}.mini-eigen{position:absolute;bottom:3%;left:24%;width:52%;height:27%;border:1px solid #ffe33d;border-radius:8px;background:#ffffff20;box-shadow:0 0 8px #ffe33d30;text-align:center}.mini-eigen>span{font-size:2.5cqw;font-weight:800;color:#9de6b6}.mini-unten{width:58%;height:68%;left:21%;bottom:5%}.mini-unten img{transform-origin:50% 170%}.infokarte{margin:0 0 24px}.info-symbol{width:28px;height:38px;object-fit:contain;flex-shrink:0}.leer-symbol img{width:32px;height:40px;object-fit:contain}.ablauftext{font-size:13px;line-height:1.7;color:#bed0c2;margin:-6px 0 20px}.ablauf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 25px}.ablauf article{border-left:2px solid #d6b66466;padding:3px 15px}.ablauf article>span{font-size:10px;color:#d6b664}.ablauf h3{margin:6px 0;font-size:14px}.ablauf p{margin:0;font-size:12px;line-height:1.6;color:#a9c2b2}.plaetze-link{align-self:center}.bereiche h2{font-size:23px}
@media(max-width:900px){.spielvorschau{width:350px}.hero{gap:20px}.eventband{gap:12px}}
@media(max-width:700px){.eventband{grid-template-columns:minmax(0,1fr);gap:4px 10px;padding:9px 14px}.eventband>strong{grid-column:1}.laufbereich{grid-column:1;grid-row:2}.event-lauf{font-size:12px}.hero{flex-direction:column;align-items:stretch;gap:25px}.spielvorschau{width:420px;align-self:center}.info-symbol{display:block;width:22px;height:30px}.infokarte{align-items:start}.infokarte h3{font-size:14px}.infokarte>div:nth-child(2){min-width:0}.ablauf{grid-template-columns:1fr;gap:14px}.ablauf article{padding-left:12px}.ablauf h3{display:inline;margin-left:8px}.ablauf p{margin-top:5px}.bereiche h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.event-lauf{animation:none}}

/* Alle Handkarten liegen auf einem gemeinsamen Kreisbogen. */
.mini-hand{width:26%;height:16%}
.mini-hand img{width:6cqw;height:10cqw;left:calc(50% - 3cqw);top:0;transform:rotate(calc((var(--i) - 4)*4deg));transform-origin:50% 46cqw}
.mini-oben{top:13%;left:37%}
.mini-links{top:42%;left:0%;transform:rotate(90deg)}
.mini-rechts{top:42%;right:0%;transform:rotate(-90deg)}
.mini-unten{width:50%;height:60%;left:25%;top:31%;bottom:auto}
.mini-unten img{transform-origin:50% 46cqw}

/* Wissenswertes läuft am Seitenende wie ein Filmabspann. */
.infokarte.abspann{display:block;margin:28px 0 0;padding:24px;text-align:center}
.abspann>.eyebrow{margin:0 0 16px}
.abspann-fenster{height:230px;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.abspann-lauf{animation:ng257-abspann 65s linear infinite}
.abspann-gruppe{padding:18px 0 0}
.abspann-gruppe article{max-width:560px;margin:0 auto;padding:18px 12px 28px}
.abspann-gruppe h3{font:normal 22px Georgia,serif;color:var(--mp-creme);margin:0 0 12px}
.abspann .abspann-gruppe p{font-size:14px;line-height:1.8;color:#b6c6b6;margin:0}
@keyframes ng257-abspann{to{transform:translateY(-50%)}}
@media(max-width:700px){.infokarte.abspann{padding:20px 12px}.abspann-gruppe h3{font-size:20px}.abspann .abspann-gruppe p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.abspann-lauf{animation:none}.abspann-fenster{overflow:auto;mask-image:none}.abspann-gruppe[aria-hidden="true"]{display:none}}

.bereiche{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.eigener-platz .warteliste{margin-top:24px;border-top:1px solid var(--mp-linie);padding-top:24px}#wartende{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px}.eigener-tisch>button{margin:24px 0 12px}.sitzfreigabe{border:1px solid var(--mp-linie);border-radius:10px;padding:12px;margin:20px 0}.sitzfreigabe .check{margin:8px 0}.sitzfreigabe legend{font-size:13px;padding:0 6px}@media(max-width:700px){.bereiche{grid-template-columns:1fr}#wartende{grid-template-columns:1fr}}

.newsletter{margin:24px 0}.newsletter form{margin:20px 0;align-items:center}.newsletter form>label:first-child{flex:1 1 240px}.newsletter .newsletter-einwilligung{display:flex;align-items:flex-start;gap:10px;flex:2 1 320px;line-height:1.6}.newsletter-einwilligung input{width:18px;min-height:18px;height:18px;flex-shrink:0;margin-top:3px}.newsletter details{font-size:12px;color:#b6c6b6}.newsletter #newsletter-status{font-size:13px;line-height:1.6}

#testpostfach details{padding:18px;margin:18px 0;border:1px solid #dfc77b;border-radius:12px;background:#ffffff08;overflow-wrap:anywhere}#testpostfach a{display:inline-block;color:#ffe49a;text-decoration:underline;padding:12px 0}

dialog.newsletter{margin:auto;width:min(560px,calc(100% - 28px));max-height:90dvh;overflow-y:auto}dialog.newsletter form{display:flex;flex-direction:column;align-items:stretch}dialog.newsletter form>label{flex:none!important}dialog.newsletter .newsletter-einwilligung{flex:none}#newsletter-schliessen{margin-top:18px}

.bereiche > .eigener-platz { margin: 0; min-width: 0; }
.bereiche > .panel { min-width: 0; }
#code-beitreten { margin-top: 24px; }
#beitrittscode { text-transform: uppercase; letter-spacing: .15em; }
#tischwechsel-dialog { max-height: 90dvh; overflow: auto; }
#tischwechsel-optionen { flex-direction: column; margin: 18px 0; }
#tischwechsel-abbrechen { display: block; margin-left: auto; }

/* Rückkehr-Link wie die übrigen goldenen Aktionsbuttons. */
#mein-tisch .eigene-aktionen a.gold { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: 10px; color: #13382a; font-weight: 700; text-decoration: none; text-align: center; }
#mein-tisch .eigene-aktionen a.gold:focus-visible { outline: 2px solid #fff4d4; outline-offset: 3px; }