/* Prosito · Schaufenster „Das kann eure Feier“, Getränke, „Der Abend in Zahlen“, Gäste-Extras (Kalender, Wallet, WLAN) */
.sf-held h2{margin:4px 0 6px;font-size:26px;letter-spacing:-.01em}
.sf-ueber{margin:0;color:var(--t3);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sf-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px;margin:0 0 14px}
.sf-kachel{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;column-gap:10px;row-gap:3px;min-height:108px;padding:14px;border-radius:var(--rad);background:var(--k);border:1px solid var(--li);color:var(--t);transition:border-color .15s,transform .15s}
.sf-kachel:hover{border-color:var(--t3)}
.sf-kachel:focus-visible{outline:3px solid var(--a2);outline-offset:2px}
.sf-kachel:active{transform:scale(.99)}
.sf-kachel .sf-ic{grid-row:1 / span 3;font-size:26px;line-height:1}
.sf-kachel b{font-size:15px}
.sf-kachel small{color:var(--t3);font-size:13px;line-height:1.35}
.sf-kachel .marke{justify-self:start;margin-top:6px}
.sf-kachel.live{border-color:#2f5a37}
.sf-unter{margin:0 0 14px}
.sf-zurueck{margin:0 0 10px}
.sf-in{border-radius:var(--rad);overflow:hidden;background:var(--k);border:1px solid var(--li)}
.sf-motiv{display:block;width:100%;height:clamp(150px,32vw,260px);background:#0b0b0c}
.sf-txt{padding:16px 18px 18px}
.sf-txt h1{margin:6px 0 10px;font-size:clamp(22px,5vw,30px);line-height:1.15;letter-spacing:-.01em}
.sf-satz{margin:0 0 8px;color:var(--t2);font-size:16px;line-height:1.5}
.sf-txt h3{margin:16px 0 6px;font-size:13px;color:var(--t3);letter-spacing:.1em;text-transform:uppercase}
.sf-so{margin:0 0 14px;padding-left:22px;line-height:1.55}
.sf-so li{margin:0 0 4px}
.sf-los{min-height:48px;margin-top:6px;width:100%;max-width:420px}
.sf-ticket{max-width:300px;border-radius:16px;padding:14px;margin:6px 0 8px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.sf-t-kopf{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.sf-t-kopf img{height:28px;max-width:90px;object-fit:contain}
.sf-t-zeile{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.sf-t-zeile small{display:block;font-size:10px;letter-spacing:.1em;opacity:.7}
.sf-t-qr{display:flex;justify-content:center;margin-top:6px}
.sf-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:0 10px}
.sf-balken{position:relative;height:22px;border-radius:11px;background:var(--k2);overflow:hidden;margin:6px 0 8px}
.sf-balken i{position:absolute;inset:0 auto 0 0;background:var(--g);border-radius:11px;transition:width .6s}
.sf-balken.warn i{background:#d9822b}
.sf-schwelle{position:absolute;top:0;bottom:0;width:2px;background:var(--t);opacity:.7}
.sf-bz{margin:0;font-size:15px}
.sf-rang>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;align-items:center;margin:0 0 6px;font-size:14px}
.sf-rang span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-rang i{display:block;height:10px;border-radius:5px;background:var(--a)}
.sf-stunden{display:flex;gap:4px;align-items:flex-end;height:110px;padding-top:6px}
.sf-stunden>div{flex:1;max-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.sf-stunden i{display:block;width:100%;background:var(--t2);border-radius:4px 4px 0 0;min-height:2px}
.sf-stunden small{font-size:10px;color:var(--t3);margin-top:3px}
.sf-wlan{margin:14px 0 10px;padding:12px;border:1px solid var(--li);border-radius:12px;background:var(--k2)}
.sf-wlan h3{margin:0 0 4px;font-size:15px}
.sf-berknopf{margin:0 0 10px;align-items:center}
/* „Der Abend in Zahlen“ – hell und edel, druckt als PDF */
.ab{position:relative;background:#faf9f6;color:#111;border-radius:var(--rad);padding:28px 24px;font-family:Georgia,"Times New Roman",serif;overflow:hidden;margin:0 0 14px}
.ab header{border-bottom:1px solid #d8d4c8;padding-bottom:14px;margin-bottom:16px}
.ab header h1{font-size:clamp(24px,6vw,36px);margin:4px 0;font-weight:400;letter-spacing:-.01em;overflow-wrap:anywhere}
.ab header p{margin:0;color:#555;font-family:system-ui,sans-serif;font-size:14px}
.ab-ueber{font-family:system-ui,sans-serif;font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:#8a7a50!important}
.ab h2{font-size:13px;font-family:system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a7a50;margin:18px 0 8px;font-weight:700}
.ab-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:10px}
.ab-k{border:1px solid #e3dfd3;border-radius:10px;padding:10px 12px;background:#fff}
.ab-k b{display:block;font-size:26px;font-weight:400}
.ab-k small{font-family:system-ui,sans-serif;font-size:12px;color:#666}
.ab-essen{display:flex;gap:3px;border-radius:8px;overflow:hidden}
.ab-essen>div{background:#e9e4d6;padding:8px;min-width:0}
.ab-essen>div:nth-child(2){background:#cfdcc2}
.ab-essen>div:nth-child(3){background:#a9c79a}
.ab-essen b{display:block;font-size:20px;font-weight:400}
.ab-essen small{font-family:system-ui,sans-serif;font-size:11px;color:#444}
.ab-klein{font-family:system-ui,sans-serif;font-size:13px;color:#555;margin:6px 0}
.ab-top{margin:0;padding-left:0;list-style:none;counter-reset:ab}
.ab-top li::before{counter-increment:ab;content:counter(ab) ".";font-family:system-ui,sans-serif;font-size:12px;color:#8a7a50;min-width:22px}
.ab-top li{display:flex;gap:8px;align-items:baseline;padding:3px 0;border-bottom:1px dotted #ddd8ca;font-size:15px}
.ab-top li span{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ab-top li b{font-weight:400;overflow-wrap:anywhere}
.ab-top li i{margin-left:auto;font-style:normal;font-family:system-ui,sans-serif;font-size:13px;color:#8a7a50}
.ab footer{margin-top:20px;padding-top:10px;border-top:1px solid #d8d4c8;font-family:system-ui,sans-serif;font-size:11px;color:#777}
.ab-stempel{position:absolute;top:22px;right:-44px;transform:rotate(32deg);background:#b4232a;color:#fff;font-family:system-ui,sans-serif;font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:13px;padding:6px 54px;opacity:.9}
@media print{ .ab-druck .ab{border-radius:0;padding:14mm 12mm;background:#fff;box-shadow:none} .ab-druck .ab-k{break-inside:avoid} .ab-druck .ab section{break-inside:avoid} }
/* Gästeseite: Kalender, Wallet, WLAN */
.st-reihe{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.st-reihe .knopf{min-height:44px;flex:1 1 140px}
.st-wlan-qr{display:flex;justify-content:center;margin:10px 0}
.st-wlan-qr svg,.st-wlan-qr canvas,.st-wlan-qr img{width:220px;max-width:100%;height:auto;background:#fff;padding:10px;border-radius:12px}
.st-pass{display:flex;gap:8px;align-items:center}
.st-pass code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:18px;background:var(--k2);padding:10px 12px;border-radius:10px}
/* Abend-Module als Vorführung (Oli 23.10.2026): Kachel mit Knopf „In der Vorschau ansehen“ */
.sf-abend h2{margin:4px 0 6px;font-size:22px}
.sf-abend-raster{margin:0}
.sf-akachel{box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:3px;padding:14px;border-radius:var(--rad);background:var(--k);border:1px solid var(--li);color:var(--t)}
.sf-akachel .sf-ic{grid-row:1 / span 3;font-size:26px;line-height:1}
.sf-akachel b{font-size:15px}
.sf-akachel small{color:var(--t3);font-size:13px;line-height:1.35}
.sf-akachel .marke{justify-self:start;margin-top:6px}
.sf-akachel .sf-ab{grid-column:1 / -1;justify-self:stretch;margin-top:10px;min-height:44px}