/* Adventskalender-Quiz (18.10.2026): Ergänzungen zu style.css (.quiz-page) */
@font-face{font-family:'AQ Pinyon';font-style:normal;font-weight:400;font-display:swap;src:url('/adventskalender/fonts/PinyonScript-400.woff2') format('woff2')}
@font-face{font-family:'AQ Cormorant';font-style:italic;font-weight:500;font-display:swap;src:url('/adventskalender/fonts/CormorantGaramond-500i.woff2') format('woff2')}
.advent-quiz .quiz-panel[data-step="0"] .step-motif{opacity:.9}
.advent-quiz #quiz-next[hidden]{display:none}

/* Für wen: zwei große Karten */
.aq-choices{display:grid;gap:14px;margin-top:26px}
.aq-choice{display:grid;gap:6px;text-align:left;padding:22px 22px 20px;border-radius:20px;border:1px solid var(--q-line-strong);background:var(--q-field);color:var(--q-ink);cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .2s ease}
.aq-choice strong{font:500 26px/1.15 var(--serif)}
.aq-choice span{font-size:15px;line-height:1.5;color:var(--q-muted)}
.aq-choice:hover,.aq-choice:focus-visible{border-color:var(--q-accent);outline:none}
.aq-choice[aria-pressed="true"]{border-color:var(--q-accent);background:#3a2236}
.aq-choice:active{transform:scale(.985)}
@media(min-width:900px){.aq-choices{grid-template-columns:1fr 1fr}}

/* Geschenk: Geschlecht als Chips, E-Mail mit Prüfen */
.aq-gender{border:0;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.aq-gender legend{width:100%;margin-bottom:8px;font-size:14px;color:var(--q-ink)}
.aq-gender label{display:inline-flex!important;align-items:center;margin:0!important;cursor:pointer}
.aq-gender input{position:absolute;opacity:0;pointer-events:none}
.aq-gender span{padding:11px 20px;border-radius:999px;border:1px solid var(--q-line-strong);background:var(--q-field);color:var(--q-ink);font-size:15px;transition:border-color .2s ease,background .2s ease}
.aq-gender input:checked+span{border-color:var(--q-accent);background:#4a2843;color:#fff}
.aq-gender input:focus-visible+span{outline:2px solid var(--q-accent);outline-offset:2px}
.aq-email-row{display:flex;gap:10px;align-items:stretch;margin-top:8px}
.aq-email-row input{flex:1;min-width:0;margin:0!important}
.aq-check{flex:none;padding:0 18px;border-radius:14px;border:1px solid var(--q-accent);background:transparent;color:var(--q-accent);font-size:15px;cursor:pointer}
.aq-check:disabled{opacity:.5;cursor:wait}
.aq-email-status{min-height:1.4em;margin:8px 0 0;font-size:14px;line-height:1.5}
.aq-email-status.good{color:#9fd8b0}.aq-email-status.warn{color:#f0cf8f}.aq-email-status.bad{color:#f2a1a8}.aq-email-status.busy{color:var(--q-muted)}
.aq-fix{background:none;border:0;padding:0;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}

/* Zusammenfassung */
.aq-summary{display:grid;gap:0;margin:18px 0 6px;border-top:1px solid var(--q-line)}
.aq-summary>div{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:11px 0;border-bottom:1px solid var(--q-line)}
.aq-summary dt{grid-column:1;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--q-soft)}
.aq-summary dd{grid-column:1;margin:0;font-size:15px;line-height:1.45;color:var(--q-ink);overflow-wrap:anywhere}
.aq-edit{grid-column:2;grid-row:1/span 2;align-self:center;background:none;border:0;color:var(--q-accent);font-size:13px;text-decoration:underline;cursor:pointer}

/* Angebot */
.aq-offer{display:grid;gap:12px;margin:20px 0 6px}
.aq-item{display:grid!important;grid-template-columns:1fr auto;gap:6px 16px;align-items:start;padding:18px 18px 16px;border-radius:18px;border:1px solid var(--q-line-strong);background:var(--q-field);margin:0!important}
.aq-item strong{display:block;font:500 21px/1.2 var(--serif);color:var(--q-ink)}
.aq-item small{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--q-muted)}
.aq-item b{font-size:18px;font-weight:600;color:var(--q-ink);white-space:nowrap}
.aq-item-book{grid-template-columns:auto 1fr auto!important;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.aq-item-book input{width:22px!important;height:22px;margin:2px 0 0!important;accent-color:#c96f9a}
.aq-item-book:has(input:checked){border-color:var(--q-accent);background:#3a2236}
.aq-preview,.aq-book-mock{margin:2px 0 0;display:grid;gap:10px;justify-items:center}
.aq-preview[hidden],.aq-book-mock[hidden]{display:none}
.aq-preview figcaption,.aq-book-mock figcaption{font-size:13.5px;line-height:1.5;color:var(--q-muted);text-align:center;max-width:34em}
.aq-stage{position:relative;width:min(100%,300px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#0d0709;box-shadow:0 18px 50px #00000080;perspective:none}
.aq-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.aq-card{position:absolute;left:0;top:0;transform-origin:0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#2a160c;mix-blend-mode:multiply;pointer-events:none;visibility:hidden}
.aq-card .l{opacity:0;transition:opacity .6s ease;font-family:'AQ Cormorant',Georgia,serif;font-style:italic;font-weight:500;line-height:1.05;white-space:nowrap}
.aq-card .l.in{opacity:.92}
.aq-card.tag .l{font-size:calc(var(--ch) * .3)}
.aq-card.tag .l.name{font-size:calc(var(--ch) * .435)}
.aq-card.letter{padding:0 8%;gap:calc(var(--ch) * .012)}
.aq-card.letter .l{font-size:calc(var(--ch) * .052);white-space:normal;line-height:1.27}
.aq-card.letter .l.name{font-family:'AQ Pinyon',cursive;font-style:normal;font-size:calc(var(--ch) * .115);line-height:1.05}
.aq-cover{width:min(62%,210px)!important;margin:6px auto 0;transform:none!important}
.advent-quiz .offer-total{margin-top:16px}
.advent-quiz #print-rights{font-size:13px;color:var(--q-muted)}

/* Seitenspalte (Desktop) */
.advent-visual{position:relative;width:min(78%,300px);margin:18px auto 8px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;box-shadow:0 22px 60px #00000080;border:1px solid #6b3f5a66}
.advent-visual img{width:100%;height:100%;object-fit:cover;display:block}
.advent-visual-names{position:absolute;left:0;right:0;bottom:16px;text-align:center;font:500 13px/1.3 var(--serif);letter-spacing:.28em;color:#f4dfb0;text-shadow:0 2px 10px #000}
/* Beschriftungen, die im Geschenk-Modus umformuliert werden: wie normale Feldbeschriftungen, nicht wie der kleine »Optional«-Hinweis */
.advent-quiz .quiz-panel label>span[data-gift]{font-size:inherit;color:inherit;margin-left:0}
.advent-quiz .quiz-panel label>.aq-email-row{margin-left:0;font-size:inherit;color:inherit}
@media(max-width:600px){
  .aq-item-book{grid-template-columns:auto 1fr!important}
  .aq-item-book>b{grid-column:2;justify-self:start}
  .aq-item-base{grid-template-columns:1fr}
  .aq-item-base>b{justify-self:start}
}
/* »Später hinzufügen« bei der E-Mail der Beschenkten */
.aq-later{display:inline-block;margin:10px 0 0;padding:0;background:none;border:0;color:var(--q-accent);font-size:14px;text-decoration:underline;cursor:pointer;text-align:left}
.aq-later[hidden]{display:none}
.aq-later-note{margin-top:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--q-line-strong);background:var(--q-field)}
.aq-later-note p{margin:0;font-size:14px;line-height:1.5;color:var(--q-muted)}
.aq-later-note strong{color:var(--q-ink)}
.aq-email-row.is-off{opacity:.45}
/* Buch-Zusatz: Kopf mit Häkchen, drei Schritte, Erklärvideo auf Wunsch (18.10.2026) */
.aq-item-book{display:block!important;padding:0!important;overflow:hidden}
.aq-book-head{display:grid!important;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:start;padding:18px 18px 14px;margin:0!important;cursor:pointer;font-size:inherit!important;color:inherit!important}
.aq-book-head input{width:22px!important;height:22px;margin:3px 0 0!important;accent-color:#c96f9a}
.aq-book-title{display:grid;gap:3px;margin:0!important;font-size:inherit!important;color:inherit!important}
.aq-kicker{font-size:11.5px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--q-accent)!important;margin:0!important}
.aq-book-head strong{font:500 21px/1.2 var(--serif);color:var(--q-ink)}
.aq-book-head b{font-size:18px;font-weight:600;color:var(--q-ink);white-space:nowrap}
.aq-item-book:has(#aq-book:checked){border-color:var(--q-accent);background:#3a2236}
.aq-steps-title{margin:0;padding:12px 18px 0;border-top:1px solid var(--q-line);font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--q-soft)}
.aq-steps{list-style:none;margin:10px 0 0;padding:0 18px;display:grid;gap:12px}
.aq-steps li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:14.5px;line-height:1.5;color:var(--q-ink)}
.aq-steps i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--q-line-strong);background:#2f1d2c;font-style:normal;font-size:13px;color:var(--q-accent)}
.aq-explain{display:flex;align-items:center;gap:10px;margin:16px 18px 18px;padding:11px 16px;border-radius:15px;border:1px solid var(--q-line-strong);background:var(--q-field);color:var(--q-ink);font-size:14.5px;cursor:pointer}
.aq-explain[hidden]{display:none}
.aq-explain:hover,.aq-explain:focus-visible{border-color:var(--q-accent);outline:none}
.aq-play{width:26px;height:26px;border-radius:50%;background:var(--q-accent);position:relative;flex:none}
.aq-play::after{content:"";position:absolute;left:10px;top:7px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #2a1426}
.aq-explain[aria-expanded="true"] .aq-play::after{left:8px;top:8px;border:0;width:10px;height:10px;background:linear-gradient(90deg,#2a1426 0 35%,transparent 35% 65%,#2a1426 65%)}
.aq-item-book .aq-preview{padding:0 18px 20px}
@media(max-width:600px){.aq-book-head{grid-template-columns:auto 1fr}.aq-book-head b{grid-column:2}}
/* Geschenk-Schritt: Rahmen und Abstände wie die übrigen Quiz-Felder */
.advent-quiz .quiz-panel[data-step="1"]>label{margin-top:24px}
.aq-gender{margin-top:24px}
.aq-gender span{border-color:var(--q-line-strong)}
.aq-gender input:checked+span{border-color:var(--q-accent)}
.aq-check{border-radius:15px;border-color:var(--q-line-strong);background:var(--q-field);color:var(--q-accent)}
.aq-check:hover,.aq-check:focus-visible{border-color:var(--q-accent);outline:none}
.aq-email-status{font-size:13px}
.advent-quiz .aq-email-row input:focus{border-color:var(--q-accent)}
.advent-quiz .quiz-panel p.aq-email-status{font-size:13px;line-height:1.5}
.advent-quiz .quiz-panel .aq-later-note p{font-size:14px;line-height:1.5}
.aq-explain{text-align:left}
/* 18.10. abends: Empfänger-E-Mail in der Zusammenfassung, »Später hinzufügen« als gut sichtbarer Button direkt unter dem Feld */
.aq-recipient{margin-top:26px}
.aq-recipient[hidden]{display:none}
.aq-later-btn{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0 0;padding:13px 16px;border-radius:15px;border:1px dashed var(--q-accent);background:#2f1b2b;color:var(--q-ink);font-size:14.5px;line-height:1.35;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.aq-later-btn strong{font-weight:600;color:var(--q-accent)}
.aq-later-btn:hover,.aq-later-btn:focus-visible{background:#3a2236;border-style:solid;outline:none}
.aq-later-btn[hidden]{display:none}
.aq-later-icon{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--q-accent);position:relative}
.aq-later-icon::before{content:"";position:absolute;left:12px;top:6px;width:1.5px;height:8px;background:var(--q-accent)}
.aq-later-icon::after{content:"";position:absolute;left:12px;top:13px;width:7px;height:1.5px;background:var(--q-accent)}
.aq-now{margin:10px 0 0;padding:0;background:none;border:0;color:var(--q-accent);font-size:14px;text-decoration:underline;cursor:pointer}