.hero-ds{background:linear-gradient(135deg,var(--tp-navy) 0%,var(--tp-navy-mid) 60%,var(--tp-navy-light) 100%);min-height:520px;display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1;overflow:hidden}.hero-ds__glow,.hero-ds__lines{display:none}.hero-ds:before{content:"";position:absolute;top:-80px;right:-80px;width:420px;height:420px;border-radius:50%;border:60px solid var(--tp-orange-a15);pointer-events:none}.hero-ds:after{content:"";position:absolute;bottom:-60px;left:10%;width:200px;height:200px;border-radius:50%;border:30px solid rgba(255,255,255,.05);pointer-events:none}.hero-ds__left{padding:40px 48px 40px 200px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hero-ds__eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--tp-orange-a15);border:1px solid var(--tp-orange-a30);color:#fff;font-size:var(--tp-fs-xs);font-weight:var(--tp-weight-label);letter-spacing:.1em;text-transform:uppercase;padding:4px 16px;border-radius:var(--radius-pill);margin-bottom:16px;width:fit-content;transition:background var(--transition-hover),border-color var(--transition-hover),transform var(--transition-hover)}.hero-ds__eyebrow:hover{background:var(--tp-orange-a30);border-color:var(--tp-orange-a40);transform:translateY(-1px)}.hero-ds__eyebrow-stars{display:inline-flex;gap:2px;margin-right:4px;line-height:1}.hero-ds__eyebrow-stars svg{width:13px;height:13px;fill:#fabb05}.hero-ds__headline{font-family:var(--tp-font-heading);font-size:clamp(34px,4vw,52px);font-weight:var(--tp-weight-black);line-height:1.15;color:var(--tp-white);letter-spacing:-.01em;margin:0 0 16px}.hero-ds__headline em{font-style:italic;color:var(--tp-orange-light);font-family:var(--tp-font-accent)}.hero-ds__sub{font-size:var(--tp-fs-md);color:#ffffffad;line-height:1.5;max-width:500px;margin:0 0 24px;font-family:var(--tp-font-accent)}.hero-ds__ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}.hero-ds__btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--tp-orange);color:#fff;border:none;border-radius:var(--radius-base);padding:12px 24px;font-size:var(--tp-fs-md);font-weight:var(--tp-weight-bold);cursor:pointer;font-family:var(--tp-font-system);text-decoration:none;transition:all var(--transition-hover);letter-spacing:0;position:relative;overflow:hidden}.hero-ds__btn-primary:hover{background:var(--tp-orange-light);transform:translateY(-2px);box-shadow:var(--tp-shadow-cta-hover)}.hero-ds__btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-100%);transition:transform var(--transition-slower)}.hero-ds__btn-primary:hover:after{transform:translate(100%)}.hero-ds__btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-base);padding:12px 24px;font-size:var(--tp-fs-md);font-weight:var(--tp-weight-medium);cursor:pointer;font-family:var(--tp-font-system);text-decoration:none;transition:all var(--transition-hover)}.hero-ds__btn-secondary:hover{background:#ffffff24}.hero-ds__metrics{display:flex;gap:32px}.hero-ds__metric-val{font-family:var(--tp-font-system);font-size:var(--tp-fs-5xl);font-weight:var(--tp-weight-black);color:var(--tp-orange-light);line-height:1}.hero-ds__metric-label{font-size:var(--tp-fs-2xs);color:#ffffff80;margin-top:4px;text-transform:uppercase;letter-spacing:.1em;font-weight:var(--tp-weight-medium)}.hero-ds__right{display:flex;align-items:center;justify-content:center;padding:32px 64px 32px 32px;position:relative;z-index:2}.hero-ds__finder{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-2xl);padding:24px;width:100%;max-width:400px}.hero-ds__finder-title{font-family:var(--tp-font-heading);font-size:var(--tp-fs-2xl);font-weight:var(--tp-weight-bold);color:#fff;margin:0 0 4px}.hero-ds__finder-desc{font-size:var(--tp-fs-sm);color:#ffffff8c;margin:0 0 16px;line-height:1.5}.hero-ds__label{font-size:var(--tp-fs-2xs);text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;font-weight:var(--tp-weight-label);margin-bottom:4px;display:block}.hero-ds__select{width:100%;padding:8px 40px 8px 16px;border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:var(--tp-fs-base);font-family:var(--tp-font-system);cursor:pointer;outline:none;margin-bottom:8px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M5.5 7L0 0h11z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;transition:border-color var(--transition-hover),opacity var(--transition-hover)}.hero-ds__select:focus{border-color:var(--tp-orange)}.hero-ds__select:disabled{opacity:.4;cursor:not-allowed}.hero-ds__select option{background:var(--tp-navy);color:#fff;font-size:var(--tp-fs-base);padding:8px}.hero-ds__select optgroup{background:var(--tp-navy);color:#ffffff80;font-size:var(--tp-fs-xs)}.hero-ds__search-btn{width:100%;padding:12px;background:var(--tp-orange);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--tp-fs-md);font-weight:var(--tp-weight-bold);cursor:pointer;font-family:var(--tp-font-system);letter-spacing:.04em;margin-top:8px;transition:background var(--transition-hover),transform var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.hero-ds__search-btn:hover:not(:disabled){background:var(--tp-orange-light);transform:translateY(-1px)}.hero-ds__search-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform var(--transition-slower)}.hero-ds__search-btn:hover:not(:disabled):after{transform:translate(100%)}.hero-ds__search-btn:disabled{opacity:.4;cursor:not-allowed}.hero-ds__divider{text-align:center;font-size:var(--tp-fs-base);color:#fff;margin:12px 0;position:relative}.hero-ds__divider:before,.hero-ds__divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:#ffffff1f}.hero-ds__divider:before{left:0}.hero-ds__divider:after{right:0}.hero-ds__search-input-wrap{position:relative;z-index:50}.hero-ds__search-input{width:100%;padding:8px 16px;border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.75);background:#ffffff2e;color:#fff;font-size:var(--tp-fs-base);font-family:var(--tp-font-system);outline:none;transition:border-color var(--transition-hover),background var(--transition-hover),box-shadow var(--transition-hover)}.hero-ds__search-input::placeholder{color:#fff9}.hero-ds__search-input:hover{border-color:#ffffff73;background:#ffffff38}.hero-ds__search-input:focus{border-color:var(--tp-orange);background:#ffffff38;box-shadow:var(--tp-shadow-focus)}.hero-ds__suggestions{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:var(--tp-white);border:1px solid var(--tp-border);border-radius:var(--radius-base);z-index:100;box-shadow:0 12px 40px #0000002e;max-height:260px;overflow-y:auto;display:none}.hero-ds__suggestions.active{display:block}.hero-ds__suggestion{padding:12px 16px;font-size:var(--tp-fs-base);color:var(--tp-text);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px}.hero-ds__suggestion:last-child{border-bottom:none}.hero-ds__suggestion:hover{background:var(--tp-cream)}.hero-ds__suggestion-icon{color:var(--tp-text-muted);flex-shrink:0}.hero-ds__suggestion mark{background:none;color:var(--tp-orange);font-weight:var(--tp-weight-label)}.hero-ds__trust-strip{background:var(--tp-white);border-bottom:1px solid var(--tp-border);padding:16px 0;position:relative;z-index:0}.hero-ds__trust-inner{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.hero-ds__trust-item{display:flex;align-items:center;gap:16px;padding:0 28px;border-right:1px solid var(--tp-border)}.hero-ds__trust-item:last-child{border-right:none}.hero-ds__trust-icon{width:44px;height:44px;min-width:44px;border-radius:var(--radius-md);background:var(--tp-orange-soft);display:flex;align-items:center;justify-content:center;font-size:var(--tp-fs-2xl);flex-shrink:0}.hero-ds__trust-main{display:block;font-size:var(--tp-fs-base);font-weight:var(--tp-weight-label);color:var(--tp-navy);line-height:1.3}.hero-ds__trust-sub{display:block;font-size:var(--tp-fs-xs);color:var(--tp-text-muted);line-height:1.5;margin-top:1px}.hero-ds__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--tp-orange);border-radius:50%;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-results{background:var(--tp-cream);min-height:60vh}.ds-results__wrap{max-width:1320px;margin:0 auto;padding:28px 32px 60px}.ds-results__breadcrumb{font-size:var(--tp-fs-base);color:var(--tp-text-muted);margin-bottom:24px}.ds-results__breadcrumb a{color:var(--tp-orange);text-decoration:none}.ds-results__breadcrumb a:hover{text-decoration:underline}.ds-results__breadcrumb-sep{margin:0 8px;color:#ccc}.ds-results__summary{background:var(--tp-white);border:1px solid var(--tp-border);border-radius:var(--radius-lg);padding:20px 28px;margin-bottom:28px;border-left:4px solid var(--tp-orange)}.ds-results__summary-inner{display:flex;align-items:center;gap:16px}.ds-results__summary-icon{color:var(--tp-navy);flex-shrink:0}.ds-results__summary-label{font-size:var(--tp-fs-base);color:var(--tp-text-muted);display:block}.ds-results__summary-text strong{font-family:var(--tp-font-system);font-size:var(--tp-fs-2xl);color:var(--tp-navy)}.ds-results__summary-count{margin-left:auto;font-size:var(--tp-fs-md);font-weight:var(--tp-weight-label);color:var(--tp-orange);background:var(--tp-orange-a08);padding:8px 16px;border-radius:var(--radius-lg);white-space:nowrap}.ds-results__loader{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 0;font-size:var(--tp-fs-lg);color:var(--tp-text-muted)}.ds-results__loader .hero-ds__spinner{width:20px;height:20px;border:2px solid var(--tp-border);border-top-color:var(--tp-orange)}.ds-results__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ds-product{background:var(--tp-white);border:1px solid var(--tp-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-hover),box-shadow var(--transition-hover);display:flex;flex-direction:column}.ds-product:hover{transform:translateY(-4px);box-shadow:var(--tp-shadow-dropdown)}.ds-product__img-link{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;overflow:hidden;border-bottom:1px solid var(--tp-border)}.ds-product__img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform var(--transition-slow)}.ds-product:hover .ds-product__img{transform:scale(1.05)}.ds-product__no-img{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ds-product__body{padding:20px;flex:1;display:flex;flex-direction:column}.ds-product__title{font-size:var(--tp-fs-md);font-weight:var(--tp-weight-label);color:var(--tp-navy);text-decoration:none;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.ds-product__title:hover{color:var(--tp-orange)}.ds-product__meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px;background:var(--tp-cream);border-radius:var(--radius-base);font-size:var(--tp-fs-base)}.ds-product__meta-row{display:flex;align-items:center;gap:8px}.ds-product__meta-label{color:var(--tp-text-muted);font-weight:var(--tp-weight-medium);min-width:60px;flex-shrink:0;font-size:var(--tp-fs-sm)}.ds-product__meta-value{font-weight:var(--tp-weight-label);color:var(--tp-navy);display:inline-flex;align-items:center;gap:8px;font-size:var(--tp-fs-base)}.ds-product__meta-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.ds-product__meta-value--instock{color:var(--tp-good)}.ds-product__meta-value--low{color:#92400e}.ds-product__meta-value--out{color:#991b1b}.ds-product__price{font-family:var(--tp-font-system);font-size:var(--tp-fs-3xl);font-weight:var(--tp-weight-bold);color:var(--tp-navy);line-height:1;margin-bottom:16px;margin-top:auto}.ds-product__currency{font-size:var(--tp-fs-base);font-weight:var(--tp-weight-medium);color:var(--tp-text-muted);margin-left:2px}.ds-product__cart-btn{width:100%;padding:12px 16px;background:var(--tp-navy);color:var(--tp-white);border:none;border-radius:var(--radius-base);font-size:var(--tp-fs-base);font-weight:var(--tp-weight-bold);line-height:1.2;font-family:var(--tp-font-system);cursor:pointer;transition:background var(--transition-hover);display:flex;align-items:center;justify-content:center;gap:8px}.ds-product__cart-btn:hover:not(:disabled):not(.ds-product__cart-btn--unavailable),.ds-product__cart-btn:focus-visible:not(:disabled):not(.ds-product__cart-btn--unavailable){background:var(--tp-orange)}.ds-product__cart-btn:focus-visible{outline:2px solid var(--tp-navy);outline-offset:2px}.ds-product__cart-btn svg{flex-shrink:0;width:14px;height:14px;transition:transform var(--transition-hover)}.ds-product__cart-btn:hover:not(:disabled):not(.ds-product__cart-btn--unavailable) svg,.ds-product__cart-btn:focus-visible:not(:disabled):not(.ds-product__cart-btn--unavailable) svg{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.ds-product__cart-btn,.ds-product__cart-btn svg{transition:none}.ds-product__cart-btn:hover svg{transform:none}}.ds-product__cart-btn:disabled,.ds-product__cart-btn--unavailable{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.ds-product__cart-icon{display:flex;align-items:center}.ds-results__empty{text-align:center;padding:80px 20px}.ds-results__empty-icon{margin-bottom:20px}.ds-results__empty h3{font-family:var(--tp-font-heading);font-size:var(--tp-fs-3xl);color:var(--tp-navy);margin:0 0 8px}.ds-results__empty p{font-size:var(--tp-fs-lg);color:var(--tp-text-muted);margin:0}@media(max-width:1200px){.ds-results__grid{grid-template-columns:repeat(3,1fr)}.hero-ds__left{padding:36px 32px 36px 40px}.hero-ds__right{padding:32px 40px 32px 20px}}@media(max-width:1080px){.hero-ds{grid-template-columns:1fr;min-height:auto}.hero-ds__left{padding:36px 32px 16px;text-align:center;align-items:center}.hero-ds__eyebrow{margin-left:auto;margin-right:auto}.hero-ds__headline{text-align:center}.hero-ds__sub{margin-left:auto;margin-right:auto;text-align:center}.hero-ds__ctas{justify-content:center}.hero-ds__metrics{justify-content:center;flex-wrap:wrap}.hero-ds__right{padding:16px 32px 36px}.hero-ds__finder{max-width:480px;margin:0 auto}.hero-ds__trust-inner{grid-template-columns:repeat(2,1fr);gap:16px}.hero-ds__trust-item{border-right:none;padding:8px 16px}.ds-results__wrap{padding:20px 24px 40px}.ds-results__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:640px){.hero-ds__left{padding:28px 20px 12px}.hero-ds__right{padding:8px 20px 28px}.hero-ds__headline{font-size:var(--tp-fs-5xl)}.hero-ds__sub{font-size:var(--tp-fs-base);margin-bottom:16px}.hero-ds__ctas{flex-direction:column;margin-bottom:24px}.hero-ds__btn-primary,.hero-ds__btn-secondary{width:100%;justify-content:center}.hero-ds__metrics{gap:20px}.hero-ds__metric-val{font-size:var(--tp-fs-3xl)}.hero-ds__trust-inner{grid-template-columns:1fr}.hero-ds__trust-item{padding:8px 0}.hero-ds__finder{padding:20px 16px}.ds-results__wrap{padding:16px 16px 40px}.ds-results__grid{grid-template-columns:1fr 1fr;gap:8px}.ds-product__body{padding:16px}.ds-product__title{font-size:var(--tp-fs-sm)}.ds-product__price{font-size:var(--tp-fs-xl)}.ds-product__meta{font-size:var(--tp-fs-xs);padding:8px}.ds-product__meta-label{font-size:var(--tp-fs-2xs);min-width:50px}.ds-product__meta-value{font-size:var(--tp-fs-xs)}}@media(max-width:400px){.ds-results__grid{grid-template-columns:1fr}.hero-ds__headline{font-size:var(--tp-fs-4xl)}.hero-ds__metrics{gap:16px}.hero-ds__metric-val{font-size:var(--tp-fs-2xl)}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/hero-druckersuche.css.map */