.ecke{position:fixed;right:clamp(.8rem,2vw,1.4rem);bottom:calc(clamp(.8rem,2vw,1.4rem) + var(--ecke-leiste, 0px));z-index:40;width:min(21rem,calc(100vw - 1.6rem));display:grid;gap:.9rem;padding:1rem 1rem 1.1rem;background:var(--weiss);border:1px solid var(--linie-2);border-radius:var(--r-flaeche);box-shadow:0 10px 34px #1c2f4a29;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.ecke[hidden]{display:none}.ecke.da{opacity:1;transform:none;pointer-events:auto}.ecke-inhalt{display:grid;grid-template-columns:4.4rem 1fr;gap:.9rem;align-items:center;text-decoration:none;color:inherit}.ecke-inhalt:focus-visible{outline:3px solid var(--royal-500);outline-offset:4px;border-radius:var(--r-klein)}.ecke-bild{width:4.4rem;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--r-klein);background:var(--papier-2);display:block}.ecke-text{display:grid;gap:.18rem;min-width:0}.ecke-kicker{font-family:var(--f-technik);font-size:var(--t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kapsel-text)}.ecke-titel{font-family:var(--f-text);font-size:1.02rem;line-height:1.22;color:var(--tinte);-webkit-hyphens:auto;hyphens:auto}.ecke-preis{font-family:var(--f-technik);font-size:var(--t-s);color:var(--tinte-2);font-variant-numeric:tabular-nums}.ecke-knopf{display:block;text-align:center;padding:.62rem 1rem;border-radius:var(--r-kapsel);background:var(--royal-600);color:var(--weiss);font-family:var(--f-technik);font-size:var(--t-s);font-weight:600;text-decoration:none;transition:background .15s ease}.ecke-knopf:hover{background:var(--royal-700)}.ecke-knopf:focus-visible{outline:3px solid var(--royal-500);outline-offset:3px}.ecke-zu{position:absolute;top:-.55rem;right:-.55rem;width:1.9rem;height:1.9rem;padding:0;display:grid;place-items:center;border:1px solid var(--linie-2);border-radius:var(--r-kapsel);background:var(--weiss);color:var(--tinte-2);cursor:pointer;box-shadow:0 2px 8px #1c2f4a24}.ecke-zu:before{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}.ecke-zu:hover{color:var(--tinte);border-color:var(--linie)}.ecke-zu:focus-visible{outline:3px solid var(--royal-500);outline-offset:2px}.ecke-zu svg{width:.85rem;height:.85rem}@media(max-width:600px){.ecke{left:clamp(.8rem,2vw,1.4rem);width:auto;grid-template-columns:1fr auto;align-items:center;gap:.8rem;padding:.8rem .9rem}.ecke-inhalt{grid-template-columns:3.4rem 1fr;gap:.7rem}.ecke-bild{width:3.4rem}.ecke-titel{font-size:.95rem}.ecke-knopf{padding:.6rem .9rem;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.ecke{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/lift-ecke.css.map */