/* Homepage quiz only: no shared card or portrait selectors. */
.gf-quiz{margin:64px 0;scroll-margin-top:110px;color:#214435}
.gq-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px;font:600 16px/1.4 var(--head);letter-spacing:.1em}
.gq-heading span:last-child{font:400 14px/1.4 var(--sans);letter-spacing:0;color:#536c5e}
.gq-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);border:1px solid #a8c9b3;border-radius:24px;overflow:hidden;background:linear-gradient(130deg,#f8fcf9,#e8f3ec);box-shadow:0 14px 35px #21443509}
.gq-stage{position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 95% 95%,#729b80 0%,transparent 65%),#244b3b;color:#ecf6ee;min-height:570px;overflow:hidden}
.gq-intro{padding:34px 34px 0;position:relative;z-index:1}
.gf-quiz .gq-kicker{font:600 13px/1.4 var(--head);letter-spacing:.16em;color:#d2b475;margin:0 0 16px}
.gf-quiz #quiz-title{font:700 clamp(40px,4.2vw,60px)/.98 var(--head);text-transform:uppercase;color:#eef8f0;margin:0 0 18px;letter-spacing:0}
.gq-intro>p:last-child{font:400 15px/1.6 var(--sans);color:#cfdfd3;margin:0}
.gq-visual{flex:1;min-height:230px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:24px}
.gq-visual img{position:absolute;bottom:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 20px #122d2733)}
.gq-caption{position:absolute;left:0;bottom:0;right:0;padding:45px 30px 24px;background:linear-gradient(transparent,#183b2eef)}
.gq-caption span,.gq-caption strong{display:block}.gq-caption span{font:400 12px/1.5 var(--sans);color:#caddcf}.gq-caption strong{font:600 25px/1.3 var(--head);color:#fff}
.gq-symbol{font:700 clamp(70px,8vw,110px)/1 var(--head);color:#d7bd83;letter-spacing:-.04em;margin-bottom:65px}
.gq-game{padding:34px 38px;min-width:0;display:flex;flex-direction:column}
.gq-status{display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 13px/1.5 var(--head);letter-spacing:.09em;color:#587061}
.gq-category{border:1px solid #bdcfc1;border-radius:30px;padding:4px 12px;text-transform:uppercase;color:#315d45}
.gq-progress{display:flex;gap:6px;margin:18px 0 24px}.gq-progress i{height:3px;background:#d4e3d8;flex:1;border-radius:5px}.gq-progress .current{background:#b08948}.gq-progress .done{background:#3f7254}
.gf-quiz .gq-question{font:600 clamp(26px,2.6vw,34px)/1.14 var(--head);color:#214435;text-transform:none;letter-spacing:0;margin:0 0 24px;outline:none}
.gq-options{display:grid;gap:10px}.gf-quiz button{font-family:var(--sans);cursor:pointer}
.gq-option{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:#ffffffa6;border:1px solid #bed3c5;border-radius:10px;color:#214435;padding:11px 15px;min-height:59px;font-size:17px;transition:background .15s,border-color .15s}
.gq-letter{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c7d9cd;border-radius:50%;font:600 17px var(--head);flex-shrink:0}.gq-mark{margin-left:auto;color:#8da594}
.gq-option:not(:disabled):hover{background:#fff;border-color:#b08948}.gf-quiz button:focus-visible,.gf-quiz a:focus-visible,.gq-sources summary:focus-visible{outline:3px solid #b08948;outline-offset:3px}
.gq-option:disabled{cursor:default;opacity:1}.gq-option.is-correct{background:#d3e8d9;border-color:#4d815f}.gq-option.is-correct .gq-mark{color:#265e3a}.gq-option.is-wrong{background:#f1e5df;border-color:#b47e65}.gq-option.is-wrong .gq-mark{color:#8c4934}
.gq-response:empty{display:none}.gq-response{margin:20px 0 0;font:400 15px/1.6 var(--sans)}.gq-response strong{font-weight:700}.gq-response p{margin:7px 0 9px}.gq-response a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.gq-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:26px;font:400 12px/1.5 var(--sans);color:#5d7365}
.gq-next{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:7px;background:#b08948;color:#fff;padding:12px 18px;font-size:14px;font-weight:600}.gq-next:hover{background:#987439}
.gq-sources{margin:16px 2px 0;font:400 13px/1.6 var(--sans);color:#5c7163}.gq-sources summary{cursor:pointer;width:fit-content}.gq-sources p{max-width:820px;margin:8px 0 0}
.gq-score{font:700 88px/1 var(--head);color:#b08948}.gq-score span{font-size:36px;color:#7a9585}.gq-result-copy{font:400 15px/1.6 var(--sans)}.gq-recap{padding:0;list-style:none;margin:5px 0 24px;font:400 14px/1.8 var(--sans)}.gq-recap li{display:flex;gap:12px}.gq-recap li>span{color:#527a5f}.gq-recap a:hover{text-decoration:underline}.gq-restart{align-self:flex-start;margin-top:auto}
@media(max-width:700px){.gf-quiz{margin:40px 0;scroll-margin-top:85px}.gq-heading{font-size:13px;letter-spacing:.06em}.gq-heading span:last-child{font-size:11px}.gq-card{grid-template-columns:1fr;border-radius:18px}.gq-stage{min-height:230px;display:grid;grid-template-columns:1.15fr 1fr}.gq-intro{padding:23px 0 23px 22px}.gf-quiz #quiz-title{font-size:36px}.gf-quiz .gq-kicker{font-size:11px;margin-bottom:12px}.gq-intro>p:last-child{font-size:12px}.gq-visual{margin:0;min-height:230px}.gq-visual img{height:92%;width:125%;max-width:none}.gq-caption{padding:35px 10px 14px}.gq-caption span{display:none}.gq-caption strong{font-size:20px}.gq-symbol{font-size:58px;margin-bottom:20px}.gq-game{padding:24px 22px}.gf-quiz .gq-question{font-size:28px}.gq-footer{font-size:11px}.gq-option{font-size:16px}.gq-next{gap:10px;font-size:13px;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.gq-option{transition:none}}
@media(max-width:700px){.gq-intro>p:last-child{display:none}.gq-stage,.gq-visual{min-height:220px}}

/* Keep the new question visible below the fixed navigation after each answer. */
.gf-quiz .gq-question{scroll-margin-top:140px}
@media(max-width:700px){.gf-quiz .gq-question{scroll-margin-top:85px}}

/* Quiz feedback is one readable paragraph, including its trailing source link. */
.gf-quiz .gq-response strong,.gf-quiz .gq-response a{display:inline}

/* Shared 24px spacing above and below the answer choices. */
.gf-quiz .gq-response{margin-top:24px}
.gf-quiz .gq-symbol{width:100%;box-sizing:border-box;text-align:left;padding-left:34px;font-size:clamp(110px,12vw,170px);margin-bottom:85px}
@media(max-width:700px){.gf-quiz .gq-symbol{padding-left:12px;font-size:clamp(62px,18vw,90px);margin-bottom:40px}}


/* Result screen: breathing room below the label and larger summary copy. */
.gf-quiz .gq-finished .gq-status{margin-bottom:24px}
.gf-quiz .gq-result-copy{font-size:17px}
.gf-quiz .gq-recap{font-size:16px}
/* 18.10.2026: Profil-Quiz (Top 20 Trainer, Besitzer, Zuechter, Pferde) - Trikots klein und mittig statt bildfuellend */
.gf-profil-quiz .gq-visual img[src*="/trikots/"]{left:50%;bottom:96px;width:46%;height:62%;transform:translateX(-50%);filter:drop-shadow(0 8px 18px #0b1f1833)}
@media(max-width:700px){.gf-profil-quiz .gq-visual img[src*="/trikots/"]{bottom:48px;width:58%;height:58%}}
.gf-profil-quiz #quiz-title{overflow-wrap:normal;word-break:normal;hyphens:manual;max-width:100%}
@media(max-width:700px){.gf-profil-quiz .gq-intro{padding-right:10px;min-width:0}}
.gf-profil-quiz .gq-nw{font-weight:inherit}
.gf-profil-quiz .gq-nw,.gf-profil-quiz .gq-heading>span:last-child{white-space:nowrap}
@media(max-width:700px){.gf-profil-quiz .gq-visual img[src*="/trikots/"]{bottom:76px;width:52%;height:50%}}
@media(max-width:700px){.gf-profil-quiz .gq-caption{background:none;text-shadow:0 2px 10px #0b1f18cc}}

/* Startseitenquiz: gemeinsame Fußzeile, vollständige Bildbreite. */
.startseite .gq-caption{padding:20px 34px 34px}
.startseite .gq-caption strong,.startseite .gq-footer{font:400 18px/1.5 var(--sans);text-align:left}
.startseite .gq-footer{justify-content:flex-start}
.startseite .gq-visual img{width:100%;max-width:100%;object-fit:contain;object-position:center bottom}
@media(max-width:700px){.startseite .gq-caption{padding:14px 22px}.startseite .gq-footer,.startseite .gq-caption strong{font-size:16px}}