/* DeckLearn Blog Deutschland — interaktives Lernen + bestehende Produkt-Assets. */
.learning-check{margin-top:26px;padding:clamp(18px,3vw,24px);border:1px solid rgba(var(--glow-a),.30);border-radius:22px;background:radial-gradient(560px 230px at 0 0,rgba(var(--glow-a),.13),transparent 68%),radial-gradient(460px 220px at 100% 100%,rgba(var(--glow-b),.10),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.016));box-shadow:0 18px 42px rgba(0,0,0,.28)}.learning-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--theme-gold) 45%,transparent);color:var(--theme-gold);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.learning-check h2{margin:12px 0 8px}.learning-question{font-size:1.03rem}.learning-options{display:grid;gap:11px;margin-top:14px}.learning-option{--quiz-accent:#5ce1ff;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;min-height:70px;width:100%;padding:9px 14px 9px 11px;border:1px solid color-mix(in srgb,var(--quiz-accent) 28%,rgba(255,255,255,.10));border-radius:17px;color:#edf5ff;text-align:left;font:700 .96rem/1.4 Inter,sans-serif;background:linear-gradient(90deg,color-mix(in srgb,var(--quiz-accent) 10%,transparent),transparent 66%),rgba(7,11,22,.76);cursor:pointer;transition:.14s ease}.learning-option:nth-child(1){--quiz-accent:#5ce1ff}.learning-option:nth-child(2){--quiz-accent:#4f9cff}.learning-option:nth-child(3){--quiz-accent:#6e75ff}.learning-option:nth-child(4){--quiz-accent:#ad63d3}.learning-option:nth-child(5){--quiz-accent:#d7b56d}.learning-option:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--quiz-accent) 62%,rgba(255,255,255,.14));box-shadow:0 12px 28px rgba(0,0,0,.26),0 0 18px color-mix(in srgb,var(--quiz-accent) 14%,transparent)}.learning-letter{position:relative;z-index:1;isolation:isolate;display:grid;width:50px;height:50px;place-items:center;border:1px solid color-mix(in srgb,var(--quiz-accent) 64%,rgba(255,255,255,.18));border-radius:14px;color:#f5f8ff;background:linear-gradient(145deg,color-mix(in srgb,var(--quiz-accent) 36%,#10182a),rgba(16,24,42,.96));box-shadow:0 9px 18px color-mix(in srgb,var(--quiz-accent) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.18);font:900 .95rem/1 Sora,Inter,sans-serif}.learning-letter::before,.learning-letter::after{content:"";position:absolute;z-index:-1;inset:6px -5px -5px 6px;border:1px solid color-mix(in srgb,var(--quiz-accent) 38%,rgba(255,255,255,.14));border-radius:12px;background:color-mix(in srgb,#10182a 88%,var(--quiz-accent));box-shadow:0 5px 12px rgba(0,0,0,.20)}.learning-letter::after{inset:11px -9px -9px 11px;opacity:.45}.learning-option:nth-child(1) .learning-letter::before,.learning-option:nth-child(1) .learning-letter::after{opacity:0}.learning-option:nth-child(2) .learning-letter::before{opacity:.38}.learning-option:nth-child(2) .learning-letter::after{opacity:0}.learning-option:nth-child(3) .learning-letter::before{opacity:.62}.learning-option:nth-child(3) .learning-letter::after{opacity:.18}.learning-option:nth-child(4) .learning-letter::before{opacity:.82}.learning-option:nth-child(4) .learning-letter::after{opacity:.34}.learning-option.is-correct{border-color:rgba(98,240,168,.72);background:linear-gradient(90deg,rgba(98,240,168,.13),transparent 70%),rgba(7,11,22,.82)}.learning-option.is-wrong{border-color:rgba(255,92,92,.66);background:linear-gradient(90deg,rgba(255,92,92,.12),transparent 70%),rgba(7,11,22,.82)}.learning-option:disabled{cursor:default}.learning-feedback{margin:14px 0 0;padding:12px 14px;border-radius:14px}.learning-feedback.is-correct{background:rgba(98,240,168,.10);border:1px solid rgba(98,240,168,.30)}.learning-feedback.is-wrong{background:rgba(255,92,92,.08);border:1px solid rgba(255,92,92,.26)}
.pillar-learning-assets{position:relative;overflow:hidden;margin:26px 0 18px;padding:clamp(18px,3vw,26px);border:1px solid rgba(var(--glow-a),.28);border-radius:24px;background:radial-gradient(620px 250px at 0 0,rgba(var(--glow-a),.12),transparent 67%),radial-gradient(520px 230px at 100% 100%,rgba(var(--glow-b),.09),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 20px 48px rgba(0,0,0,.34)}.pillar-learning-assets__head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.pillar-learning-assets__head h2{margin:0!important;font-size:clamp(1.25rem,2.6vw,1.8rem)!important}.pillar-learning-assets__head p{max-width:54ch;margin:0;color:var(--muted);font-size:.9rem;text-align:right}.pillar-learning-assets__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pillar-learning-asset{min-width:0;margin:0;padding:12px 9px 11px;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:rgba(7,11,22,.66);text-align:center;box-shadow:0 12px 26px rgba(0,0,0,.24)}.pillar-learning-asset img{display:block;width:100%;height:92px;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.26))}.pillar-learning-asset strong{display:block;color:#fff;font:850 .78rem/1.25 Sora,Inter,sans-serif}.pillar-learning-asset small{display:block;margin-top:4px;color:#8fa9c4;font-size:.69rem;line-height:1.35}
@media(max-width:820px){.pillar-learning-assets__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.learning-option{grid-template-columns:48px minmax(0,1fr);min-height:62px;padding:8px 10px}.learning-letter{width:44px;height:44px;border-radius:12px}.pillar-learning-assets__head{display:block}.pillar-learning-assets__head p{margin-top:6px;text-align:left}.pillar-learning-assets__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-learning-asset:last-child{grid-column:1/-1}.pillar-learning-asset img{height:82px}}
@media(prefers-reduced-motion:reduce){.learning-option{transition:none}.pillar-learning-asset img{animation:none!important}}