/* Bezahl-Ampel */
.mpk-ampel-legend{list-style:none;padding:0;margin:.8rem 0}
.mpk-ampel-legend li{margin:.35rem 0}
.mpk-paycard{display:flex;align-items:center;gap:1rem;background:#F1F5F9;border:3px solid #1F3A5F;border-radius:14px;padding:.8rem 1rem}
.mpk-paycard h3{margin:0;font-size:1.35rem}
.mpk-ic{width:80px;height:80px;flex:0 0 80px}
.mpk-ampelbtns{flex-direction:row;flex-wrap:wrap}
.mpk-ampelbtns .mpk-btn{flex:1 1 110px;text-align:center;font-weight:bold;font-size:1.2rem;min-height:64px}
.mpk-ampelbtns .mpk-btn.mpk-dim{opacity:.35}
.mpk-ampelbtns .mpk-btn.mpk-picked{outline:5px solid #1a1a1a;outline-offset:2px;opacity:1}
.mpk-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.8rem 0}
.mpk-col{background:#fff;border:2px solid #ccd3db;border-radius:10px;padding:.5rem}
.mpk-col h4{margin:0 0 .3rem;font-size:1rem;display:block;text-align:center}
.mpk-col ul{margin:0;padding-left:1.1rem;font-size:.95rem}
.mpk-col li{margin:.25rem 0}
@media (max-width:600px){.mpk-cols{grid-template-columns:1fr}.mpk-ic{width:60px;height:60px;flex-basis:60px}}
.mpk-ampelbtns .mpk-btn.mpk-correct{opacity:1;outline:5px dashed #1a1a1a;outline-offset:2px}