:root{--navy:#172d43;--ink:#24394b;--muted:#65788a;--paper:#f7f9fb;--surface:#e8eef3;--cyan:#43c6d9;--deep-cyan:#126f83;--line:#d7e0e7;--white:#fff;--shadow:0 18px 55px rgba(23,45,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}.draft-banner{background:#fff3d9;color:#6b4a08;font-size:.78rem;text-align:center;padding:8px 12px;letter-spacing:.03em}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d69a20;margin-right:7px}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem;color:var(--navy)}main{overflow:hidden}.hero{max-width:1240px;margin:0 auto;padding:70px 30px 66px;display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center;min-height:510px}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:var(--deep-cyan);margin:0 0 14px}.hero h1{font:800 clamp(3.4rem,6vw,5.6rem)/1.02 Manrope,sans-serif;letter-spacing:-.075em;color:var(--navy);margin:0 0 22px}.hero h1 span{color:var(--deep-cyan)}.hero-lede{font-size:1.2rem;line-height:1.5;max-width:480px;font-weight:700;color:var(--navy);margin:0 0 15px}.hero-note{max-width:490px;color:var(--muted);font-size:.98rem;margin:0 0 28px}.text-link{display:inline-flex;gap:13px;align-items:center;text-decoration:none;color:var(--navy);font-weight:700;border-bottom:1px solid var(--cyan);padding:0 0 7px}.text-link span{color:var(--deep-cyan);font-size:1.2rem}.hero-visual{position:relative;padding:0 0 24px 18px}.hero-photo{height:390px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);transform:rotate(.6deg)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}.hero-caption{position:absolute;right:0;bottom:0;font-size:.65rem;font-weight:800;letter-spacing:.14em;color:var(--muted)}.overview{background:var(--navy);color:white;padding:28px max(7vw,28px);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.overview>div{max-width:330px;margin:auto 0}.count{display:block;font:800 1.55rem Manrope;color:var(--cyan);margin-bottom:3px}.overview strong{font:700 1rem Manrope}.overview p{margin:5px 0 0;color:#c5d2dc;font-size:.82rem}.category-nav{max-width:1200px;margin:0 auto;padding:32px 28px 0;display:flex;gap:10px;flex-wrap:wrap}.category-nav a{display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:white;text-decoration:none;color:var(--ink);font-size:.83rem;font-weight:700;transition:background .2s,border-color .2s}.category-nav a:hover, .category-nav a:focus-visible{background:#e1f5f7;border-color:var(--cyan);outline:none}.category-nav span{color:var(--deep-cyan);font-size:.7rem;font-weight:800}.category-section{max-width:1200px;margin:0 auto;padding:65px 28px 15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:26px}.section-heading h2{font:800 clamp(2rem,3.8vw,3rem)/1.1 Manrope;letter-spacing:-.06em;color:var(--navy);margin:0}.section-intro{max-width:430px;color:var(--muted);font-size:.9rem;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:white;border:1px solid #e2e8ed;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(23,45,67,.025);transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.product-image{height:200px;background:var(--surface);display:grid;place-items:center;padding:10px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.product-copy{padding:18px 18px 20px}.product-brand{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--deep-cyan);margin:0 0 5px}.product-copy h3{font:800 1.05rem/1.25 Manrope;color:var(--navy);letter-spacing:-.03em;margin:0 0 7px}.product-detail{font-size:.78rem;color:var(--ink);font-weight:600;margin:0 0 8px}.product-note{font-size:.76rem;color:var(--muted);margin:0}.closing{margin-top:70px;padding:56px max(7vw,28px);background:var(--surface);text-align:center}.closing h2{font:800 clamp(2rem,4vw,3rem)/1.1 Manrope;color:var(--navy);letter-spacing:-.06em;margin:0 0 12px}.closing>p:last-child{max-width:620px;margin:0 auto;color:var(--muted)}
@media(max-width:1050px){.hero{gap:38px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image{height:190px}}
@media(max-width:760px){.menu-toggle{display:block}.hero{padding:44px 22px 42px;grid-template-columns:1fr;gap:27px}.hero h1{font-size:3.6rem}.hero-photo{height:300px}.overview{grid-template-columns:1fr;gap:20px;padding:27px 26px}.category-nav{padding:25px 18px 0;gap:8px}.category-nav a{font-size:.75rem;padding:9px 12px}.category-section{padding:52px 18px 10px}.section-heading{display:block}.section-intro{margin-top:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:160px;padding:8px}.product-copy{padding:14px}.product-copy h3{font-size:.96rem}.product-detail, .product-note{font-size:.72rem}.closing{margin-top:52px;padding:45px 22px}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr 1fr}.product-image{height:135px}.product-copy{padding:12px}.hero-caption{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*, *:before, *:after{transition:none!important}}


/* Version 3: überprüfbare externe Produkt-Suchlinks */
.product-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;padding:.55rem .75rem;border:1px solid #b8dce5;border-radius:999px;color:#176b82;background:#f4fbfd;font-size:.86rem;font-weight:650;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.product-link:hover, .product-link:focus-visible{background:#e4f5f9;border-color:#58b7cb;outline-offset:3px}