.cfk{--cfk-pink: #ee2761;--cfk-pink-dunkel: #d31a51;--cfk-tinte: #121212;--cfk-grau: #6c6c74;--cfk-linie: #e4e4e9;--cfk-flaeche: #f7f8fc;--cfk-radius: 4px;--cfk-radius-gross: 10px;color:var(--cfk-tinte);font-family:inherit;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:40px;align-items:start}.cfk *,.cfk *:before,.cfk *:after{box-sizing:border-box}.cfk__buehne{position:sticky;top:24px}.cfk__bild{background:var(--cfk-flaeche);border-radius:var(--cfk-radius-gross);padding:30px;display:flex;align-items:center;justify-content:center;min-height:380px;perspective:1400px;perspective-origin:50% 45%;overflow:hidden}.cfk__szene{position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.3,1);will-change:transform;cursor:grab;touch-action:pan-y}.cfk__szene.cfk__zieht{transition:none;cursor:grabbing}.cfk__szene>svg{display:block;width:100%;height:100%;position:relative;z-index:1}.cfk__wange{position:absolute;background:var(--cfk-wange, #23232a);backface-visibility:hidden}.cfk__wange--rechts{left:100%;top:0;width:var(--cfk-tiefe, 0px);height:100%;transform-origin:left center;transform:rotateY(90deg)}.cfk__wange--links{right:100%;top:0;width:var(--cfk-tiefe, 0px);height:100%;transform-origin:right center;transform:rotateY(-90deg)}.cfk__wange--unten{top:100%;left:0;width:100%;height:var(--cfk-tiefe, 0px);transform-origin:center top;transform:rotateX(-90deg);background:var(--cfk-wange-dunkel, #16161b)}.cfk__wange--oben{bottom:100%;left:0;width:100%;height:var(--cfk-tiefe, 0px);transform-origin:center bottom;transform:rotateX(90deg);background:var(--cfk-wange-hell, #34343d)}.cfk__schattenwurf{position:absolute;left:6%;right:6%;top:100%;height:22px;border-radius:50%;background:radial-gradient(ellipse at center,#00000052,#0000 70%);transform:translateZ(-1px) translateY(4px);pointer-events:none}@media(prefers-reduced-motion:reduce){.cfk__szene{transition:none}}.cfk__karte{cursor:pointer}.cfk__karte .cfk__dreher{opacity:0;transition:opacity .15s}.cfk__karte:hover .cfk__dreher,.cfk__karte:focus-visible .cfk__dreher{opacity:1}.cfk__karte:focus{outline:none}.cfk__bildfuss{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:var(--cfk-grau)}.cfk__plaetze{font-weight:600;color:var(--cfk-tinte)}.cfk__kopfzeile{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.cfk__flaggen{display:flex;gap:5px;flex-shrink:0}.cfk__flagge{display:block;padding:4px 3px;border:0;background:none;cursor:pointer;line-height:0}.cfk__flagge>*{display:block;width:28px;height:19px;border:1px solid rgba(0,0,0,.2);border-radius:3px;opacity:.42;filter:grayscale(.55);transition:opacity .12s,filter .12s,outline-color .12s;outline:2px solid transparent;outline-offset:1px}.cfk__flagge:hover>*{opacity:.8;filter:grayscale(0)}.cfk__flagge[aria-pressed=true]>*{opacity:1;filter:none;outline-color:var(--cfk-pink)}.cfk__flagge span{display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:700;color:var(--cfk-tinte);background:var(--cfk-flaeche)}.cfk__kopf{margin-bottom:0}.cfk__kopf h2{margin:0 0 6px;font-size:clamp(26px,3.4vw,36px);line-height:1.1;font-weight:700;letter-spacing:-.02em}.cfk__kopf p{margin:0;color:var(--cfk-grau);font-size:15px}.cfk__schritt{margin-bottom:26px}.cfk__titel{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cfk-grau);margin:0 0 12px}.cfk__nummer{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--cfk-tinte);color:#fff;font-size:11px;letter-spacing:0}.cfk__wahl{display:flex;flex-wrap:wrap;gap:8px}.cfk__knopf{position:relative;background:#fff;border:1.5px solid var(--cfk-linie);border-radius:var(--cfk-radius);padding:10px 14px;font:inherit;font-size:14px;color:var(--cfk-tinte);cursor:pointer;line-height:1.25;text-align:left;transition:border-color .12s,transform .12s}.cfk__knopf:hover:not(:disabled){border-color:var(--cfk-tinte)}.cfk__knopf:active:not(:disabled){transform:translateY(1px)}.cfk__knopf[aria-pressed=true]{border-color:var(--cfk-pink);box-shadow:inset 0 0 0 1px var(--cfk-pink)}.cfk__knopf small{display:block;color:var(--cfk-grau);font-size:11.5px;margin-top:2px}.cfk__knopf:disabled{opacity:.3;cursor:not-allowed}.cfk__ausrichtung{margin-top:8px}.cfk__knopf--symbol{display:inline-flex;align-items:center;gap:8px}.cfk__symbol{display:inline-flex}.cfk__symbol svg{width:17px;height:17px;fill:currentColor;opacity:.65}.cfk__knopf[aria-pressed=true] .cfk__symbol svg{opacity:1}.cfk__punkt{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #c9c9d1;margin-right:8px;vertical-align:-3px}.cfk__halter{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.cfk__halter .cfk__knopf{text-align:center;padding:12px 8px}.cfk__halter .cfk__knopf strong{display:block;font-size:14px;font-weight:700}.cfk__zaehler{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--cfk-pink);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.cfk__zwischentitel{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 0 8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cfk-grau)}.cfk__zwischentitel[hidden]{display:none}.cfk__zwischentitel button{background:none;border:0;padding:0;font:inherit;font-size:11.5px;letter-spacing:.04em;text-transform:none;color:var(--cfk-grau);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cfk__zwischentitel button:hover{color:var(--cfk-tinte)}.cfk__liste{display:flex;flex-direction:column;gap:6px}.cfk__weg{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:2px;padding:0;border:0;background:none;border-radius:var(--cfk-radius);color:var(--cfk-grau);font:inherit;font-size:20px;line-height:1;cursor:pointer;transition:color .12s,background .12s}.cfk__weg:hover{color:#fff;background:var(--cfk-pink)}.cfk__zeile{display:flex;align-items:center;gap:10px;border:1px solid var(--cfk-linie);border-radius:var(--cfk-radius);padding:8px 8px 8px 13px;font-size:14px;background:#fff}.cfk__zeile b{font-weight:700}.cfk__zeile-fuell{flex:1}.cfk__menge{display:flex;align-items:center;gap:3px}.cfk__menge button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--cfk-linie);background:#fff;border-radius:var(--cfk-radius);cursor:pointer;font:inherit;font-size:17px;line-height:1;color:var(--cfk-tinte)}.cfk__menge button:hover:not(:disabled){border-color:var(--cfk-tinte)}.cfk__menge button:disabled{opacity:.25;cursor:not-allowed}.cfk__menge span{min-width:26px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.cfk__hinweis{margin-top:14px;padding:13px 15px;border-radius:var(--cfk-radius);font-size:13.5px;line-height:1.5;background:#fff0f4;border:1px solid #f8c4d5;color:#8c123c}.cfk__hinweis strong{font-weight:700}.cfk__hinweis button{background:none;border:0;padding:0 1px;font:inherit;font-weight:700;color:var(--cfk-pink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cfk__hinweis button:hover{color:var(--cfk-pink-dunkel)}.cfk__abschluss{border-top:1px solid var(--cfk-linie);padding-top:18px;margin-top:26px}.cfk__preis{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cfk__preis-info{font-size:13px;color:var(--cfk-grau)}.cfk__preis-wert{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cfk__versand{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--cfk-pink)}.cfk__versand[hidden]{display:none}.cfk__kaufen{width:100%;margin-top:14px;background:var(--cfk-pink);color:#fff;border:0;border-radius:var(--cfk-radius);padding:17px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .12s}.cfk__kaufen:hover:not(:disabled){background:var(--cfk-pink-dunkel)}.cfk__kaufen:disabled{background:#d9d9e0;color:#fff;cursor:not-allowed}.cfk__vertrauen{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--cfk-grau)}@media(max-width:900px){.cfk{grid-template-columns:1fr;gap:26px}.cfk__buehne{position:static;order:-1}.cfk__bild{padding:18px;min-height:0}.cfk__bild svg{max-height:46vh}.cfk__abschluss{position:sticky;bottom:0;z-index:5;background:#fff;margin:26px -16px 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--cfk-linie);box-shadow:0 -6px 20px #00000012}.cfk__kaufen{margin-top:10px;padding:16px}.cfk__vertrauen{display:none}.cfk__menge button,.cfk__weg{width:42px;height:42px;font-size:19px}.cfk__menge span{min-width:32px;font-size:16px}.cfk__zeile{padding:6px 6px 6px 13px}.cfk__flagge{padding:12px 5px}.cfk__flaggen{gap:0}.cfk__zwischentitel button{padding:10px 0;margin:-10px 0}.cfk__knopf{padding:12px 15px;font-size:15px}.cfk__halter .cfk__knopf{padding:14px 8px}.cfk__hinweis button{padding:4px 2px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cardframes-konfigurator.css.map */