.mk-direkt-titel{font-size:var(--text-m);color:var(--n700);margin:18px 0 8px;font-weight:600}.mk-direkt-knoepfe{gap:var(--abstand-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mk-direkt-link{min-width:0;display:block}.mk-direkt-knopf{width:100%;min-height:var(--touch-ziel);border:1px solid var(--n200);border-radius:var(--radius-l);background:var(--n0);color:var(--n900);font-size:var(--text-m);text-align:center;flex-wrap:wrap;place-content:center;align-items:baseline;column-gap:6px;padding:8px 12px;font-weight:600;line-height:1.25;transition:border-color .15s,background .15s;display:flex}.mk-direkt-link:hover .mk-direkt-knopf{border-color:var(--n800)}.mk-direkt-link:focus-visible{outline:none}.mk-direkt-link:focus-visible .mk-direkt-knopf{outline:2px solid var(--brand-primary);outline-offset:2px}.mk-direkt-ab{color:var(--n700);white-space:nowrap;font-weight:500}.mk-direkt-preis{font-family:var(--font-data);letter-spacing:-.02em;color:var(--n900);font-weight:650}.mk-direkt-fuss{gap:4px;margin-top:8px;display:grid}.mk-direkt-klein{color:var(--n500);margin:0;font-size:12px;line-height:1.45}@media (width<=899px){.mk-direkt-knopf{flex-direction:column;align-items:center;row-gap:1px;min-height:52px;padding:7px 8px}.mk-direkt-preis{font-size:var(--text-m)}.mk-direkt-knoepfe{bottom:var(--cb-hoehe,0px);z-index:2;margin:0 -18px;padding:8px 18px;position:sticky}.mk-direkt-knoepfe[data-angedockt]:not([data-magic-vorrang]){background:var(--body-bg);border-top:1px solid var(--n200);box-shadow:var(--shadow-pop)}.mk-direkt-knoepfe[data-angedockt=frei]{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}:is(.hero:has(.hero-korb:focus-within) .mk-direkt-knoepfe,.hero:has(.hero-korb input[placeholder]:not(:placeholder-shown)) .mk-direkt-knoepfe,.hero:has(.hk-chip) .mk-direkt-knoepfe,.mk-direkt-knoepfe[data-statisch],.mk-direkt-knoepfe[data-ruhig],.mk-direkt-knoepfe[data-magic-vorrang]){box-shadow:none;border-top:0;position:static}.mk-direkt-knoepfe[data-statisch]{margin:0;padding:0}}@media (width<=389px){.hero:has(.mk-direkt-knoepfe){padding-top:24px}.hero:has(.mk-direkt-knoepfe) .hero-h1{margin:16px 0 10px;font-size:34px}.hero:has(.mk-direkt-knoepfe) .hero-korb{margin-top:18px}}
