@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pink:#ed0b87;--pink-dark:#c90070;--navy:#062640;--turquoise:#10b8c7;--ink:#142437;--muted:#5e6976;--line:#dfe4e8;--soft:#f3f4f5;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#eceeef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:#eceeef}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}.site-shell{min-height:100vh;overflow:hidden}.page-width{width:min(1180px,calc(100% - 36px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:-9999px;z-index:100;padding:10px 14px;background:#fff}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background:#f5f6f6;position:relative;z-index:20}.utility-bar{min-height:38px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4d5963}.utility-contact,.utility-actions button,.utility-actions a{display:flex;align-items:center;gap:6px}.utility-contact svg{color:var(--navy)}.utility-actions{display:flex;gap:12px}.utility-actions button,.utility-actions a{border:0;background:transparent;color:#4d5963;padding:6px 2px}.utility-actions svg{color:var(--pink);font-size:18px}.brand-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{color:var(--pink);font-family:Barlow Condensed,sans-serif;font-size:40px;letter-spacing:-1.8px;line-height:1}.logo img{height:44px;width:auto}.logo strong{font-weight:700}.logo span{font-family:Inter;font-weight:700;font-size:15px;letter-spacing:-.5px}.search{width:min(390px,44vw);height:40px;display:flex;border:1px solid #cfd5da;background:#fff}.search input{min-width:0;flex:1;border:0;padding:0 14px;outline:none}.search input:focus{box-shadow:inset 0 0 0 2px var(--pink)}.search button{width:44px;border:0;background:#d8dadd;color:var(--navy);font-size:22px}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--navy)}.main-nav{background:#fff;border-block:1px solid var(--line);box-shadow:0 3px 8px #06264014}.nav-inner{display:flex;align-items:stretch;justify-content:space-between}.nav-item{position:relative}.nav-item>button,.nav-item>a{height:48px;border:0;background:#fff;color:#354554;text-transform:uppercase;font-size:12px;display:flex;align-items:center;gap:6px;padding:0 9px}.nav-item>button:hover,.nav-item>button:focus-visible,.nav-item>a:hover{color:var(--pink)}.nav-dropdown{position:absolute;top:48px;left:0;min-width:220px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px #06264029;padding:8px;display:grid;z-index:20}.nav-dropdown a{padding:11px 12px;font-size:13px}.nav-dropdown a:hover{background:var(--soft);color:var(--pink)}.nav-dropdown-all{display:flex!important;align-items:center;gap:6px;margin-top:4px;border-top:1px solid var(--line);color:var(--pink);font-weight:700}main{padding:26px 0 0}.hero{min-height:440px;display:grid;grid-template-columns:56% 44%;overflow:hidden;background:var(--navy)}.hero>img{width:100%;height:100%;object-fit:cover;object-position:24% center}.hero-copy{background:var(--navy);color:#fff;padding:54px 52px 34px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-copy:before{content:"";position:absolute;left:-54px;top:0;bottom:0;width:90px;background:var(--navy);transform:skew(-8deg)}.hero-copy>*{position:relative;z-index:1}.eyebrow,.kicker{margin:0 0 9px;color:var(--turquoise);font-size:11px;font-weight:700;letter-spacing:.14em}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Barlow Condensed,sans-serif;color:var(--navy)}.hero-copy h1{color:#fff;font-size:clamp(42px,4vw,59px);line-height:.98;margin-bottom:20px;letter-spacing:-.02em}.hero-copy h1 em{color:var(--pink);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:520px;color:#e4edf4}.button-row{display:flex;gap:12px;margin:15px 0 32px}.btn{min-height:46px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-weight:700}.btn.primary{background:var(--pink);color:#fff}.btn.primary:hover,.btn.primary:focus-visible{background:var(--pink-dark)}.btn.secondary{background:transparent;color:#fff;border-color:#fff}.btn.secondary:hover{background:#fff;color:var(--navy)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}.trust-row span{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.25}.trust-row svg{flex:0 0 auto;font-size:20px;color:var(--turquoise)}.section{background:#fff;padding:20px;margin-top:14px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.section-heading h2{font-size:31px;line-height:1;margin:0}.section-heading>a{display:flex;align-items:center;gap:6px;color:var(--pink);font-size:13px;font-weight:700;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-card{min-width:0;border:1px solid var(--line);background:#fafafa;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-2px);border-color:var(--pink)}.category-card img{width:100%;aspect-ratio:1.18;object-fit:cover}.category-card span{min-height:46px;padding:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.category-card svg{color:var(--pink)}.help-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.help-card{border:1px solid var(--line);background:#fff;transition:border-color .2s}.help-card:hover{border-color:var(--pink)}.help-card img{width:100%;aspect-ratio:1.9;object-fit:cover}.help-card>div{padding:14px}.help-card h3{font-family:Barlow Condensed;color:var(--navy);font-size:21px;line-height:1.05;margin-bottom:7px}.help-card p{color:var(--muted);font-size:12px;line-height:1.45;min-height:52px;margin-bottom:10px}.help-card span,.text-link{color:var(--pink);font-weight:700;font-size:12px;display:flex;align-items:center;gap:5px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.product-card{border:1px solid var(--line);background:#fff}.product-card img{width:100%;aspect-ratio:1.15;object-fit:cover;background:#fafafa}.product-card a{display:block}.product-card a>div{padding:13px}.product-name{min-height:40px;font-size:12px;line-height:1.4;margin-bottom:5px}.product-card strong{color:var(--navy);font-size:15px}.product-card button{width:100%;margin-top:12px;padding:8px 6px;border:1px solid var(--pink);background:#fff;color:var(--pink);font-size:11px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:6px}.product-card button:hover{background:var(--pink);color:#fff}.offer-card{padding:22px;background:#fff0f8;border:1px solid #ffd5ec;display:flex;flex-direction:column;justify-content:center}.offer-card>span{color:var(--pink);font-size:12px;font-weight:700}.offer-card h3{font-family:Barlow Condensed;color:var(--navy);font-size:27px;line-height:1;margin:12px 0}.offer-card p{font-size:12px;line-height:1.5;color:var(--muted)}.offer-card button{border:0;background:transparent;padding:5px 0}.prototype-note{font-size:11px;color:var(--muted);margin:14px 0 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.feature-card{background:#fff;display:grid;grid-template-columns:43% 57%;min-height:320px;overflow:hidden}.feature-card img{width:100%;height:100%;object-fit:cover}.shoe-feature img{object-position:62% center}.team-feature img{object-position:78% center}.feature-card>div{padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-card h2{font-size:34px;line-height:.98;margin-bottom:14px}.feature-card p:not(.kicker){color:var(--muted);font-size:13px;line-height:1.55}.feature-card .btn{margin-top:6px}.world{margin-bottom:14px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.world-grid>a{display:flex;flex-direction:column;border:1px solid var(--line);border-top:4px solid var(--navy);transition:transform .2s,border-color .2s;overflow:hidden}.world-grid>a:hover{transform:translateY(-2px);border-top-color:var(--pink)}.world-grid>a img{width:100%;aspect-ratio:16/10;object-fit:cover}.world-card-body{padding:20px 25px 25px}.world-label{color:var(--turquoise);font-size:10px;font-weight:700;letter-spacing:.14em}.world-grid h3{margin:14px 0 8px;font-family:Barlow Condensed;color:var(--navy);font-size:26px}.world-grid p{color:var(--muted);font-size:12px;line-height:1.55;min-height:56px}.world-grid a>div>span:last-child{display:flex;gap:6px;align-items:center;color:var(--pink);font-size:12px;font-weight:700}.newsletter{background:#e8edf0;margin-top:14px;padding:28px 0}.newsletter-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.newsletter-inner>div{display:flex;align-items:center;gap:20px}.newsletter-inner>div>svg{font-size:42px;color:var(--navy)}.newsletter h2{margin:0 0 5px;font-size:27px}.newsletter p{margin:0;color:var(--muted);font-size:12px}.newsletter form{width:min(520px,48%);display:grid;grid-template-columns:1fr auto;position:relative}.newsletter input{height:46px;border:1px solid #cbd2d8;padding:0 14px;outline:0}.newsletter input:focus{border-color:var(--pink);box-shadow:0 0 0 2px #ed0b8726}.newsletter input[aria-invalid=true]{border-color:#bb1d28}.newsletter small{position:absolute;top:50px;left:0;color:#a51620}.newsletter-success{color:#146b3a!important;font-weight:700;display:flex;align-items:center;gap:8px}.newsletter-success svg{font-size:24px}.footer{background:#fff;border-top:1px solid var(--line);padding:38px 0 46px;text-align:left}
/* Legacy styles.min.css: `.col2-right,.header a.logo,.logo{float:left}` trifft
   auch unser Footer-Logo (gleicher Klassenname) und liess die Tagline daneben
   statt darunter rendern (Bugreport 2026-09-20). */
