/* ===== Bier-Wissensquiz — Teaser + Overlay (eigene .bwq-Namespace, Optik wie Biertyp-Quiz) ===== */
#bierwissen{scroll-margin-top:90px}
.bwq-teaser-sec{padding:8px 0 0}
.bwq-teaser{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(245,201,64,.4);background:radial-gradient(120% 140% at 100% 0%,#1c160c 0%,#12100c 55%,#0d0b08 100%);padding:34px 30px;text-align:center}
.bwq-teaser-eyebrow{display:inline-block;font-family:'Oswald',sans-serif;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--beer);background:rgba(245,201,64,.12);border:1px solid rgba(245,201,64,.4);padding:5px 12px;border-radius:999px;margin-bottom:14px}
.bwq-teaser-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,6vw,56px);line-height:.95;text-transform:uppercase;color:var(--cream);margin:0 0 12px}
.bwq-teaser-h2 em{font-style:normal;color:var(--beer)}
.bwq-teaser-p{font-family:'Oswald',sans-serif;font-size:15px;line-height:1.6;color:var(--cream);opacity:.82;max-width:540px;margin:0 auto 22px}
.bwq-teaser-btn{display:inline-flex;align-items:center;gap:10px;font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:16px;padding:17px 34px;border-radius:14px;border:none;cursor:pointer;background:var(--beer);color:var(--black);transition:transform .12s,box-shadow .12s;box-shadow:0 8px 24px rgba(245,201,64,.25)}
.bwq-teaser-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(245,201,64,.35)}
.bwq-teaser-meta{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.06em;color:var(--cream);opacity:.5;margin-top:16px}
@media(max-width:600px){.bwq-teaser{padding:24px 18px}.bwq-teaser-h2{font-size:clamp(28px,8vw,38px)}}

/* Overlay */
.bwq-overlay{position:fixed;inset:0;z-index:9998;background:#0a0a0a;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.bwq-overlay.open{display:block;animation:bwqfade .25s ease both}
@keyframes bwqfade{from{opacity:0}to{opacity:1}}
.bwq-close{position:fixed;top:14px;right:14px;z-index:10000;width:42px;height:42px;border-radius:50%;border:1px solid #3a342c;background:rgba(20,17,13,.9);color:var(--cream);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.bwq-close:hover{border-color:var(--beer);color:var(--beer)}
.bwq-app{max-width:520px;margin:0 auto;min-height:100dvh}

/* Screens */
.bwq-app .screen{display:flex;flex-direction:column;justify-content:center;padding:28px 24px;min-height:100dvh;animation:bwqfo .3s ease both}
@keyframes bwqfo{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bwq-app .eyebrow{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--beer);font-weight:600;margin-bottom:14px}
.bwq-app h1.big{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,13vw,74px);line-height:.92;text-transform:uppercase;color:var(--cream)}
.bwq-app h1.big em{font-style:normal;color:var(--beer)}
.bwq-app .sub{font-family:'Oswald',sans-serif;font-size:16px;line-height:1.55;color:var(--cream);opacity:.82;margin-top:18px;max-width:440px}
.bwq-app .sec-sub{font-family:'Oswald',sans-serif;font-size:13px;color:var(--cream);opacity:.6}
.bwq-app .tag-hint{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);opacity:.5;margin-top:22px}
.bwq-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:16px;padding:17px 26px;border-radius:14px;border:none;cursor:pointer;background:var(--beer);color:var(--black);transition:transform .12s;width:100%}
.bwq-app .btn:active{transform:scale(.97)}
.bwq-app .btn.ghost{background:transparent;color:var(--cream);border:2px solid #3a342c}
.bwq-app .btn.btn-ig{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888);color:#fff}
.bwq-app .btn.btn-wa{background:#25D366;color:#fff}

/* Frage */
.bwq-app .qhead{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.bwq-app .dots{display:flex;gap:5px;flex-wrap:wrap}
.bwq-app .dots i{width:8px;height:8px;border-radius:50%;background:#3a342c;transition:.3s}
.bwq-app .dots i.on{background:var(--beer);width:20px;border-radius:5px}
.bwq-app .dots i.done{background:rgba(245,201,64,.5)}
.bwq-app .qnum{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--beer);font-weight:600;margin-left:auto}
.bwq-app .qtitle{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,7vw,42px);line-height:1.05;text-transform:uppercase;color:var(--cream);margin-bottom:24px}
.bwq-app .opts{display:grid;gap:12px}
.bwq-app .opt{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;background:#1c1813;border:2px solid #3a342c;cursor:pointer;transition:transform .12s,border-color .2s,background .2s;text-align:left;color:var(--cream);font-family:'Oswald',sans-serif}
.bwq-app .opt:hover:not(:disabled){border-color:#5a5046;background:#241f18}
.bwq-app .opt:disabled{cursor:default}
.bwq-app .opt .ot{font-size:17px;font-weight:600;color:var(--cream)}
.bwq-app .opt.right{border-color:#3a8f5a;background:rgba(58,143,90,.2)}
.bwq-app .opt.right .ot{color:#7be0a0}
.bwq-app .opt.wrong{border-color:#c0392b;background:rgba(192,57,43,.18)}
.bwq-app .opt.wrong .ot{color:#ff9b8f}
@media(hover:none){.bwq-app .opt:hover:not(:disabled){border-color:#3a342c;background:#1c1813}}
.bwq-app .bwq-score-mini{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);opacity:.5;margin-top:18px}
.bwq-app .bwq-feedback{margin-top:18px;border-radius:14px;padding:18px 20px;animation:bwqfo .25s ease both}
.bwq-app .bwq-feedback.ok{background:rgba(58,143,90,.12);border:1px solid rgba(58,143,90,.4)}
.bwq-app .bwq-feedback.no{background:rgba(192,57,43,.1);border:1px solid rgba(192,57,43,.35)}
.bwq-app .bwq-fb-head{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:.03em;color:var(--cream);margin-bottom:6px}
.bwq-app .bwq-feedback.ok .bwq-fb-head{color:#7be0a0}
.bwq-app .bwq-feedback.no .bwq-fb-head{color:#ff9b8f}
.bwq-app .bwq-fb-ex{font-family:'Oswald',sans-serif;font-size:14px;line-height:1.55;color:var(--cream);opacity:.85}

/* Ergebnis */
.bwq-app .result{justify-content:flex-start;padding-top:34px}
.bwq-app .bwq-result-card{border-radius:24px;padding:34px 26px 30px;text-align:center;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.5);animation:bwqpop .5s cubic-bezier(.2,.9,.3,1.25) both}
@keyframes bwqpop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.bwq-app .bwq-emo{font-size:80px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.bwq-app .bwq-label{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.85;margin-top:10px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.bwq-app .bwq-score{font-family:'Bebas Neue',sans-serif;font-size:96px;line-height:1;margin:4px 0;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.bwq-app .bwq-tier{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:.03em;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.bwq-app .bwq-share-main{margin-top:22px}
.bwq-app .bwq-share-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.bwq-app .foot{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);opacity:.5;text-align:center;margin-top:24px}