.gpg-quiz{--gpg-quiz-blue-dark:#101820;--gpg-quiz-blue:#1667b1;--gpg-quiz-yellow:#f2c94c;--gpg-quiz-text:#20252b;--gpg-quiz-muted:#66717d;--gpg-quiz-line:#d9dee4;--gpg-quiz-surface:#fff;--gpg-quiz-success:#176b3a;--gpg-quiz-success-bg:#eef8f1;--gpg-quiz-error:#a52a2a;--gpg-quiz-error-bg:#fff1f1;width:100%;margin:32px 0;background:var(--gpg-quiz-surface);border-top:5px solid var(--gpg-quiz-blue);border-bottom:1px solid var(--gpg-quiz-line);box-shadow:0 10px 28px rgba(16,24,32,.08);color:var(--gpg-quiz-text);font-family:inherit}.gpg-quiz *,.gpg-quiz *:before,.gpg-quiz *:after{box-sizing:border-box}.gpg-quiz__header{padding:28px 30px 24px;border-bottom:1px solid var(--gpg-quiz-line)}.gpg-quiz__eyebrow{margin:0 0 7px;color:var(--gpg-quiz-blue);font-size:.78rem;font-weight:800;letter-spacing:.08em}.gpg-quiz__title{margin:0;color:var(--gpg-quiz-blue-dark);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15}.gpg-quiz__subtitle{margin:10px 0 0;color:var(--gpg-quiz-muted);font-size:1rem}.gpg-quiz__stage{padding:26px 30px 30px}.gpg-quiz__start-title,.gpg-quiz__question,.gpg-quiz__result-score{color:var(--gpg-quiz-blue-dark)}.gpg-quiz__start-title{margin:0 0 8px;font-size:clamp(1.35rem,2.2vw,1.7rem)}.gpg-quiz__start-copy{margin:0 0 20px;color:var(--gpg-quiz-muted);line-height:1.55}.gpg-quiz__difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gpg-quiz__difficulty{min-height:86px;padding:15px;border:1px solid var(--gpg-quiz-line);border-left:4px solid var(--gpg-quiz-blue);border-radius:0;background:#fff;color:var(--gpg-quiz-text);text-align:left;font:inherit;cursor:pointer}.gpg-quiz__difficulty:hover{border-color:var(--gpg-quiz-yellow);border-left-color:var(--gpg-quiz-yellow);background:#fffbee}.gpg-quiz__difficulty strong,.gpg-quiz__difficulty span{display:block}.gpg-quiz__difficulty strong{margin-bottom:5px;color:var(--gpg-quiz-blue-dark);font-size:1.05rem}.gpg-quiz__difficulty span{color:var(--gpg-quiz-muted);font-size:.9rem;line-height:1.35}.gpg-quiz__progress-wrap{margin-bottom:24px}.gpg-quiz__progress{margin:0 0 8px;color:var(--gpg-quiz-blue-dark);font-size:.9rem;font-weight:700}.gpg-quiz__progress-track{width:100%;height:5px;overflow:hidden;background:#edf0f3}.gpg-quiz__progress-bar{display:block;width:10%;height:100%;background:var(--gpg-quiz-yellow);transition:width .18s ease}.gpg-quiz__question{margin:0 0 20px;font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.35}.gpg-quiz__meta{margin:-10px 0 18px;color:var(--gpg-quiz-muted);font-size:.85rem;font-weight:700}.gpg-quiz__answers{display:grid;gap:10px}.gpg-quiz__answer{display:grid;grid-template-columns:2.15rem 1fr;gap:10px;align-items:center;width:100%;min-height:54px;padding:12px 14px;border:1px solid var(--gpg-quiz-line);border-left:4px solid var(--gpg-quiz-blue);border-radius:0;background:#fff;color:var(--gpg-quiz-text);text-align:left;font:inherit;line-height:1.35;cursor:pointer}.gpg-quiz__answer:hover:not(:disabled){border-color:var(--gpg-quiz-yellow);border-left-color:var(--gpg-quiz-yellow);background:#fffbee}.gpg-quiz__answer:disabled{cursor:default;opacity:1}.gpg-quiz__answer-label{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;background:var(--gpg-quiz-blue-dark);color:#fff;font-weight:800}.gpg-quiz__answer.is-correct{border-color:var(--gpg-quiz-success);border-left-color:var(--gpg-quiz-success);background:var(--gpg-quiz-success-bg)}.gpg-quiz__answer.is-correct .gpg-quiz__answer-label{background:var(--gpg-quiz-success)}.gpg-quiz__answer.is-wrong{border-color:var(--gpg-quiz-error);border-left-color:var(--gpg-quiz-error);background:var(--gpg-quiz-error-bg)}.gpg-quiz__answer.is-wrong .gpg-quiz__answer-label{background:var(--gpg-quiz-error)}.gpg-quiz__feedback{margin-top:22px;padding:18px 20px;border-left:4px solid var(--gpg-quiz-blue);background:#f6f8fa}.gpg-quiz__feedback-title{margin:0 0 6px;color:var(--gpg-quiz-blue-dark);font-weight:800}.gpg-quiz__feedback-text{margin:0;line-height:1.55}.gpg-quiz__article-link{display:inline-block;margin-top:14px;color:var(--gpg-quiz-blue);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.gpg-quiz__article-link:hover{color:#8b6a00}.gpg-quiz__ad{margin:24px 0 0;padding:14px 0 0;border-top:1px solid var(--gpg-quiz-line);text-align:center}.gpg-quiz__ad-label{display:block;margin-bottom:8px;color:var(--gpg-quiz-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.gpg-quiz__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.gpg-quiz__next,.gpg-quiz__restart,.gpg-quiz__change-difficulty,.gpg-quiz__share-button{min-height:48px;padding:12px 18px;border:2px solid var(--gpg-quiz-blue);border-radius:0;font:inherit;font-weight:800;cursor:pointer}.gpg-quiz__next,.gpg-quiz__restart{background:var(--gpg-quiz-blue);color:#fff}.gpg-quiz__change-difficulty,.gpg-quiz__share-button{background:#fff;color:var(--gpg-quiz-blue-dark)}.gpg-quiz__next:hover,.gpg-quiz__restart:hover,.gpg-quiz__change-difficulty:hover,.gpg-quiz__share-button:hover{border-color:var(--gpg-quiz-yellow);background:var(--gpg-quiz-yellow);color:var(--gpg-quiz-blue-dark)}.gpg-quiz button:focus-visible,.gpg-quiz a:focus-visible{outline:3px solid var(--gpg-quiz-yellow);outline-offset:3px}.gpg-quiz__loading,.gpg-quiz__error{padding:18px 20px;border-left:4px solid var(--gpg-quiz-blue);background:#f6f8fa;line-height:1.5}.gpg-quiz__error{border-left-color:var(--gpg-quiz-error)}.gpg-quiz__result-score{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}.gpg-quiz__result-copy{margin:0;font-size:1.05rem;line-height:1.55}.gpg-quiz__share{margin-top:22px}.gpg-quiz__share-status{min-height:1.3em;margin:8px 0 0;color:var(--gpg-quiz-muted);font-size:.9rem}.gpg-quiz__whatsapp{margin-top:28px;padding:20px;border-left:4px solid var(--gpg-quiz-yellow);background:#f7f8fa}.gpg-quiz__whatsapp-title{margin:0 0 6px;color:var(--gpg-quiz-blue-dark);font-size:1.1rem;font-weight:800}.gpg-quiz__whatsapp-copy{margin:0;line-height:1.5}.gpg-quiz__whatsapp-link{display:inline-block;margin-top:14px;color:var(--gpg-quiz-blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}.gpg-quiz__archive{margin-top:28px;padding-top:22px;border-top:1px solid var(--gpg-quiz-line)}.gpg-quiz__archive-title{margin:0 0 14px;color:var(--gpg-quiz-blue-dark);font-size:1.15rem}.gpg-quiz__archive-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.gpg-quiz__archive-link{display:block;padding:10px 12px;border-left:3px solid var(--gpg-quiz-yellow);background:#f7f8fa;color:var(--gpg-quiz-blue);font-weight:700;text-decoration:none}.gpg-quiz__archive-link:hover{background:#fff8dc;color:var(--gpg-quiz-blue-dark)}@media(max-width:720px){.gpg-quiz__difficulty-grid{grid-template-columns:1fr}}@media(max-width:640px){.gpg-quiz{margin:24px 0}.gpg-quiz__header,.gpg-quiz__stage{padding-left:18px;padding-right:18px}.gpg-quiz__header{padding-top:22px;padding-bottom:20px}.gpg-quiz__stage{padding-top:22px;padding-bottom:24px}.gpg-quiz__answer{grid-template-columns:1.9rem 1fr;padding:11px 12px}.gpg-quiz__answer-label{min-width:1.8rem;min-height:1.8rem}.gpg-quiz__actions{display:grid}.gpg-quiz__next,.gpg-quiz__restart,.gpg-quiz__change-difficulty,.gpg-quiz__share-button{width:100%}}@media(prefers-reduced-motion:reduce){.gpg-quiz__progress-bar{transition:none}}


/* =========================================================
   QUIZ 4.0 – WOCHENRANGLISTE
   ========================================================= */

.gpg-quiz__leaderboard-teaser {
    display: grid;
    gap: 4px;
    margin-top: 22px;
    padding: 16px 18px;
    border-left: 4px solid var(--gpg-quiz-yellow);
    background: #f6f8fa;
}

.gpg-quiz__leaderboard-teaser strong {
    color: var(--gpg-quiz-blue-dark);
}

.gpg-quiz__leaderboard-teaser span {
    color: var(--gpg-quiz-muted);
    line-height: 1.45;
}

.gpg-quiz__rank-submit {
    margin-top: 28px;
    padding: 20px;
    border-top: 4px solid var(--gpg-quiz-yellow);
    background: #f6f8fa;
}

.gpg-quiz__rank-submit-title {
    margin: 0 0 6px;
    color: var(--gpg-quiz-blue-dark);
    font-size: 1.18rem;
}

.gpg-quiz__rank-submit-copy {
    margin: 0 0 16px;
    line-height: 1.5;
}

.gpg-quiz__rank-label {
    display: block;
    margin-bottom: 6px;
    color: var(--gpg-quiz-blue-dark);
    font-size: .86rem;
    font-weight: 800;
}

.gpg-quiz__rank-controls {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
}

.gpg-quiz__rank-input {
    min-width: 0;
    min-height: 48px;
    padding: 11px 12px;
    border: 2px solid var(--gpg-quiz-line);
    border-radius: 0;
    background: #fff;
    color: var(--gpg-quiz-text);
    font: inherit;
    font-size: 16px;
}

.gpg-quiz__rank-input:focus {
    border-color: var(--gpg-quiz-blue);
    outline: 3px solid var(--gpg-quiz-yellow);
    outline-offset: 2px;
}

.gpg-quiz__rank-button {
    min-height: 48px;
    padding: 11px 18px;
    border: 2px solid var(--gpg-quiz-blue);
    border-radius: 0;
    background: var(--gpg-quiz-blue);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.gpg-quiz__rank-button:hover:not(:disabled) {
    border-color: var(--gpg-quiz-yellow);
    background: var(--gpg-quiz-yellow);
    color: var(--gpg-quiz-blue-dark);
}

.gpg-quiz__rank-button:disabled {
    opacity: .65;
    cursor: default;
}

.gpg-quiz__rank-status {
    min-height: 1.4em;
    margin: 9px 0 0;
    color: var(--gpg-quiz-blue-dark);
    font-size: .92rem;
    font-weight: 700;
}

.gpg-quiz__rank-privacy {
    margin: 8px 0 0;
    color: var(--gpg-quiz-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.gpg-quiz__leaderboard {
    margin-top: 28px;
    border-top: 1px solid var(--gpg-quiz-line);
    border-bottom: 1px solid var(--gpg-quiz-line);
}

.gpg-quiz__leaderboard-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: end;
    padding: 20px 0 14px;
}

.gpg-quiz__leaderboard-kicker {
    display: block;
    margin-bottom: 3px;
    color: var(--gpg-quiz-blue);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
}

.gpg-quiz__leaderboard-title {
    margin: 0;
    color: var(--gpg-quiz-blue-dark);
    font-size: 1.3rem;
}

.gpg-quiz__leaderboard-week {
    margin: 4px 0 0;
    color: var(--gpg-quiz-muted);
    font-size: .84rem;
}

.gpg-quiz__leaderboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.gpg-quiz__leaderboard-tab {
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--gpg-quiz-line);
    border-radius: 0;
    background: #fff;
    color: var(--gpg-quiz-blue-dark);
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
}

.gpg-quiz__leaderboard-tab.is-active,
.gpg-quiz__leaderboard-tab:hover {
    border-color: var(--gpg-quiz-yellow);
    background: var(--gpg-quiz-yellow);
}

.gpg-quiz__leaderboard-list {
    padding-bottom: 18px;
}

.gpg-quiz__ranking {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--gpg-quiz-line);
}

.gpg-quiz__ranking-row {
    display: grid;
    grid-template-columns: 2.1rem minmax(0,1fr) 3.5rem 5rem;
    gap: 10px;
    align-items: center;
    padding: 10px 8px;
    border-bottom: 1px solid #edf0f3;
}

.gpg-quiz__ranking-row:nth-child(-n+3) {
    background: #fffbee;
}

.gpg-quiz__ranking-place {
    color: var(--gpg-quiz-blue-dark);
    font-weight: 900;
}

.gpg-quiz__ranking-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--gpg-quiz-text);
}

.gpg-quiz__ranking-score {
    color: var(--gpg-quiz-blue);
    font-weight: 900;
    text-align: right;
}

.gpg-quiz__ranking-time {
    color: var(--gpg-quiz-muted);
    font-size: .84rem;
    text-align: right;
}

.gpg-quiz__leaderboard-loading,
.gpg-quiz__leaderboard-empty {
    margin: 0;
    padding: 15px 0;
    color: var(--gpg-quiz-muted);
    line-height: 1.45;
}

@media (max-width: 640px) {
    .gpg-quiz__rank-controls {
        grid-template-columns: 1fr;
    }

    .gpg-quiz__rank-button {
        width: 100%;
    }

    .gpg-quiz__leaderboard-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .gpg-quiz__ranking-row {
        grid-template-columns: 1.8rem minmax(0,1fr) 3rem;
    }

    .gpg-quiz__ranking-time {
        grid-column: 2 / 4;
        text-align: left;
        margin-top: -4px;
    }
}