:root{--pb-primary: #212d28;--pb-primary-hover: #3d5248;--pb-bg: #ffffff;--pb-bg-card: #f5f5f0;--pb-border: #e0e0da;--pb-border-selected: #212d28;--pb-text: #212d28;--pb-text-muted: #6b7b74;--pb-accent: #212d28;--pb-radius-card: 8px;--pb-radius-btn: 30px;--pb-shadow: 0 2px 12px rgba(33, 45, 40, .08);--pb-shadow-hover: 0 4px 20px rgba(33, 45, 40, .14);--pb-transition: .2s ease}.produktberater{width:100%;padding-bottom:60px}.pb-inner{max-width:860px;margin:0 auto;padding:0 20px}.pb-progress{width:100%;height:4px;background:var(--pb-border);margin-bottom:40px}.pb-progress__bar{height:100%;background:var(--pb-primary);transition:width .4s ease;width:0%}.pb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;min-height:40px}.pb-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--pb-text-muted);font-size:14px;cursor:pointer;padding:8px 0;transition:color var(--pb-transition)}.pb-back:hover{color:var(--pb-text)}.pb-back svg{width:16px;height:16px}.pb-step-counter{font-size:13px;color:var(--pb-text-muted);letter-spacing:.03em}.pb-steps{max-width:860px;margin:0 auto}.pb-step{animation:pb-fadein .3s ease}@keyframes pb-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pb-step__heading{text-align:center;margin-bottom:36px}.pb-step__title{font-size:clamp(22px,4vw,32px);font-weight:600;color:var(--pb-text);margin:0 0 10px;line-height:1.2}.pb-step__subtitle{font-size:16px;color:var(--pb-text-muted);margin:0}.pb-cards{display:grid;gap:16px}.pb-cards--3col{grid-template-columns:repeat(3,1fr)}.pb-cards--2col{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.pb-cards--3col,.pb-cards--2col{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.pb-cards--3col,.pb-cards--2col{grid-template-columns:1fr}}.pb-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;background:var(--pb-bg-card);border:2px solid transparent;border-radius:var(--pb-radius-card);cursor:pointer;transition:border-color var(--pb-transition),box-shadow var(--pb-transition),background var(--pb-transition);text-align:center;position:relative}.pb-card:hover{border-color:var(--pb-primary);box-shadow:var(--pb-shadow-hover);background:#fff}.pb-card.is-selected{border-color:var(--pb-primary);background:#fff;box-shadow:var(--pb-shadow-hover)}.pb-card.is-selected:after{content:"";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--pb-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.pb-card__icon{width:48px;height:48px;border-radius:50%;background:#212d2814;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pb-card__icon svg{width:24px;height:24px;fill:var(--pb-primary)}.pb-card__label{font-size:15px;font-weight:600;color:var(--pb-text);line-height:1.3}.pb-card__desc{font-size:13px;color:var(--pb-text-muted);line-height:1.4}.pb-card--budget{padding:28px 20px}.pb-card--budget .pb-card__label{font-size:20px;font-weight:700}.pb-loading{text-align:center;padding:60px 20px}.pb-loading__spinner{width:40px;height:40px;border:3px solid var(--pb-border);border-top-color:var(--pb-primary);border-radius:50%;animation:pb-spin .8s linear infinite;margin:0 auto 16px}@keyframes pb-spin{to{transform:rotate(360deg)}}.pb-loading p{color:var(--pb-text-muted);font-size:15px}.pb-results{max-width:1100px;margin:0 auto;animation:pb-fadein .4s ease}.pb-results__header{text-align:center;margin-bottom:40px}.pb-results__title{font-size:clamp(22px,4vw,32px);font-weight:600;color:var(--pb-text);margin:0 0 10px}.pb-results__subtitle{font-size:16px;color:var(--pb-text-muted);margin:0}.pb-results__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:900px){.pb-results__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.pb-results__grid{grid-template-columns:1fr}}.pb-product{background:var(--pb-bg);border-radius:var(--pb-radius-card);overflow:hidden;box-shadow:var(--pb-shadow);display:flex;flex-direction:column;position:relative;transition:box-shadow var(--pb-transition)}.pb-product:hover{box-shadow:var(--pb-shadow-hover)}.pb-product--top .pb-product__badge{display:flex}.pb-product__badge{display:none;position:absolute;top:12px;left:12px;background:var(--pb-primary);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:20px;z-index:1}.pb-product__image-wrap{aspect-ratio:1 / 1;overflow:hidden;background:var(--pb-bg-card)}.pb-product__image-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.pb-product:hover .pb-product__image-wrap img{transform:scale(1.04)}.pb-product__body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.pb-product__title{font-size:14px;font-weight:600;color:var(--pb-text);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pb-product__price{font-size:16px;font-weight:700;color:var(--pb-text)}.pb-product__cta{margin-top:auto;display:block;width:100%;text-align:center;background:var(--pb-primary);color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:10px 16px;border-radius:var(--pb-radius-btn);transition:background var(--pb-transition)}.pb-product__cta:hover{background:var(--pb-primary-hover);color:#fff}.pb-no-results{text-align:center;padding:60px 20px;grid-column:1 / -1}.pb-no-results p{color:var(--pb-text-muted);font-size:16px;margin-bottom:20px}.pb-no-results a{color:var(--pb-primary);font-weight:600}.pb-results__actions{text-align:center;margin-top:48px}.pb-restart{background:none;border:2px solid var(--pb-primary);color:var(--pb-primary);font-size:14px;font-weight:600;padding:12px 28px;border-radius:var(--pb-radius-btn);cursor:pointer;transition:background var(--pb-transition),color var(--pb-transition)}.pb-restart:hover{background:var(--pb-primary);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/61/assets/produktberater.css.map */