/* TYPE. Shop-Entwurf · Optik nach typeclothing.de (Outfit 300, Helvetica-Überschriften, Rahmen-Knöpfe) */
:root{
  --f:'Outfit',system-ui,sans-serif; --h:'Helvetica Neue',Helvetica,Arial,sans-serif; --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --ink:#000; --mute:#6b6b6b; --line:#e6e6e6; --soft:#f4f4f4; --bar:#0f0f0f;
  --gut:clamp(16px,3.6vw,56px); --edge:clamp(12px,1.6vw,24px); --sec:clamp(56px,6.5vw,112px); --hdh:76px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@media (max-width:899px){ :root{ --hdh:64px } }
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--hdh) + 12px)}
body{margin:0; background:#fff; color:var(--ink); font-family:var(--f); font-weight:300; font-size:clamp(15.5px,1.05vw,17px); line-height:1.6; letter-spacing:.02em; -webkit-font-smoothing:antialiased; overflow-x:clip}
img{max-width:100%; display:block}
a{color:inherit}
h1,h2,h3,p,figure,blockquote,dl,dd,ol{margin:0}
button{font:inherit; color:inherit; cursor:pointer}
svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round}
svg .f{fill:currentColor; stroke:none}
:focus-visible{outline:2px solid #000; outline-offset:2px}

/* Entwurfs-Leiste */
.proto{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; background:#2a2a2a; color:#e9e9e9; font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:7px var(--gut)}
.proto__n{display:flex; gap:4px 14px; flex-wrap:wrap}
.proto a{text-decoration:none; color:#bdbdbd}
.proto a.on{color:#fff; text-decoration:underline; text-underline-offset:3px}
.proto__b{border:1px solid #666; padding:3px 8px; color:#fff !important}
.proto__l{color:#fff}

/* Ankündigungsleiste mit Sprache und Social */
.ann{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; background:var(--bar); color:#fff; padding:9px var(--gut)}
.ann p{font-size:12.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; text-align:center}
.ann__soc{display:flex; gap:12px} .ann__soc svg{width:16px; height:16px}
.ann__r{justify-self:end; font-size:12.5px; letter-spacing:.04em; color:#d6d6d6} .ann__r b{color:#fff; font-weight:600}
.ann__s{display:none}

/* Kopfzeile: läuft mit, Glas mit Körnung */
.hd{position:sticky; top:0; z-index:40; color:#000; isolation:isolate}
.hd::before{content:""; position:absolute; inset:0; z-index:-2; background:rgba(255,255,255,.7); -webkit-backdrop-filter:blur(18px) saturate(1.6); backdrop-filter:blur(18px) saturate(1.6); border-bottom:1px solid rgba(0,0,0,.08); transition:opacity .3s}
.hd::after{content:""; position:absolute; inset:0; z-index:-1; background-image:var(--grain); background-size:180px; opacity:.16; mix-blend-mode:multiply; pointer-events:none; transition:opacity .3s}
.hd__in{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; height:var(--hdh); padding:0 var(--gut)}
.hd__logo img{height:44px; width:auto; transition:filter .3s}
.hd__nav{display:flex; justify-content:center; gap:clamp(14px,2vw,30px)}
.hd__nav a{text-decoration:none; text-transform:uppercase; font-size:14.5px; font-weight:400; letter-spacing:.06em; padding:6px 0; border-bottom:1px solid transparent}
.hd__nav a:hover,.hd__nav a.on{border-bottom-color:currentColor}
.hd__ic{display:flex; gap:18px; align-items:center}
.hd__ic a{position:relative; display:inline-flex}
.hd__ic svg{width:23px; height:23px}
.hd__cnt{position:absolute; top:-6px; right:-9px; min-width:17px; height:17px; border-radius:9px; background:#000; color:#fff; font-size:10px; font-weight:600; display:grid; place-items:center; letter-spacing:0}
.hd__burger{display:none; background:none; border:0; padding:0}
/* über dem Startbild: transparent und weiß, nach dem Scrollen Glas */
.hd--over:not(.is-scrolled){color:#fff}
.hd--over:not(.is-scrolled)::before{opacity:0}
.hd--over:not(.is-scrolled)::after{opacity:0}
.hd--over:not(.is-scrolled) .hd__logo img{filter:invert(1)}
.hd--over:not(.is-scrolled) .hd__cnt{background:#fff; color:#000}
.hd.is-scrolled::before{background:rgba(255,255,255,.72)}
.hd--over + main > .hero:first-child{margin-top:calc(-1 * var(--hdh))}
@media (max-width:899px){
  .hd__in{gap:14px}
  .hd__burger{display:inline-flex}
  .hd__logo{justify-self:start}
  .hd__logo img{height:32px}
  .hd__nav{display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; gap:0; background:rgba(255,255,255,.96); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); color:#000; border-bottom:1px solid var(--line); padding:6px var(--gut) 14px}
  .hd__nav a{padding:12px 0; border-bottom:1px solid var(--line)}
  .hd.open .hd__nav{display:flex}
  .hd.open{color:#000} .hd.open::before{opacity:1} .hd.open .hd__logo img{filter:none}
  .hide-s{display:none !important}
}

/* Typo und Knöpfe */
.kick{font-size:11.5px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--mute)}
.kick--w{color:rgba(255,255,255,.85)}
.h2{font-family:var(--h); font-weight:400; text-transform:uppercase; font-size:clamp(1.45rem,2.2vw,2rem); letter-spacing:.005em; line-height:1.06}
.h2--xl{font-size:clamp(1.9rem,3.6vw,3.4rem); line-height:1}
.h2--w{color:#fff}
.h3{font-family:var(--f); font-weight:500; text-transform:uppercase; font-size:.95rem; letter-spacing:.12em; line-height:1.35}
.btn{display:inline-flex; align-items:center; justify-content:center; text-align:center; text-decoration:none; font-family:var(--f); font-weight:600; font-size:12.5px; letter-spacing:.3em; text-transform:uppercase; padding:16px 28px; border:1px solid #111; background:#fff; color:#111; transition:background .15s,color .15s}
.btn:hover{background:#111; color:#fff}
.btn--blk{background:#111; color:#fff} .btn--blk:hover{background:#333}
.btn--o{background:transparent}
.btn--w{background:#fff; color:#111; border-color:#fff} .btn--w:hover{background:transparent; color:#fff}
.btn--wo{background:transparent; color:#fff; border-color:#fff} .btn--wo:hover{background:#fff; color:#111}
.btn--full{width:100%}
.lnk{font-size:12.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; text-underline-offset:5px}
.lnk--w{color:#fff}
.stars{letter-spacing:.08em; color:#000}
.ph{font-family:var(--mono); font-size:.86em; letter-spacing:0; color:#9a9a9a; font-weight:400}
.phbox{display:grid; place-items:center; text-align:center; padding:12px; aspect-ratio:4/5; background:#eee; border:1px dashed #bbb; font-family:var(--mono); font-size:11px; color:#8a8a8a; text-transform:uppercase; letter-spacing:.06em}

/* Abschnitte */
.sec{max-width:1680px; margin:0 auto; padding:var(--sec) var(--gut) 0}
.sec--full{max-width:none; padding-inline:var(--edge)}
main > .sec:last-child,main > section:last-child{padding-bottom:var(--sec)}
.sec__h{display:flex; justify-content:space-between; align-items:baseline; gap:12px 24px; flex-wrap:wrap; margin-bottom:26px}
.sec__note{font-size:14px; color:var(--mute)}
.grid4{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 10px}
.grid3{display:grid; grid-template-columns:minmax(0,1fr); gap:22px}
@media (min-width:900px){ .grid4{grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 14px} .grid3{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* Produktkarte */
.pc{display:flex; flex-direction:column; gap:5px; text-decoration:none}
.pc__img{position:relative; display:block; background:var(--soft); aspect-ratio:4/5; overflow:hidden}
.pc__img img{width:100%; height:100%; object-fit:cover; transition:transform .5s}
.pc:hover .pc__img img{transform:scale(1.035)}
.pc__b{position:absolute; left:10px; top:10px; background:rgba(255,255,255,.9); font-size:10.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; padding:5px 8px}
.pc__t{margin-top:8px; font-size:13.5px; font-weight:400; letter-spacing:.07em; text-transform:uppercase; line-height:1.35}
.pc__p{font-size:15px}
.pc__m{font-size:12.5px; color:var(--mute)}

/* Startbild */
.hero{position:relative; min-height:min(100svh,980px); display:flex; align-items:flex-end; justify-content:center; color:#fff; overflow:hidden; background:#111}
.hero picture{position:absolute; inset:0}
.hero__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% 40%}
.hero__img--street{object-position:50% 60%}
.hero::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.05) 26%,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 100%)}
.hero__in{position:relative; z-index:2; text-align:center; padding:0 var(--gut) clamp(56px,9vh,110px); display:flex; flex-direction:column; align-items:center; gap:16px; max-width:960px}
.hero__t{font-family:var(--h); font-weight:400; text-transform:uppercase; font-size:clamp(2.8rem,8vw,7rem); line-height:.92; letter-spacing:.005em}
.hero__s{font-size:clamp(1rem,1.4vw,1.2rem); max-width:44ch; color:rgba(255,255,255,.92)}
.hero__b{display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:6px}
.hero__b--l{justify-content:flex-start}
@media (max-width:699px){ .hero{min-height:88svh} .hero__img{object-position:50% 40%} }

/* Kacheln */
.tiles{display:grid; grid-template-columns:minmax(0,1fr); margin-top:var(--sec)}
@media (min-width:700px){ .tiles{grid-template-columns:repeat(3,minmax(0,1fr))} }
.tile{position:relative; display:block; aspect-ratio:4/5; overflow:hidden; background:#111}
.tile img{width:100%; height:100%; object-fit:cover; transition:transform .6s}
.tile:hover img{transform:scale(1.035)}
.tile::after{content:""; position:absolute; inset:auto 0 0 0; height:40%; background:linear-gradient(transparent,rgba(0,0,0,.45))}
.tile span{position:absolute; z-index:1; left:22px; bottom:20px; color:#fff; font-family:var(--h); font-size:clamp(1.3rem,2vw,1.8rem); text-transform:uppercase; letter-spacing:.01em}

/* Dunkle Bänder und Video */
.dark{background:#111; color:#fff; margin-top:var(--sec)}
.dark__in{max-width:1680px; margin:0 auto; padding:var(--sec) var(--gut); display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:center}
@media (min-width:900px){ .dark__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px} }
.dark__t{display:flex; flex-direction:column; gap:14px}
.dark__t p{color:rgba(255,255,255,.82)}
.chips{display:flex; flex-wrap:wrap; gap:6px}
.chips a{border:1px solid rgba(255,255,255,.35); padding:6px 10px; font-size:12px; letter-spacing:.06em; text-decoration:none; color:#fff}
.chips a:hover{background:#fff; color:#111}
.yt{position:relative; aspect-ratio:16/9; background:#000; overflow:hidden}
.yt img,.yt iframe{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0}
.yt__play{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80px; height:80px; border-radius:50%; border:0; background:rgba(0,0,0,.6); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; display:grid; place-items:center; transition:transform .15s}
.yt__play:hover{transform:translate(-50%,-50%) scale(1.06)}
.yt__play svg{width:30px; height:30px; margin-left:4px}
.yt__bar{position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; padding:22px 14px 10px; background:linear-gradient(transparent,rgba(0,0,0,.75)); color:#fff; font-size:12px; letter-spacing:.08em; text-transform:uppercase; pointer-events:none}
.yt.on .yt__play,.yt.on .yt__bar,.yt.on img{display:none}

/* Design, Bewertungen, Split (Startseite und Produktseite) */
.design{display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:center}
@media (min-width:900px){ .design{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px} }
.design__txt{display:flex; flex-direction:column; gap:14px; align-items:flex-start}
.design__img{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}
.design__img img{aspect-ratio:4/5; width:100%; object-fit:cover; background:var(--soft)}
.four{display:grid; grid-template-columns:minmax(0,1fr); gap:1px; background:var(--line); border:1px solid var(--line); width:100%}
@media (min-width:600px){ .four{grid-template-columns:repeat(2,minmax(0,1fr))} }
.four > div{background:#fff; padding:16px 18px; display:flex; flex-direction:column; gap:5px}
.four b{font-weight:500; font-size:12px; letter-spacing:.16em; text-transform:uppercase}
.four span{font-size:14.5px; line-height:1.5}
.rev{border:1px solid var(--line); padding:22px; display:flex; flex-direction:column; gap:10px}
.rev p{font-size:15px}
.rev b{font-weight:500}
.rev cite{font-style:normal; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--mute); margin-top:auto}
.rev--add{background:var(--soft); border-color:var(--soft); justify-content:space-between; align-items:flex-start}
.split{display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:center}
@media (min-width:900px){ .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px} }
.split img{width:100%; aspect-ratio:4/3; object-fit:cover}
.split > div{display:flex; flex-direction:column; gap:14px}
.dates{list-style:none; margin:4px 0 0; padding:0; border-top:1px solid var(--line)}
.dates li{display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid var(--line); font-size:14.5px}
.dates b{font-weight:500}
.dates span{color:var(--mute); text-align:right}
.jc{display:flex; flex-direction:column; gap:8px; text-decoration:none}
.jc img{aspect-ratio:3/2; width:100%; object-fit:cover; background:var(--soft)}
.jc b{font-weight:500; font-size:16px; line-height:1.35}
.jc:hover b{text-decoration:underline; text-underline-offset:4px}
.riders{display:flex; flex-wrap:wrap; gap:6px}
.riders span{border:1px solid var(--line); padding:6px 10px; font-size:13px}

/* Crew und Fuß */
.crew{background:var(--soft); margin-top:var(--sec)}
.crew__in{max-width:720px; margin:0 auto; padding:clamp(48px,6vw,88px) var(--gut); text-align:center; display:flex; flex-direction:column; gap:12px; align-items:center}
.crew__p{color:#333}
.nl{display:flex; width:100%; max-width:520px; margin-top:8px}
.nl input{flex:1; min-width:0; border:1px solid #111; border-right:0; padding:13px 14px; font:inherit; font-size:15px; background:#fff}
.nl .btn{padding:13px 20px; background:#111; color:#fff}
.ft{border-top:1px solid var(--line); padding:48px var(--gut) 24px}
.ft__in{max-width:1680px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr); gap:28px}
@media (min-width:900px){ .ft__in{grid-template-columns:1.2fr 1fr 1fr auto} }
.ft__logo img{height:44px; width:auto}
.ft nav{display:flex; flex-direction:column; gap:6px}
.ft nav a{text-decoration:none; font-size:13px; letter-spacing:.06em; text-transform:uppercase}
.ft nav a:hover{text-decoration:underline}
.ft__soc{display:flex; gap:14px}
.ft__pay{max-width:1680px; margin:32px auto 0; display:flex; flex-wrap:wrap; gap:6px; justify-content:center}
.ft__pay span{border:1px solid var(--line); padding:4px 8px; font-size:11px; font-weight:500; letter-spacing:.04em}
.ft__c{text-align:center; font-size:12px; color:var(--mute); margin-top:16px}

/* Produktseite */
.crumb{max-width:1680px; margin:0 auto; padding:16px var(--gut) 0; font-size:12.5px; color:var(--mute); letter-spacing:.04em}
.crumb a{text-decoration:none}
.pd{max-width:1680px; margin:0 auto; padding:16px var(--gut) 0; display:grid; grid-template-columns:minmax(0,1fr); gap:28px}
@media (min-width:900px){ .pd{grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(32px,4vw,64px); align-items:start} .pd__buy{position:sticky; top:calc(var(--hdh) + 16px)} }
.pd__gal{display:flex; flex-direction:column; gap:10px; min-width:0}
.pd__thumbs{order:2; display:flex; gap:8px; overflow-x:auto; scrollbar-width:thin}
.pd__thumbs button{flex:none; width:76px; padding:0; border:1px solid transparent; background:var(--soft)}
.pd__thumbs button.on{border-color:#111; outline:1px solid #111}
.pd__thumbs img{width:100%; aspect-ratio:4/5; object-fit:cover}
.pd__main{position:relative; background:var(--soft)}
.pd__main img{width:100%; aspect-ratio:4/5; object-fit:cover}
.pd__count{position:absolute; right:10px; bottom:10px; background:#fff; font-size:11px; padding:3px 7px; letter-spacing:.06em}
.pd__stack{display:none}
@media (min-width:900px){
  .pd__thumbs,.pd__main{display:none}
  .pd__stack{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
}
.pd__shot{position:relative; padding:0; border:0; background:var(--soft); cursor:zoom-in; overflow:hidden}
.pd__shot--wide{grid-column:1/-1}
.pd__shot img{width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .6s}
.pd__shot:hover img{transform:scale(1.02)}
.pd__shot span{position:absolute; left:12px; bottom:12px; background:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); font-size:11px; letter-spacing:.12em; text-transform:uppercase; padding:5px 9px; opacity:0; transition:opacity .2s}
.pd__shot:hover span,.pd__shot:focus-visible span{opacity:1}
.pd__buy{display:flex; flex-direction:column; gap:14px}
.badges{display:flex; flex-wrap:wrap; gap:6px}
.bd{border:1px solid #111; padding:4px 8px; font-size:10.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase}
.bd--f{background:#111; color:#fff}
.pd__t{font-family:var(--h); font-weight:400; text-transform:uppercase; font-size:clamp(1.6rem,2.4vw,2.2rem); line-height:1.08; letter-spacing:.005em}
.pd__stars{text-decoration:none; font-size:15px}
.pd__q{font-size:14.5px; color:#333} .pd__q span{color:var(--mute)}
.pd__price{font-size:22px; font-weight:400; margin-top:4px}
.pd__tax{font-size:13.5px; color:var(--mute); margin-top:-10px}
.pd__story{border-left:2px solid #111; padding:2px 0 2px 14px; font-size:15px; line-height:1.55}
.lbl{display:flex; justify-content:space-between; font-size:12.5px; letter-spacing:.22em; text-transform:uppercase; margin-bottom:8px}
.lbl a{letter-spacing:.04em; text-transform:none; font-size:14px}
.lbl b{font-weight:500}
.sizes{display:flex; flex-wrap:wrap; gap:8px}
.sizes button{min-width:52px; padding:11px 12px; border:1px solid #dcdcdc; background:#fff; font-size:15.5px; font-weight:300}
.sizes button.on{border:2px solid #111; padding:10px 11px}
.low{font-size:13px; font-weight:500; letter-spacing:.06em; margin-top:8px; display:flex; align-items:center; gap:8px}
.low[hidden]{display:none}
.low::before{content:""; width:7px; height:7px; border-radius:50%; background:#111}
.fit{background:var(--soft); padding:12px 14px; font-size:14px; line-height:1.5}
.pay{display:flex; flex-direction:column; gap:8px}
.pay__pp{border:0; background:#FFC439; padding:14px; font-size:16px; font-weight:400; color:#111}
.pay__pp b{font-weight:800; font-style:italic; color:#003087}
.pay__more{text-align:center; font-size:15px; text-underline-offset:3px}
.klar{text-align:center; font-size:13px; color:var(--mute); margin-top:-6px}
.info{border-top:1px solid var(--line)}
.info p{display:flex; gap:14px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14.5px}
.info i{flex:none; width:9ch; font-style:normal; font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); padding-top:3px}
.upsell{border:1px solid var(--line); padding:12px}
.upsell__h{font-weight:500; font-size:14.5px; margin-bottom:8px}
.mini{display:flex; align-items:center; gap:12px; text-decoration:none; border:1px solid var(--line); padding:6px 12px 6px 6px; background:#fff; max-width:100%}
.mini img{width:52px; height:64px; object-fit:cover; background:var(--soft); flex:none}
.mini span{font-size:13px; line-height:1.4; color:#444}
.mini b{display:block; color:#111; font-weight:500; font-size:12px; letter-spacing:.07em; text-transform:uppercase}
.mini:hover{border-color:#111}
.upsell .mini{border:0; padding:0}
.acc details{border-bottom:1px solid var(--line)}
.acc details:first-child{border-top:1px solid var(--line)}
.acc summary{list-style:none; cursor:pointer; padding:15px 0; font-size:12.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; display:flex; justify-content:space-between}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+"; font-weight:300; font-size:20px; line-height:1}
.acc details[open] summary::after{content:"–"}
.acc details > p,.acc details > table{padding-bottom:16px; font-size:15px}
.spec,.mtab{border-collapse:collapse; width:100%}
.spec td,.mtab td,.mtab th{border-bottom:1px solid var(--line); padding:10px 12px 10px 0; text-align:left; font-size:14.5px; vertical-align:top}
.spec td:first-child,.mtab td:first-child{font-weight:400}
.mtab th{font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--mute)}
.story{display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:center}
@media (min-width:900px){ .story{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px} }
.story > div:first-child{display:flex; flex-direction:column; gap:14px}
.story__img{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.story__img img{aspect-ratio:4/5; width:100%; object-fit:cover}
.fitm{display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:start}
@media (min-width:900px){ .fitm{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px} }
.bodies{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}
.bodies img{aspect-ratio:4/5; width:100%; object-fit:cover}
.bodies figcaption{font-size:12px; margin-top:6px; color:#444}
.stk{display:none}
@media (max-width:899px){
  .has-sticky .stk{position:fixed; left:0; right:0; bottom:0; z-index:30; display:flex; align-items:center; gap:12px; padding:10px 14px calc(10px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.82); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); border-top:1px solid var(--line); transform:translateY(110%); transition:transform .2s}
  .has-sticky .stk.on{transform:none}
  .stk span{font-size:13px; color:var(--mute); flex:none}
  .stk .btn{flex:1; padding:13px 10px; letter-spacing:.2em}
}
/* Großansicht */
.lbx{position:fixed; inset:0; z-index:80; background:rgba(255,255,255,.96); display:grid; place-items:center}
.lbx[hidden]{display:none}
.lbx img{max-width:min(92vw,1100px); max-height:92vh; object-fit:contain}
.lbx button{position:absolute; border:0; background:none; font-size:44px; font-weight:200; line-height:1; padding:12px; color:#111}
.lbx__x{top:14px; right:14px} .lbx__x svg{width:28px; height:28px}
.lbx__n--p{left:10px; top:50%; transform:translateY(-50%)} .lbx__n--n{right:10px; top:50%; transform:translateY(-50%)}
.lbx__c{position:absolute; bottom:18px; left:50%; transform:translateX(-50%); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--mute)}

/* Journal */
.art{padding-bottom:var(--sec)}
.art__h{max-width:960px; margin:0 auto; padding:clamp(40px,6vw,88px) var(--gut) 28px; text-align:center; display:flex; flex-direction:column; gap:16px; align-items:center}
.art__t{font-family:var(--h); font-weight:400; text-transform:uppercase; font-size:clamp(2rem,5.2vw,4.6rem); line-height:.98; letter-spacing:.005em}
.art__d{font-size:clamp(1.05rem,1.6vw,1.3rem); max-width:46ch; color:#333}
.art__by{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--mute)}
.art__hero{max-width:1680px; margin:0 auto; padding:0 var(--edge)}
.art__hero img{width:100%; aspect-ratio:16/8; object-fit:cover; object-position:50% 34%}
.art__hero figcaption,.art__pair figcaption{font-size:12px; color:var(--mute); margin-top:8px; letter-spacing:.04em}
.art__col{max-width:720px; margin:0 auto; padding:clamp(32px,4vw,56px) var(--gut) 0; display:flex; flex-direction:column; gap:18px; font-size:17px; line-height:1.75}
.art__lead::first-letter{float:left; font-family:var(--h); font-size:4.2em; line-height:.82; padding:6px 10px 0 0}
.art__wide{max-width:1200px; margin:0 auto; padding:clamp(40px,5vw,72px) var(--gut) 0}
.art__wide > .h2{margin-bottom:10px}
.art__sub{color:#333; margin-bottom:22px; max-width:70ch}
.chps{border-top:1px solid #111}
.chp{display:grid; grid-template-columns:4.6rem minmax(0,1fr); gap:10px 18px; padding:18px 0; border-bottom:1px solid var(--line); align-items:start}
.chp__t{grid-row:1; background:none; border:0; padding:2px 0 0; text-align:left; font-family:var(--mono); font-size:13px; text-decoration:underline; text-underline-offset:4px}
.chp__img{grid-column:2; position:relative; padding:0; border:0; background:#000; aspect-ratio:16/9; overflow:hidden}
.chp__img img{width:100%; height:100%; object-fit:cover; transition:transform .4s}
.chp__img:hover img{transform:scale(1.03)}
.chp__img span{position:absolute; left:10px; bottom:10px; width:34px; height:34px; border-radius:50%; background:rgba(0,0,0,.6); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); color:#fff; display:grid; place-items:center}
.chp__img span svg{width:16px; height:16px; margin-left:2px}
.chp__x{grid-column:2; display:flex; flex-direction:column; gap:6px}
.chp__x p{font-size:15px; line-height:1.6; color:#333}
.chp .mini{grid-column:2; align-self:start}
@media (min-width:900px){
  .chp{grid-template-columns:4.6rem minmax(0,17rem) minmax(0,1fr) minmax(0,15rem)}
  .chp__img{grid-column:2; grid-row:1} .chp__x{grid-column:3; grid-row:1} .chp .mini{grid-column:4; grid-row:1}
}
.art__quote{max-width:1100px; margin:0 auto; padding:clamp(56px,7vw,104px) var(--gut) 0; text-align:center; font-family:var(--h); text-transform:uppercase; font-size:clamp(1.6rem,4.2vw,3.4rem); line-height:1.02}
.art__quote cite{display:block; margin-top:14px; font-family:var(--f); font-style:normal; font-size:11.5px; letter-spacing:.18em; color:var(--mute)}
.art__pair{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.art__pair img{width:100%; aspect-ratio:4/5; object-fit:cover}
.art__pair figcaption{grid-column:1/-1}
.des{display:grid; grid-template-columns:minmax(0,1fr); gap:28px}
@media (min-width:900px){ .des{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:48px} }
.des > div:last-child{display:flex; flex-direction:column; gap:14px; align-items:flex-start}
.des__img{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; align-content:start}
.des__img img{aspect-ratio:4/5; width:100%; object-fit:cover}
.qa{width:100%; border-top:1px solid #111; margin-top:6px}
.qa .kick{padding:12px 0 4px}
.qa div{padding:12px 0; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:4px}
.qa b{font-weight:500}
.cred{margin-top:26px}

/* Über uns: volle Breite */
.ah{display:grid; grid-template-columns:minmax(0,1fr); min-height:calc(100svh - var(--hdh) - 38px)}
@media (min-width:900px){ .ah{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
.ah__txt{display:flex; flex-direction:column; justify-content:center; gap:22px; padding:clamp(40px,6vw,96px) var(--gut)}
.ah__t{font-family:var(--h); font-weight:400; text-transform:uppercase; font-size:clamp(2.4rem,5.4vw,5.6rem); line-height:.94; letter-spacing:0; max-width:14ch}
.ah__lead{font-size:clamp(1.05rem,1.35vw,1.3rem); line-height:1.6; max-width:52ch}
.ah__facts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #111; margin-top:8px; max-width:620px}
.ah__facts div{padding:12px 0; border-bottom:1px solid var(--line)}
.ah__facts div:nth-child(odd){padding-right:16px}
.ah__facts dt{font-size:11px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--mute)}
.ah__facts dd{font-size:15.5px}
.ah__img{position:relative; min-height:62svh; background:#111}
.ah__img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%}
.ah__img figcaption{position:absolute; left:16px; bottom:14px; color:#fff; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; text-shadow:0 1px 10px rgba(0,0,0,.6)}
.marq{overflow:hidden; display:flex; border-block:1px solid #111; padding-block:16px; background:#fff}
.marq__t{display:flex; flex:none; gap:0; animation:mq 38s linear infinite}
.marq__t span{font-family:var(--h); text-transform:uppercase; font-size:clamp(1.3rem,2.4vw,2.2rem); white-space:nowrap; padding-right:1.1em}
.marq__t span::after{content:"✦"; font-size:.5em; vertical-align:middle; padding-left:1.1em; color:#999}
@keyframes mq{to{transform:translateX(-100%)}}
.dsg{display:grid; grid-template-columns:minmax(0,1fr); margin-top:var(--sec)}
@media (min-width:900px){ .dsg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
.dsg__img{position:relative; min-height:70svh; background:#111}
.dsg__img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.dsg__img figcaption,.crm__cap{font-size:11.5px; letter-spacing:.12em; text-transform:uppercase}
.dsg__img figcaption{position:absolute; left:16px; bottom:14px; color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.6)}
.dsg__txt{display:flex; flex-direction:column; justify-content:center; gap:18px; padding:clamp(40px,6vw,96px) var(--gut)}
.dsg__p{font-size:clamp(1rem,1.2vw,1.15rem); max-width:56ch}
.proc{padding:var(--sec) var(--edge) 0}
.proc__h{display:flex; flex-direction:column; gap:10px; padding:0 calc(var(--gut) - var(--edge)) 28px}
.proc__l{list-style:none; padding:0; display:grid; grid-template-columns:repeat(5,minmax(240px,1fr)); gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none}
.proc__l::-webkit-scrollbar{display:none}
.proc__l li{scroll-snap-align:start; display:flex; flex-direction:column; gap:8px}
.proc__l figure{aspect-ratio:3/4; overflow:hidden; background:#111; margin-bottom:6px}
.proc__l img{width:100%; height:100%; object-fit:cover; transition:transform .6s}
.proc__l li:hover img{transform:scale(1.04)}
.proc__n{font-family:var(--h); font-size:clamp(2rem,3vw,2.8rem); line-height:1}
.proc__l p{font-size:14.5px; line-height:1.55; color:#333; padding-right:8px}
.proc__end{display:flex; flex-direction:column; gap:8px; margin:28px calc(var(--gut) - var(--edge)) 0; padding-top:20px; border-top:1px solid #111}
.proc__end p:first-child{font-family:var(--h); text-transform:uppercase; font-size:clamp(1.2rem,2vw,1.7rem); line-height:1.15; max-width:36ch}
.nums{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:#111; color:#fff; margin-top:var(--sec)}
@media (min-width:900px){ .nums{grid-template-columns:repeat(4,minmax(0,1fr))} }
.nums div{padding:clamp(28px,4vw,64px) var(--gut); border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; display:flex; flex-direction:column; gap:10px}
.nums b{font-family:var(--h); font-weight:400; white-space:nowrap; font-size:clamp(2rem,4.2vw,4.4rem); line-height:.95; letter-spacing:-.01em}
.nums span{font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#bdbdbd; line-height:1.5}
.mw{display:grid; grid-template-columns:minmax(0,1fr); margin-top:var(--sec); align-items:stretch}
@media (min-width:900px){ .mw{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.mw__txt{display:flex; flex-direction:column; justify-content:center; gap:16px; padding:clamp(32px,5vw,80px) var(--gut)}
.mw__img{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0 var(--edge)}
.mw__img img{width:100%; height:100%; aspect-ratio:4/5; object-fit:cover; background:var(--soft)}
.fb{background:#111; color:#fff; margin-top:var(--sec)}
.fb__h{display:grid; grid-template-columns:minmax(0,1fr); gap:18px 56px; padding:var(--sec) var(--gut) 36px; align-items:end}
@media (min-width:900px){ .fb__h{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.fb__h p{color:rgba(255,255,255,.82); max-width:70ch}
.fb__h .lnk{display:inline-block; margin-top:10px}
.fb .yt{max-height:92svh; width:100%}
.crm{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:var(--sec) var(--edge) 0}
.crm figure{overflow:hidden; background:#111}
.crm img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/5}
.crm__txt{grid-column:1/-1; display:flex; flex-direction:column; gap:14px; justify-content:center; padding:0 calc(var(--gut) - var(--edge)) 18px}
.crm__wide{grid-column:1/-1}
.crm__wide img{aspect-ratio:3/2}
.crm__cap{grid-column:1/-1; color:var(--mute); padding:4px calc(var(--gut) - var(--edge)) 0}
@media (min-width:900px){
  .crm{grid-template-columns:repeat(12,minmax(0,1fr))}
  .crm__txt{grid-column:1/6; padding-bottom:0}
  .crm__wide{grid-column:6/13}
  .crm figure:not(.crm__wide){grid-column:span 4}
}
.fert{display:grid; grid-template-columns:minmax(0,1fr); margin-top:var(--sec)}
@media (min-width:900px){ .fert{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} }
.fert__txt{display:flex; flex-direction:column; gap:16px; padding:clamp(32px,4vw,64px) var(--gut)}
.fert__txt > p:not(.kick):not(.ph){max-width:62ch}
.fert__img{min-height:420px; position:relative; background:#111}
.fert__img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.prin{display:grid; grid-template-columns:minmax(0,1fr); gap:1px; background:var(--line); border-block:1px solid var(--line); margin-top:var(--sec)}
@media (min-width:900px){ .prin{grid-template-columns:repeat(3,minmax(0,1fr))} }
.prin > div{background:#fff; padding:clamp(28px,4vw,56px) var(--gut); display:flex; flex-direction:column; gap:12px}
.prin__n{font-family:var(--h); font-size:clamp(3rem,6vw,5.6rem); line-height:.9; color:#111}
.visit{position:relative; margin-top:var(--sec); min-height:min(90svh,860px); display:flex; align-items:flex-end; padding:var(--gut); overflow:hidden; background:#111}
.visit > img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.visit__card{position:relative; width:min(540px,100%); background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(20px) saturate(1.5); backdrop-filter:blur(20px) saturate(1.5); padding:clamp(22px,3vw,36px); display:flex; flex-direction:column; gap:12px; isolation:isolate}
.visit__card::after{content:""; position:absolute; inset:0; z-index:-1; background-image:var(--grain); background-size:180px; opacity:.14; mix-blend-mode:multiply; pointer-events:none}
.pg-about .crew{margin-top:0}

/* Toast und Popup */
.toast{position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px); z-index:90; background:#111; color:#fff; padding:12px 18px; font-size:14px; max-width:calc(100% - 32px); opacity:0; pointer-events:none; transition:opacity .2s,transform .2s}
.toast.on{opacity:1; transform:translate(-50%,0)}
.has-sticky .toast{bottom:84px}
.pop{position:fixed; inset:0; z-index:70; background:rgba(0,0,0,.45); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:grid; place-items:center; padding:16px}
.pop[hidden]{display:none}
.pop__in{position:relative; background:#fff; width:min(760px,100%); display:grid; grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){ .pop__in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)} }
.pop__in img{width:100%; height:100%; max-height:420px; object-fit:cover}
.pop__in > div{padding:28px; display:flex; flex-direction:column; gap:12px; justify-content:center}
.pop__x{position:absolute; right:8px; top:8px; background:#fff; border:0; padding:6px; z-index:2; display:inline-flex}
@media (max-width:699px){ .pop__in img{max-height:200px} }

/* ═══ Lookbook-Layout: alles auf volle Breite ═══ */
:root{ --edge:clamp(14px,2vw,32px) }
.sec,.sec--full{max-width:none; margin:0; padding:var(--sec) var(--edge) 0}
.crumb{max-width:none; padding:16px var(--edge) 0}
.ft__in,.ft__pay{max-width:none}
.ft{padding-inline:var(--edge)}
.hd__in{padding:0 var(--edge)}
.ann{padding-inline:var(--edge)}
/* Produktseite: Galerie randlos links */
.pd{max-width:none; padding:12px 0 0}
.pd__buy{padding:0 var(--edge)}
.pd__thumbs{padding:0 var(--edge)}
@media (min-width:900px){ .pd{grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(28px,3.4vw,56px); padding-right:var(--edge)} .pd__buy{padding:0} }
/* Film randlos */
.fb__h{grid-template-columns:minmax(0,1fr); padding:var(--sec) var(--edge) 32px}
@media (min-width:900px){ .fb__h{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} }
.fb__r{display:flex; flex-direction:column; gap:14px; align-items:flex-start}
.fb__r p{color:rgba(255,255,255,.82); max-width:70ch}
.fb .yt{aspect-ratio:16/9; max-height:none}
/* Teilung Text und Bild, Bild bis an den Rand */
.fs{display:grid; grid-template-columns:minmax(0,1fr); margin-top:var(--sec); align-items:stretch}
@media (min-width:900px){ .fs{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} .fs--l{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} }
.fs__txt{display:flex; flex-direction:column; justify-content:center; gap:16px; padding:clamp(32px,5vw,88px) var(--edge)}
@media (min-width:900px){ .fs__txt{padding-inline:clamp(28px,4vw,72px)} }
.fs__txt > p:not(.kick){max-width:58ch}
.fs__img{position:relative; min-height:min(78svh,900px); background:#111}
.fs__img > img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.fs__img--2,.fs__img--3{display:grid; gap:8px; background:none; min-height:0}
.fs__img--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fs__img--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fs__img--2 > img,.fs__img--3 > img{position:static; width:100%; height:100%; min-height:min(70svh,820px); object-fit:cover}
@media (max-width:899px){ .fs__img{min-height:72svh} .fs__img--2 > img,.fs__img--3 > img{min-height:46svh} .fs--l .fs__img{order:-1} }
/* Journal als Lookbook */
.hero--jrn{min-height:min(96svh,1000px); justify-content:flex-start}
.hero--jrn .hero__img{object-position:50% 40%}
.hero__in--l{align-items:flex-start; text-align:left; max-width:1100px; padding-left:var(--edge); padding-right:var(--edge)}
.hero__t--jrn{font-size:clamp(2.4rem,6.4vw,6.4rem); max-width:16ch; line-height:.95}
.art__by--w{color:rgba(255,255,255,.8); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase}
.art__col{padding-top:clamp(48px,6vw,96px)}
.jch{padding:var(--sec) 0 0}
.jch__h{display:flex; flex-direction:column; gap:12px; padding:0 var(--edge) 32px; max-width:900px}
.jch__h p:last-child{color:#333}
.jchr{display:grid; grid-template-columns:minmax(0,1fr); margin-top:8px; background:#fff}
@media (min-width:900px){ .jchr{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} .jchr:nth-of-type(even) .jchr__img{order:2} }
.jchr__img{position:relative; padding:0; border:0; background:#000; aspect-ratio:16/9; overflow:hidden; cursor:pointer}
.jchr__img img{width:100%; height:100%; object-fit:cover; transition:transform .6s}
.jchr__img:hover img{transform:scale(1.03)}
.jchr__img span{position:absolute; left:18px; bottom:18px; width:52px; height:52px; border-radius:50%; background:rgba(0,0,0,.55); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; display:grid; place-items:center}
.jchr__img span svg{width:20px; height:20px; margin-left:3px}
.jchr__x{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:14px; padding:clamp(24px,4vw,64px) var(--edge)}
@media (min-width:900px){ .jchr__x{padding-inline:clamp(28px,4vw,72px)} }
.jchr__t{background:none; border:0; padding:0; font-family:var(--h); font-size:clamp(1.1rem,1.6vw,1.4rem); text-decoration:underline; text-underline-offset:6px; color:var(--mute)}
.jchr__x p{font-size:clamp(1rem,1.15vw,1.12rem); line-height:1.65; max-width:52ch; color:#222}
.jpair{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:var(--sec)}
.jpair img{width:100%; aspect-ratio:4/5; object-fit:cover}
.jpair--3{grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:28px}
.jpair figcaption{grid-column:1/-1; padding:4px var(--edge) 0; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--mute)}
@media (max-width:699px){ .jpair--3{grid-template-columns:repeat(2,minmax(0,1fr))} .jpair--3 img:first-child{grid-column:1/-1} }
.jprem{padding:var(--sec) 0 0}
.jprem__h{display:flex; flex-direction:column; gap:12px; padding:0 var(--edge); max-width:900px}
.jprem .cred{margin:26px var(--edge) 0; width:calc(100% - 2 * var(--edge))}
.art .mw{margin-top:var(--sec)}
.art .qa{max-width:640px}
.fb .yt__play{top:62%}
.hero--jrn::after{background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,0) 78%),linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 100%)}
@media (max-width:699px){ .hero::after{background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.78) 100%)} }
/* Über uns: Tour-Plakat statt Karte */
.tour{position:relative; margin-top:var(--sec); min-height:min(100svh,980px); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; background:#111; color:#fff}
.tour > img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:62% 40%}
.tour::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.32) 42%,rgba(0,0,0,0) 70%),linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 62%,rgba(0,0,0,.72) 100%)}
.tour__in,.tour__dates{position:relative; z-index:1}
.tour__in{display:flex; flex-direction:column; gap:20px; padding:clamp(48px,7vw,120px) var(--edge) 32px; max-width:980px}
.tour__t{font-family:var(--h); font-weight:400; text-transform:uppercase; font-size:clamp(2.6rem,4.3vw,4.6rem); line-height:.9; letter-spacing:-.005em}
main > section.tour:last-child{padding-bottom:0}
.tour__p{max-width:38ch}
.tour__p{font-size:clamp(1rem,1.3vw,1.2rem); line-height:1.6; max-width:44ch; color:rgba(255,255,255,.9)}
.tour__dates{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr); border-top:1px solid rgba(255,255,255,.35)}
@media (min-width:900px){ .tour__dates{grid-template-columns:repeat(4,minmax(0,1fr))} }
.tour__dates li{display:flex; flex-direction:column; gap:4px; padding:20px var(--edge) 24px; border-bottom:1px solid rgba(255,255,255,.25)}
@media (min-width:900px){ .tour__dates li{border-bottom:0; border-right:1px solid rgba(255,255,255,.25)} .tour__dates li:last-child{border-right:0} }
.tour__n{font-family:var(--h); font-size:clamp(1.6rem,2.4vw,2.2rem); line-height:1; margin-bottom:8px; color:#fff}
.tour__dates b{font-family:var(--h); font-weight:400; text-transform:uppercase; font-size:clamp(1rem,1.3vw,1.2rem); letter-spacing:.01em}
.tour__dates b a{text-decoration:underline; text-underline-offset:5px}
.tour__dates span:not(.tour__n){font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.72)}
.tour .ph{color:rgba(255,255,255,.6)}
.tour__crew{background:rgba(255,255,255,.08); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px)}
/* Feinschliff mobil */
@media (max-width:699px){
  .ann{grid-template-columns:1fr; padding:8px 12px}
  .ann__soc,.ann__r{display:none}
  .ann__l{display:none} .ann__s{display:inline}
  .ann p{letter-spacing:.12em; font-size:11.5px}
  .proto{flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; gap:14px; scrollbar-width:none}
  .proto::-webkit-scrollbar{display:none}
  .proto__l{display:none}
  .proto__n{flex-wrap:nowrap}
  .hero .kick{font-size:10.5px; letter-spacing:.12em}
  .sizes{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px}
  .sizes button{min-width:0; padding:11px 0; font-size:14px}
  .sizes button.on{padding:10px 0}
  .hero__b .btn{flex:1 1 100%}
  .proc__l{grid-template-columns:repeat(5,minmax(72%,1fr))}
  .ah__facts{grid-template-columns:minmax(0,1fr)}
  .ah__img{order:-1; min-height:58svh}
  .ah__txt{padding-top:32px}
}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *{transition:none !important} .marq__t{animation:none} }