/* Weihnachtsfeier-Planer (16.10.2026) – alle Regeln unter .wfp, keine Kollision mit Seiten-CSS */
.wfp{--wfp-ink:#1E1715;--wfp-muted:#6B5E57;--wfp-line:#E2D8CB;--wfp-panel:#FFFDF9;--wfp-bg:#F5F0E8;--wfp-bx:var(--bordeaux,#7D1626);--wfp-bx-soft:#F3E4E2;--wfp-gold:var(--gold-text,#886722);--wfp-goldbar:var(--gold,#C8963E);--wfp-ok:#2F6B3A;--wfp-ok-s:#E3EFE2;--wfp-warn:#8A5A00;--wfp-warn-s:#F8EBCB;--wfp-bad:#9B1C1C;--wfp-bad-s:#F6E0DD;--wfp-track:#EAE2D6;
  --wfp-serif:Georgia,"Times New Roman",Times,serif;--wfp-sans:Arial,Helvetica,sans-serif;--wfp-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  color:var(--wfp-ink);font-family:var(--wfp-sans);font-size:15px;line-height:1.5;text-align:left}
.wfp *{box-sizing:border-box}
.wfp-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);grid-template-areas:"in" "raum" "paket" "kalk"}
@media(min-width:920px){.wfp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"in raum" "paket kalk";align-items:start}}
.wfp-a-in{grid-area:in}.wfp-a-raum{grid-area:raum}.wfp-a-paket{grid-area:paket}.wfp-rcol{grid-area:kalk;display:flex;flex-direction:column;gap:20px;min-width:0}
.wfp-panel{background:var(--wfp-panel);border:1px solid var(--wfp-line);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0}
.wfp h3{font-family:var(--wfp-serif);font-weight:400;font-size:1.3rem;margin:0;color:var(--wfp-ink);text-wrap:balance}
.wfp-lbl{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wfp-muted);font-weight:700}
.wfp-sub{color:var(--wfp-muted);font-size:.85rem;margin:0}
.wfp-field{display:flex;flex-direction:column;gap:6px}
.wfp-row{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:flex-start}
.wfp-count{display:flex;align-items:center;gap:10px}
.wfp-count button{width:48px;height:48px;border-radius:50%;border:1px solid var(--wfp-line);background:var(--wfp-bg);color:var(--wfp-ink);font-size:1.4rem;cursor:pointer;padding:0;line-height:1}
.wfp-count input{width:130px;font-family:var(--wfp-serif);font-size:3rem;text-align:center;border:none;border-bottom:2px solid var(--wfp-bx);background:transparent;color:var(--wfp-ink);padding:0;border-radius:0;-moz-appearance:textfield}
.wfp-count .wfp-unit{font-family:var(--wfp-serif);font-size:1.2rem;color:var(--wfp-muted)}
.wfp-seg{display:inline-flex;border:1px solid var(--wfp-line);border-radius:4px;overflow:hidden;flex-wrap:wrap}
.wfp-seg label{position:relative;margin:0}
.wfp-seg input{position:absolute;opacity:0;pointer-events:none}
.wfp-seg span{display:block;padding:9px 14px;cursor:pointer;font-size:.9rem;background:var(--wfp-panel);color:var(--wfp-ink)}
.wfp-seg input:checked+span{background:var(--wfp-bx);color:#fff}
.wfp-seg input:focus-visible+span{outline:2px solid var(--wfp-goldbar);outline-offset:-2px}
.wfp input.wfp-sm,.wfp input[type=date]{font:inherit;padding:8px 10px;border:1px solid var(--wfp-line);border-radius:4px;background:var(--wfp-bg);color:var(--wfp-ink);width:120px}
.wfp input[type=date]{width:auto}
.wfp :focus-visible{outline:2px solid var(--wfp-goldbar);outline-offset:2px}
.wfp-empf{border-left:4px solid var(--wfp-bx);padding:4px 0 4px 14px;display:flex;flex-direction:column;gap:4px}
.wfp-empf .wfp-name{font-family:var(--wfp-serif);font-size:2rem;line-height:1.1;color:var(--wfp-bx)}
.wfp-empf p{margin:0;color:var(--wfp-muted)}
.wfp-chips{display:flex;flex-wrap:wrap;gap:6px}
.wfp-chip{font-size:.75rem;padding:3px 9px;border-radius:99px;font-weight:700;white-space:nowrap}
.wfp-c-ok{background:var(--wfp-ok-s);color:var(--wfp-ok)}.wfp-c-eng,.wfp-c-klaeren{background:var(--wfp-warn-s);color:var(--wfp-warn)}.wfp-c-nein{background:var(--wfp-bad-s);color:var(--wfp-bad)}.wfp-c-neutral{background:var(--wfp-track);color:var(--wfp-muted)}
.wfp-scalewrap{position:relative;padding-top:22px;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.wfp-scale{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr) 122px;gap:8px 10px;align-items:center;font-size:.85rem}
.wfp-rn{white-space:nowrap}
.wfp-track{position:relative;height:14px;background:var(--wfp-track);border-radius:2px;overflow:hidden}
.wfp-fill{position:absolute;top:0;bottom:0;left:0;background:var(--wfp-goldbar);opacity:.55}
.wfp-fill.wfp-hatch{background:repeating-linear-gradient(135deg,var(--wfp-track) 0 4px,var(--wfp-goldbar) 4px 6px);opacity:.6}
.wfp-track.wfp-pick .wfp-fill{background:var(--wfp-bx);opacity:.85}
.wfp-ticks{grid-column:2;display:flex;justify-content:space-between;font-family:var(--wfp-mono);font-size:.68rem;color:var(--wfp-muted)}
.wfp-marker{position:absolute;top:16px;bottom:22px;width:2px;margin-left:-1px;background:var(--wfp-ink);pointer-events:none;z-index:1}
.wfp-marker b{position:absolute;top:-16px;left:1px;transform:translateX(-50%);font-family:var(--wfp-mono);font-size:.75rem;background:var(--wfp-ink);color:#fff;padding:2px 7px;border-radius:3px;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.wfp-marker i{position:absolute;bottom:-9px;left:1px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:var(--wfp-bx);border:3px solid var(--wfp-panel);box-shadow:0 0 0 1px var(--wfp-ink)}
.wfp-scalewrap:hover .wfp-marker i,.wfp-marker.wfp-drag i{background:var(--wfp-goldbar)}
.wfp-slider{position:absolute;top:0;left:0;width:10px;height:10px;margin:0;padding:0;opacity:0;pointer-events:none}
.wfp-scalewrap:has(.wfp-slider:focus-visible) .wfp-marker b{outline:2px solid var(--wfp-goldbar);outline-offset:2px}
.wfp-legend{font-size:.75rem;color:var(--wfp-muted);display:flex;gap:14px;flex-wrap:wrap}
.wfp-legend i{display:inline-block;width:14px;height:8px;margin-right:5px;vertical-align:middle}
.wfp-notes{display:flex;flex-direction:column;gap:10px}
.wfp-note{font-size:.85rem;padding:10px 12px;border-radius:4px;display:flex;flex-direction:column;gap:6px;color:var(--wfp-ink)}
.wfp-note.wfp-warn{background:var(--wfp-warn-s)}.wfp-note.wfp-bad{background:var(--wfp-bad-s)}.wfp-note.wfp-ok{background:var(--wfp-ok-s)}
.wfp-note button{align-self:flex-start;font:inherit;font-size:.8rem;padding:5px 10px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;cursor:pointer}
.wfp-note a{color:var(--wfp-bx)}
.wfp-cards{display:grid;gap:10px}
.wfp-card{position:relative;display:block;cursor:pointer;margin:0}
.wfp-card input{position:absolute;opacity:0;pointer-events:none}
.wfp-card .wfp-in{border:1px solid var(--wfp-line);border-radius:5px;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;background:var(--wfp-panel)}
.wfp-card input:checked+.wfp-in{border-color:var(--wfp-bx);box-shadow:inset 0 0 0 1px var(--wfp-bx);background:var(--wfp-bx-soft)}
.wfp-card input:focus-visible+.wfp-in{outline:2px solid var(--wfp-goldbar);outline-offset:2px}
.wfp-card input:disabled+.wfp-in{opacity:.45;cursor:not-allowed}
.wfp-t{font-weight:700}
.wfp-p{font-family:var(--wfp-mono);text-align:right;white-space:nowrap}
.wfp-d{grid-column:1/-1;font-size:.8rem;color:var(--wfp-muted)}
.wfp-ck{font-size:.85rem;color:var(--wfp-bx);margin:-4px 0 2px 14px;font-weight:700;text-underline-offset:3px}
.wfp-checks{display:grid;gap:6px}
.wfp-checks label{display:flex;gap:10px;align-items:baseline;font-size:.9rem;cursor:pointer;margin:0}
.wfp-checks label.wfp-off{opacity:.45;cursor:not-allowed}
.wfp-checks .wfp-p{margin-left:auto}
.wfp hr{border:none;border-top:1px solid var(--wfp-line);margin:0}
.wfp table{width:100%;border-collapse:collapse;font-size:.88rem;margin:0}
.wfp td{padding:6px 0;border-bottom:1px solid var(--wfp-line);vertical-align:top;text-align:left}
.wfp td.wfp-n{text-align:right;font-family:var(--wfp-mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:10px}
.wfp td small{color:var(--wfp-muted)}
.wfp tr.wfp-sum td{border-bottom:none;border-top:2px solid var(--wfp-ink);font-weight:700;padding-top:10px;font-size:1rem}
.wfp-pp{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.wfp-big{font-family:var(--wfp-serif);font-size:2.4rem;color:var(--wfp-bx);line-height:1}
.wfp-meter{position:relative;height:12px;background:var(--wfp-track);border-radius:2px}
.wfp-meter .wfp-v{position:absolute;top:0;bottom:0;left:0;border-radius:2px}
.wfp-meter .wfp-lim{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--wfp-ink)}
.wfp-meter-cap{display:flex;justify-content:space-between;font-family:var(--wfp-mono);font-size:.7rem;color:var(--wfp-muted)}
.wfp-anfrage{border-color:var(--wfp-bx);box-shadow:inset 0 3px 0 var(--wfp-bx)}
.wfp-btn{display:block;text-align:center;font:inherit;font-weight:700;font-size:1.05rem;padding:14px 18px;border:none;border-radius:4px;background:var(--wfp-bx);color:#fff;cursor:pointer;width:100%}
.wfp-btn:hover{filter:brightness(1.1)}
.wfp-alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:.85rem;color:var(--wfp-muted)}
.wfp-alt a{color:var(--wfp-bx);font-weight:700;text-underline-offset:3px}
@media(max-width:480px){.wfp-scale{grid-template-columns:96px minmax(0,1fr)}.wfp-st{grid-column:2;justify-self:start;margin-top:-4px}.wfp-count input{width:100px;font-size:2.6rem}.wfp-panel{padding:16px}}
@media(prefers-reduced-motion:no-preference){.wfp-fill,.wfp-meter .wfp-v{transition:width .2s ease}}