.pf-step{display:none;animation:pfFadeIn .5s cubic-bezier(.16,1,.3,1)}.pf-step--active{display:block}@keyframes pfFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pf-step-num{text-align:center;font-size:12px;font-weight:600;color:#4d523c;text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.pf-headline{font-size:clamp(22px,3vw,32px);font-weight:700;margin:0 0 10px;color:#1a1a1a;text-align:center;letter-spacing:-.02em;line-height:1.2}.pf-subline{color:#6b6b6b;text-align:center;margin:0 0 36px;font-size:15px;line-height:1.5}.pf-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.pf-option{background:#fff;border:1.5px solid #e5e5e0;border-radius:24px;padding:32px 18px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:14px;font-family:inherit;color:#1a1a1a;box-shadow:0 18px 30px -25px #0000001a;text-align:center}.pf-option:hover{border-color:#4d523c;transform:translateY(-3px);box-shadow:0 18px 35px -18px #4d523c59}.pf-option.pf-option--selected{border-color:#4d523c;background:#4d523c;color:#fff}.pf-icon{font-size:34px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pf-icon img,.pf-icon svg{width:64px;height:64px;object-fit:contain;display:block;transition:filter .2s ease;filter:brightness(0) saturate(100%) invert(28%) sepia(13%) saturate(800%) hue-rotate(40deg) brightness(95%) contrast(85%)}.pf-option--selected .pf-icon img,.pf-option--selected .pf-icon svg{filter:brightness(0) invert(1)}.pf-dialog .pf-icon img,.pf-dialog .pf-icon svg{width:56px;height:56px}.pf-label{font-weight:600;font-size:15px;line-height:1.3}.pf-hint{font-size:12px;color:#6b6b6b;line-height:1.3}.pf-option--selected .pf-hint{color:#ffffffbf}.pf-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px}.pf-product{background:#fff;border:1.5px solid #e5e5e0;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:0 18px 30px -25px #0000001a}.pf-product:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #4d523c4d;border-color:#4d523c}.pf-product-img{width:100%;aspect-ratio:1;object-fit:cover;background:#f5f5f0}.pf-product-info{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.pf-product-tag{display:inline-block;background:#4d523c1a;color:#4d523c;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;width:fit-content}.pf-product-title{font-weight:600;color:#1a1a1a;font-size:15px;line-height:1.35}.pf-product-price{color:#1a1a1a;font-weight:700;font-size:19px;margin-top:auto;padding-top:4px}.pf-actions{display:flex;justify-content:center;margin-top:40px}.pf-restart{background:#1a1a1a;color:#fff;border:none;padding:14px 28px;border-radius:60px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:8px}.pf-restart:hover{background:#4d523c;transform:translateY(-2px)}.pf-empty{text-align:center;padding:48px 20px;color:#6b6b6b;grid-column:1 / -1;background:#fff;border-radius:24px;border:1.5px solid #e5e5e0}.pf-empty strong{display:block;color:#1a1a1a;font-size:18px;margin-bottom:8px;font-weight:600}.produktfinder{padding:80px 20px}.produktfinder .pf-container{max-width:920px;margin:0 auto}.produktfinder .pf-intro{text-align:center;margin-bottom:40px}.produktfinder .pf-title{font-size:clamp(28px,4vw,42px);font-weight:700;margin:0 0 8px;color:#1a1a1a;letter-spacing:-.02em;line-height:1.1}.produktfinder .pf-subtitle{color:#6b6b6b;margin:0;font-size:16px}.produktfinder .pf-progress{height:4px;background:#4d523c1f;border-radius:999px;margin:0 auto 48px;overflow:hidden;max-width:600px}.produktfinder .pf-progress-bar{height:100%;background:#4d523c;width:25%;transition:width .5s cubic-bezier(.16,1,.3,1);border-radius:999px}.pf-dialog{border:none;padding:0;margin:0;background:#f6f6f1;color:#1a1a1a;max-width:100%;max-height:100%;width:100%;height:100%;overflow:hidden;font-family:inherit}.pf-dialog::backdrop{background:#1a1a1a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pf-dialog[open]{display:flex;flex-direction:column}@media(min-width:750px){.pf-dialog{width:min(560px,calc(100% - 32px));height:calc(100% - 32px);max-height:calc(100% - 32px);margin:16px 16px 16px auto;border-radius:20px;box-shadow:0 20px 60px -20px #00000040;overflow:hidden}.pf-dialog[open]{animation:pfSlideInRight .4s cubic-bezier(.16,1,.3,1)}.pf-dialog::backdrop{animation:pfFadeBackdrop .4s ease}.pf-dialog__handle{display:none}}@media(max-width:749px){.pf-dialog{width:100%;height:auto;max-height:92vh;margin:auto 0 0;border-radius:24px 24px 0 0;position:fixed;bottom:0;left:0;top:auto}.pf-dialog[open]{animation:pfSlideInBottom .4s cubic-bezier(.16,1,.3,1)}.pf-dialog::backdrop{animation:pfFadeBackdrop .4s ease}}@keyframes pfSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pfSlideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pfFadeBackdrop{0%{opacity:0}to{opacity:1}}.pf-dialog.pf-dialog--closing{animation:pfSlideOut .3s ease forwards}@media(max-width:749px){.pf-dialog.pf-dialog--closing{animation-name:pfSlideOutBottom}}@keyframes pfSlideOut{to{transform:translate(100%);opacity:0}}@keyframes pfSlideOutBottom{to{transform:translateY(100%);opacity:0}}.pf-dialog__handle{width:40px;height:4px;background:#1a1a1a2e;border-radius:999px;margin:12px auto 4px;flex-shrink:0}.pf-dialog__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 24px 12px;flex-shrink:0}.pf-dialog__title-wrap{display:flex;flex-direction:column;gap:2px}.pf-dialog__eyebrow{font-size:11px;font-weight:600;color:#4d523c;text-transform:uppercase;letter-spacing:.15em}.pf-dialog__title{font-size:clamp(20px,4vw,24px);font-weight:700;margin:0;color:#1a1a1a;letter-spacing:-.02em;line-height:1.2}.pf-dialog__close{background:#1a1a1a0f;border:none;width:38px;height:38px;border-radius:999px;cursor:pointer;color:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.pf-dialog__close:hover{background:#1a1a1a1f}.pf-dialog .pf-progress{height:3px;background:#4d523c1f;margin:0 24px 16px;border-radius:999px;overflow:hidden;flex-shrink:0}.pf-dialog .pf-progress-bar{height:100%;background:#4d523c;width:25%;transition:width .5s cubic-bezier(.16,1,.3,1);border-radius:999px}.pf-dialog__body{overflow-y:auto;padding:8px 24px 32px;flex:1;-webkit-overflow-scrolling:touch}.pf-dialog .pf-step-num{font-size:11px;margin-bottom:10px}.pf-dialog .pf-headline{font-size:clamp(20px,3.5vw,26px);margin-bottom:8px}.pf-dialog .pf-subline{margin-bottom:24px;font-size:14px}.pf-dialog .pf-options{grid-template-columns:1fr 1fr;gap:10px}.pf-dialog .pf-option{border-radius:20px;padding:26px 14px;gap:12px}.pf-dialog .pf-icon{font-size:30px}.pf-dialog .pf-label{font-size:14px}.pf-dialog .pf-hint{font-size:11px}.pf-dialog .pf-results{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.pf-dialog .pf-product{border-radius:20px}.pf-dialog .pf-product-info{padding:14px;gap:6px}.pf-dialog .pf-product-tag{font-size:10px;padding:3px 10px}.pf-dialog .pf-product-title{font-size:13px}.pf-dialog .pf-product-price{font-size:16px}.pf-dialog .pf-actions{margin-top:28px}.pf-dialog .pf-restart{padding:12px 24px;font-size:13px}.pf-dialog .pf-empty{border-radius:20px;padding:40px 20px}.pf-dialog .pf-empty strong{font-size:16px}.pf-side-tab{position:fixed;top:50%;right:0;z-index:50;transform:translateY(-50%) translate(0);background:#4d523c;color:#fff;border:none;padding:18px 10px;border-radius:12px 0 0 12px;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;letter-spacing:.04em;box-shadow:-6px 6px 22px -10px #00000059;display:inline-flex;align-items:center;gap:8px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;writing-mode:vertical-rl;transform-origin:center}.pf-side-tab:hover{transform:translateY(-50%) translate(-4px);box-shadow:-10px 10px 28px -10px #00000073}.pf-side-tab:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.pf-side-tab__icon{writing-mode:horizontal-tb;display:inline-flex;align-items:center;justify-content:center}@media(max-width:749px){.pf-side-tab{padding:14px 8px;font-size:12px;border-radius:10px 0 0 10px}}body.pf-dialog-open .pf-side-tab{opacity:0;pointer-events:none}.pf-sticky-btn{display:none!important}body.pf-dialog-open{overflow:hidden}@media(max-width:600px){.produktfinder{padding:48px 16px}.produktfinder .pf-options{grid-template-columns:1fr 1fr;gap:10px}.produktfinder .pf-option{padding:26px 14px;gap:12px}.produktfinder .pf-icon img,.produktfinder .pf-icon svg{width:54px;height:54px}.produktfinder .pf-results{grid-template-columns:1fr 1fr;gap:12px}.produktfinder .pf-product-info{padding:14px}.produktfinder .pf-product-price{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/produktfinder.css.map */