.footer .logo{float:none;display:block}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer .logo{font-size:32px}.footer .logo img{height:34px;width:auto}.footer h3{font-size:13px;color:var(--navy);margin-bottom:12px}.footer p,.footer a:not(.logo){display:block;color:var(--muted);font-size:11px;line-height:1.8}.footer details{border:0}.footer summary{list-style:none;cursor:default}.footer summary::-webkit-details-marker,.footer summary::marker{display:none;content:""}.footer summary h3{margin:0 0 12px}.footer-social{display:flex;gap:10px;margin-top:14px;list-style:none;padding:0}.footer-social img{width:28px;height:28px;border-radius:50%;display:block}.footer-trust{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.footer-trust-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-trust-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.footer-trust-icons{display:flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0}.footer-trust-icons li{display:flex;align-items:center}.footer-trust-icons img{height:26px;width:auto;display:block}.footer-trust-placeholder{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 8px;border:1px dashed var(--line);border-radius:4px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em}.footer-copyright{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.toast{position:fixed;right:22px;bottom:22px;z-index:50;width:min(360px,calc(100% - 44px));padding:15px 18px;background:var(--navy);color:#fff;box-shadow:0 10px 32px #0626404d;border-left:4px solid var(--pink);font-size:13px}@media(max-width:980px){.menu-toggle{display:block}.brand-row{min-height:66px}.search{margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0}.main-nav.open{display:block}.nav-inner{display:grid;grid-template-columns:1fr 1fr;padding-block:8px}.nav-item>button,.nav-item>a{width:100%;justify-content:space-between}.nav-dropdown{position:static;box-shadow:none;border:0;background:var(--soft)}.hero{grid-template-columns:1fr}.hero>img{height:340px}.hero-copy:before{display:none}.category-grid,.help-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr}.world-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.page-width{width:min(100% - 24px,1180px)}.utility-bar{justify-content:center;min-height:32px}.utility-contact span,.utility-actions{display:none}.brand-row{gap:10px 12px;flex-wrap:wrap;min-height:auto;padding-block:10px}.logo img{height:28px}.search{order:3;width:100%;flex:1 1 100%}.search input{width:0}.menu-toggle{order:2;margin-left:auto}.nav-inner{grid-template-columns:1fr}main{padding-top:12px}.hero>img{height:270px}.hero-copy{padding:32px 24px}h1{font-size:41px}.button-row{flex-direction:column}.trust-row{grid-template-columns:1fr}.section{padding:16px}.section-heading{align-items:flex-start}.section-heading>a{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.help-grid,.product-grid{grid-template-columns:1fr}.help-card{display:grid;grid-template-columns:38% 62%}.help-card img{height:100%;aspect-ratio:auto}.help-card p{min-height:0}.product-card a{display:grid;grid-template-columns:42% 58%}.product-card img{height:100%;aspect-ratio:auto}.feature-card{grid-template-columns:1fr}.feature-card img{height:230px}.feature-card>div{padding:24px}.world-grid{grid-template-columns:1fr}.newsletter-inner{display:grid}.newsletter form{width:100%;grid-template-columns:1fr;gap:8px}.newsletter small{position:static}.footer-grid{grid-template-columns:1fr;gap:8px}.footer .logo img{height:26px}.footer-trust{flex-direction:column;gap:16px}.footer summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.footer summary h3{margin:0}.footer summary:after{content:"+";font-size:18px;color:var(--muted)}.footer details[open] summary:after{content:"–"}.footer details a:first-of-type{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ==========================================================================
   Ergaenzung (nicht im Vite-Build enthalten): Die alte Seite setzt font-family
   direkt auf body/button/input/h3 etc. mit ausreichend Spezifitaet, um die
   :root-Vererbung aus dem Prototyp-Build zu schlagen. Deshalb hier explizit
   auf allen Nachfahren der neuen Bereiche erzwungen (siehe Bugreport 2026-09-18:
   Footer-Ueberschriften/Nav-Buttons zeigten weiterhin Raleway statt Inter).
   ========================================================================== */
.site-header, .site-header *, .main-nav, .main-nav *, #main, #main *,
.footer, .footer * {
  font-family: "Inter", Arial, sans-serif;
}
/* !important noetig: die Zeile oben (`#main *`) hat per ID hoehere Spezifitaet
   als ein simples `h1`/`h2` und wuerde diese sonst wieder auf Inter zurueckdrehen
   (Bugreport 2026-09-20: Hero-Headline zeigte Inter 400 statt Barlow Condensed 700,
   dadurch anderer Zeilenumbruch als im Prototyp). Legacy styles.css setzt zudem
   global `h1,h2{font-weight:400}` UND `h1..h6{text-rendering:optimizeLegibility}`
   (aendert Kerning/Zeichenbreite genug fuer einen zusaetzlichen Zeilenumbruch bei
   der Hero-Headline, verifiziert 2026-09-20) - beides hier explizit zurueckgesetzt.
   `em` innerhalb der Headline braucht die gleiche Regel separat, `#main *` trifft
   auch das <em> direkt (nicht nur ueber Vererbung vom h1) und gewinnt sonst. */
h1, h2, .help-card h3, .offer-card h3, .world-grid h3,
h1 em, h2 em {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
  text-rendering: auto !important;
}

/* React rendert Dropdowns nur bedingt (unmounted statt hidden) - unsere PHP-Version
   rendert sie immer im DOM + toggelt [hidden] per JS, daher braucht es hier zusaetzlich
   diese Regel (im Vite-Build nicht noetig gewesen). */
.nav-dropdown[hidden] { display: none; }

/* Volle Breite auf der neuen Startseite (koennen nicht sitieweit gemacht werden,
   da andere Seiten noch die alte Body-Struktur/Grid brauchen). Ohne das haengt
   .page-width am alten, festen 1170px-Bootstrap-Container samt 50px Innenabstand,
   wodurch alle Container schmaler sind als im freistehenden Prototyp-Build. */
body.nh-home-active .wrapper,
body.nh-home-active .ma-page,
body.nh-home-active .ma-page-inner {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
/* Alte Content-Seiten (Kategorie/Produkt/Konto/Suche etc.) haben kein eigenes
   .page-width pro Sektion wie die neue Startseite - hier wird der alte
   .container direkt auf die gleiche 1180px-Design-Breite gedeckelt und
   zentriert (Bugreport 2026-09-20: alte Inhalte liefen sonst ungedeckelt
   randlos ueber die volle Bildschirmbreite). */
body.nh-home-active .container {
  width: min(1180px, calc(100% - 36px)) !important;
  max-width: min(1180px, calc(100% - 36px)) !important;
  margin-inline: auto !important;
  padding: 0 !important;
  float: none !important;
}
/* Ausnahme: die eigentliche neue Startseite braucht #main ungedeckelt (100%),
   damit Hero/Newsletter/Footer randlos laufen koennen - dort uebernimmt
   .page-width pro Sektion selbst die 1180px-Begrenzung. */
body.nh-home-page .container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Produktseite: Preis + "In den Warenkorb" nebeneinander, Button rechtsbuendig
   auf Hoehe des Preises (Bugreport 2026-09-20). Gilt fuer Standard- und
   Bestellmatrix-Variante (detail_dynamik.php), gleiche Wrapper-Klasse. */
.price-cart-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.price-cart-row #preisdiv {
  margin-bottom: 0 !important;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: var(--navy);
}
/* Zahlungsarten-Icons rechts unter dem Warenkorb-Button (_product_payment_trust.php). */
.product-payment-trust {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.product-payment-trust img {
  height: 22px;
  width: auto;
  display: block;
}
/* Abstand zwischen Beschreibung und den Meta-Zeilen (Material/Marke/...) - wirkt
   unabhaengig davon, ob Beschreibung als reines <p> oder .product-description
   Div gerendert wird, da .descr-label immer direkt danach folgt. */
.product-detail > .descr-label:first-of-type {
  margin-top: 16px;
}
/* Formular-Container (Anfrage, Login, Registrierung, Kontaktformulare in
   de/Service/*, de/login/*, de/account/*): altes Kastendesign (grauer Rahmen +
   Grossbuchstaben-Kopfzeile mit Icon) an neues Design angleichen. Da .ma-container
   bereits einen Rahmen hat (siehe oben), verzichtet .form-login auf einen eigenen. */
body.nh-home-active .cart-login .headline {
  border-bottom: 1px solid var(--line);
}
body.nh-home-active .form-login {
  border: none;
  padding: 0;
  margin-bottom: 0;
}
body.nh-home-active .form-login .header {
  border-bottom: 1px solid var(--line);
  text-transform: none;
  color: var(--navy);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 0 0 14px;
  margin-bottom: 20px;
}
body.nh-home-active .form-login .header span {
  background: none;
  padding: 0;
}
/* .product-detail ist andernorts die volle Spaltenbreite (Legacy-Klasse,
   hier fuer den Button-Wrapper wiederverwendet) - im Flex-Kontext muss sie
   sich auf den Button-Inhalt schrumpfen, sonst bricht sie in eine neue Zeile. */
.price-cart-row > .product-detail {
  width: auto !important;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* Alte Content-Container (Kategorie-/Listenseiten, Toolbar, Produktseite etc.)
   nutzen sitieweit .ma-container/.toolbar mit grauem Alt-Schlagschatten
   (styles.min.css: box-shadow:0 0 3px 3px #ddd) - im neuen Design stattdessen
   die gleiche flache Karten-Optik wie .category-card/.help-card/.product-card
   (Bugreport 2026-09-20: "Container noch im alten Design, mit Schatten"). */
body.nh-home-active .ma-container,
body.nh-home-active .ma-thumbnail-container,
body.nh-home-active .toolbar {
  box-shadow: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 4px !important;
}

/* Der Vite-Build setzt ungescopt `.logo img{height:44px}` (fuer den neuen
   Header/Footer gedacht) - da newhome.css jetzt sitieweit laedt, sickert das
   auch in den ALTEN Checkout-Header (.header .logo img{width:200px}, ohne
   eigene Hoehe) und verzerrt das Logo dort (Bugreport 2026-09-20: Warenkorb-
   Logo verzerrt). Hoehe fuer den alten Header-Kontext zurueck auf auto. */
.header .logo img {
  height: auto;
}

/* Hotline-Zeile im alten Checkout-Header (header.php, nur waehrend Checkout
   aktiv) an die Markenfarbe des neuen Headers angleichen (Bugreport
   2026-09-20: "Hotline-Zeile im Warenkorb sieht anders aus"). Grau statt Pink
   (Korrektur 2026-09-20: "sollte alles grau sein, Symbol + Text auf beiden
   Headern"). */
.header .phone {
  color: var(--muted) !important;
}
/* Altes Telefon-Icon (schwarzes contact-phone.png als background-image auf
   .phone) durch dasselbe Icon wie im neuen Header ersetzen (Bugreport
   2026-09-20: "Symbol sieht immer noch unterschiedlich aus"). */
body.nh-home-active .header .toplink .phone {
  background: none;
  padding-left: 22px;
  position: relative;
}
body.nh-home-active .header .toplink .phone::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e6976' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Homepage-Header: Hotline-Symbol+Text ebenfalls grau statt der geerbten
   Legacy-Link-Farbe (a{color:#f7239b} aus styles.css) bzw. navy. */
.utility-contact,
.utility-contact svg {
  color: var(--muted) !important;
}

/* Groesse-Label + Groessenfinder-Link (Schuh-Produktseiten): eine Zeile statt
   gestapelt, mit Abstand zum Select darunter (Bugreport 2026-09-20: "haengt
   alles aufeinander"). */
.groesse-label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  margin-bottom: 6px;
}
.groesse-label-row label {
  margin: 0;
}
.size-finder-link {
  font-size: 12px;
  color: #ed0b87;
  text-decoration: underline;
  white-space: nowrap;
}
.size-finder-link:hover {
  color: #b8005f;
}

/* Groessentabelle-Modal (Textilien), ersetzt den alten "Groessen"-Tab. */
.size-modal[hidden] {
  display: none;
}
.size-modal {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.size-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 38, 64, 0.55);
}
.size-modal-box {
  position: relative;
  background: #fff;
  border-radius: 8px;
  padding: 28px 26px;
  max-width: 460px;
  width: calc(100% - 32px);
  max-height: 80vh;
  overflow-y: auto;
}
.size-modal-box h3 {
  margin-top: 0;
  margin-bottom: 14px;
}
.size-modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  border: none;
  background: none;
  font-size: 22px;
  line-height: 1;
  color: var(--muted);
  cursor: pointer;
}
.size-modal-close:hover {
  color: var(--navy);
}
.size-modal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.size-modal-table th,
.size-modal-table td {
  border: 1px solid var(--line);
  padding: 6px 10px;
  text-align: center;
}
.size-modal-table th {
  background: #f6f7f9;
  font-weight: 600;
}