/* WEBELITE V166: Lernmissionen – einheitliche Farbwelt, Belohnungen und Mobilansicht */
#lernmissionen.missions-section{background:radial-gradient(ellipse at 90% 0%,#174f9b 0%,transparent 45%),linear-gradient(155deg,#061333,#0a275d 65%,#071a3b);min-height:70vh}
#lernmissionen .missions-panel{max-width:1120px}
#lernmissionen .missions-kicker{color:#ffde65}
#lernmissionen h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12}
#lernmissionen .missions-meter{padding:15px 18px;border:1px solid #5379b0;background:#102f65;border-radius:15px}
#lernmissionen .missions-meter strong{font-size:1.05rem;color:#ffe070}
#lernmissionen .missions-track{height:17px;background:#244675;border:1px solid #7598ce;box-shadow:inset 0 1px 4px #00132b}
#lernmissionen .missions-track span{background:linear-gradient(90deg,#ffcf3e,#ffe990);border-radius:20px}
#lernmissionen .missions-reward{display:flex;align-items:center;gap:12px;margin:20px 0 2px;padding:16px 18px;background:#123669;border:1px solid #7895c4;border-radius:15px;color:#fff;font-weight:700}
#lernmissionen .missions-reward-icon{font-size:1.9rem;flex-shrink:0}
#lernmissionen .missions-grid{gap:18px}
#lernmissionen .mission-card{background:linear-gradient(160deg,#fff,#eaf2ff);border:2px solid #b7cbed;border-radius:18px;box-shadow:0 10px 26px #000b2555;display:flex;flex-direction:column}
#lernmissionen .mission-card h3{color:#092e67!important}
#lernmissionen .mission-card .mission-icon{font-size:2.15rem}
#lernmissionen .mission-card label{margin-top:auto}
#lernmissionen .mission-card select{min-height:46px;border:2px solid #6b88ba}
#lernmissionen .mission-card button{min-height:46px;background:#ffd84e;color:#102950!important;border:1px solid #cba624;transition:filter .15s}
#lernmissionen .mission-card button:not(:disabled):hover{filter:brightness(.94)}
#lernmissionen .mission-card.is-done{border-color:#55bd83;outline:2px solid #55bd83;background:linear-gradient(155deg,#fff,#e5f8ed)}
#lernmissionen .mission-card.is-done button{background:#c8e9d3;border-color:#80b995}
#lernmissionen button:focus-visible,#lernmissionen select:focus-visible{outline:3px solid #ffdf61;outline-offset:3px}
@media(max-width:560px){#lernmissionen .missions-meter{align-items:stretch}#lernmissionen .missions-meter button{width:100%}#lernmissionen .missions-reward{padding:14px}#lernmissionen .mission-card{padding:18px}}
@media(prefers-reduced-motion:reduce){#lernmissionen .mission-card button{transition:none}}