/* =========================================================================
   Mode Erhard · Design D „Arkade" — baut auf linie.css auf.
   Die Lauben-Kachel ist die Einheit der Seite: Auftakt als Kachelwand,
   Fotos sitzen im Bogenfenster einer Kachel, Marken als Mosaik.
   Gleiche Regeln wie C: zwei Schriften, gedämpftes Rot, keine Verläufe.
   ========================================================================= */

/* Bogenfenster: Foto in Bogenform, sitzt wie das Bogen-Motiv in der Kachel */
.d-win{position:absolute;left:14%;right:14%;top:10%;bottom:0;border-radius:999px 999px 0 0;overflow:hidden;background:var(--bord)}
.d-win img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.d-tilewin{position:relative;display:block;aspect-ratio:1;background:var(--bg,var(--sand));overflow:hidden}

/* ---------- Auftakt: Kachelwand ---------- */
.d-hero{background:var(--paper);padding-top:calc(4.2rem + env(safe-area-inset-top,0px))}
.d-wall{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,calc((100svh - 4.2rem) / 4));grid-auto-flow:row dense}
.d-tile{position:relative;background:var(--bg);color:var(--fg);overflow:hidden}
.d-tile svg{position:absolute;inset:0;width:100%;height:100%;fill:currentColor}
.d-hero__text{grid-column:1 / span 3;grid-row:2 / span 2;background:var(--paper);padding:clamp(1.4rem,3vw,3rem) var(--g);display:flex;flex-direction:column;justify-content:center;gap:1.2rem;position:relative}
.d-hero__kicker{color:var(--rosso)}
.d-hero__title{font-family:var(--serif);font-weight:330;font-variation-settings:'SOFT' 30,'WONK' 0;font-size:clamp(2.6rem,4.8vw,5.4rem);line-height:.98;letter-spacing:-.028em;max-width:12ch}
.d-hero__title em{font-style:italic;color:var(--rosso);font-variation-settings:'SOFT' 100,'WONK' 1}
.d-hero__lead{font-size:1.08rem;line-height:1.6;max-width:30rem}
.d-hero__arch{grid-column:4 / span 2;grid-row:1 / span 4;position:relative;margin:0;background:var(--sand)}
.d-hero__arch .d-win{left:9%;right:9%;top:6%}
.d-hero__arch::after{content:'';position:absolute;left:calc(9% - 12px);right:calc(9% - 12px);top:calc(6% - 12px);bottom:0;border:1px solid var(--rosso);border-bottom:0;border-radius:999px 999px 0 0;pointer-events:none}

/* ---------- Kennzahlen als Kacheln ---------- */
.d-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(4rem,7vw,6rem) !important;position:relative;z-index:2}
.d-facts li{position:relative;aspect-ratio:1;background:var(--bg);color:var(--ink);padding:clamp(1rem,1.8vw,1.6rem);overflow:hidden;display:flex;flex-direction:column}
.d-facts svg{position:absolute;left:22%;right:22%;bottom:0;width:56%;height:46%;fill:var(--fg);opacity:.9}
.d-facts b{position:relative;font-family:var(--serif);font-weight:330;font-size:clamp(2.8rem,4.6vw,4.8rem);line-height:1}
.d-facts span{position:relative;font-size:.88rem;line-height:1.4;max-width:13rem;margin-top:.5rem}

/* ---------- Anlässe ---------- */
.d-occ__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2.2rem,4vw,4rem) clamp(1.2rem,2.4vw,2.4rem);margin-top:clamp(2.5rem,5vw,4rem)}
.d-occ__item .d-tilewin{margin-bottom:1.3rem}
.d-occ__item:hover .d-win img{transform:scale(1.05)}
.d-occ__item .l-num{display:block;margin-bottom:.25rem}
.d-occ__item h3{font-family:var(--serif);font-weight:340;font-size:clamp(1.6rem,2.2vw,2.2rem);line-height:1.05;margin-bottom:.5rem}
.d-occ__item p{font-size:.96rem;line-height:1.55;opacity:.85;max-width:24rem}

/* ---------- Damen / Herren: Streifen-Kacheln ---------- */
.d-duo{background:var(--paper)}
.d-tilewin--stripes{aspect-ratio:4/5;background:repeating-linear-gradient(90deg,var(--paper) 0 10%,#C9D7DC 10% 20%)}
.d-tilewin--stripes .d-win{left:12%;right:12%;top:8%}

/* ---------- Marken-Mosaik ---------- */
.d-brands{display:grid;grid-template-columns:repeat(7,1fr);margin-top:clamp(2.8rem,5vw,4rem)}
.d-brands li{position:relative;aspect-ratio:1;background:var(--bg);color:var(--tx,var(--ink));display:flex;align-items:center;justify-content:center;text-align:center;padding:.8rem;overflow:hidden}
.d-brands svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--fg);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.85;transition:translate .7s var(--out)}
.d-brands li:hover svg{translate:0 -6%}
.d-brands span{position:relative;font-family:var(--serif);font-weight:360;font-size:clamp(1.05rem,1.55vw,1.5rem);line-height:1.15;background:var(--bg);padding:.25em .4em}
.d-brands li.it span{font-style:italic}

/* ---------- Abschluss ---------- */
.d-band2{grid-template-columns:repeat(10,1fr);grid-auto-rows:clamp(64px,10vw,150px);height:auto}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .d-facts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .d-wall{grid-template-columns:repeat(3,1fr);grid-template-rows:33.34vw auto 33.34vw 33.34vw 33.34vw 33.34vw}
  .d-hero__text{grid-column:1 / -1;grid-row:2;padding:2.2rem var(--g)}
  .d-hero__arch{grid-column:1 / span 2;grid-row:3 / span 4}
  .d-tile:nth-of-type(n+8){display:none}
  .d-occ__grid{grid-template-columns:1fr 1fr}
  .d-brands{grid-template-columns:repeat(2,1fr)}
  .d-band2{grid-template-columns:repeat(5,1fr)}
  .d-band2 i:nth-child(n+6){display:block}
}
@media (max-width:540px){
  .d-occ__grid{grid-template-columns:1fr}
  .d-facts li{aspect-ratio:auto;min-height:11rem}
}

/* Anlässe, Variante B: Kampagnenfotos der Marken im selben Bogenfenster */
.d-win img.occ-brand{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease)}
.d-win img.occ-brand{opacity:0}
.d-occ.is-v-b .d-win img.occ-brand{opacity:1}

/* ---------- F „Kompakt“: Brixen gestrafft ---------- */
.kompakt .f-alpin{padding:clamp(4rem,7vw,6rem) 0 clamp(3.5rem,6vw,5rem)}
.kompakt .f-alpin .l-alpin__cols{grid-template-columns:1fr 1fr 9rem;gap:clamp(1.5rem,4vw,3.5rem);max-width:1100px;margin:0 auto;margin-top:0}
.kompakt .f-alpin .l-alpin__cols h3{font-size:clamp(1.4rem,1.9vw,1.9rem);margin-bottom:.5rem}
.kompakt .f-alpin .l-alpin__cols p{font-size:.98rem;line-height:1.6}
.kompakt .f-alpin .l-alpin__illu{width:9rem;margin:-1.5rem 0 -6rem}
@media (max-width:900px){.kompakt .f-alpin .l-alpin__cols{grid-template-columns:1fr}.kompakt .f-alpin .l-alpin__illu{width:7rem;justify-self:end;margin:-1rem 0 -4rem}}

/* Brixen, Variante C „Nebeneinander“: Dom links, Text rechts, keine Überlappung */
@media (min-width:901px){
  .l-alpin.is-v-c{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"dom title" "dom cols";column-gap:clamp(2rem,5vw,5rem);align-items:center;max-width:1440px;margin:0 auto;padding-left:var(--g);padding-right:var(--g)}
  .l-alpin.is-v-c > .l-wrap:first-of-type{grid-area:title;padding:0;align-self:end}
  .l-alpin.is-v-c .l-label{justify-content:flex-start}
  .l-alpin.is-v-c .l-h2{text-align:left;margin:0;font-size:clamp(2.6rem,4.4vw,4.8rem);max-width:13ch}
  .l-alpin.is-v-c .l-alpin__dom{grid-area:dom;width:100%;margin:0}
  .l-alpin.is-v-c .l-alpin__cols{grid-area:cols;grid-template-columns:1fr 1fr;padding:0;margin:clamp(1.5rem,3vw,2.5rem) 0 0;gap:1.6rem 2rem;align-self:start;max-width:none}
  .l-alpin.is-v-c .l-alpin__cols h3{font-size:clamp(1.35rem,1.7vw,1.7rem)}
  .l-alpin.is-v-c .l-alpin__cols p{font-size:.95rem}
  .l-alpin.is-v-c .l-alpin__illu{display:none}
}

/* Kundenstimmen, Variante B „Getrennt“: eigene Sandfläche, Kachelband als Schnitt, Bogenkarten */
.l-red.is-v-b{padding-bottom:0}
.l-red.is-v-b .l-voices{max-width:none;margin-top:clamp(4.5rem,8vw,7rem);padding:0 var(--g) clamp(5rem,9vw,8rem)!important;border-top:0;background:var(--sand);color:var(--ink)}
.l-red.is-v-b .l-voices > :not(.rv-band){max-width:1440px;margin-left:auto;margin-right:auto}
.l-red.is-v-b .l-voices .l-label{color:var(--ink)}
.l-red.is-v-b .l-voices em{color:var(--rosso)}
.l-red.is-v-b .l-voices .l-script{color:var(--rosso)}
.l-red.is-v-b .l-voices .l-cap{color:var(--ink);opacity:.6}
.l-red.is-v-b .l-voices__lead{text-align:center;max-width:58rem}
.l-red.is-v-b .l-voices__lead figcaption{justify-content:center}
.l-red.is-v-b .l-voices__list{gap:clamp(1.2rem,2.4vw,2.4rem);align-items:stretch}
.l-red.is-v-b .l-voices__list li{background:var(--paper);border:0;border-radius:999px 999px 0 0;padding:clamp(5.5rem,9vw,8rem) clamp(1.4rem,2.4vw,2.4rem) clamp(1.8rem,3vw,2.6rem);text-align:center;position:relative;box-shadow:inset 0 0 0 1px rgba(154,46,38,.18)}
.l-red.is-v-b .l-voices__list li::before{content:'\201C';position:absolute;left:50%;top:clamp(1.6rem,3vw,2.6rem);transform:translateX(-50%);font-family:var(--serif);font-size:4rem;line-height:1;color:var(--rosso)}
.l-red.is-v-b .l-voices__from{justify-content:center}
@media (max-width:900px){.l-red.is-v-b .l-voices__list li{border-radius:160px 160px 0 0}}

/* Kachelbänder, Variante „Gleitend“: doppelte Kachelreihe, am Scrollen verschoben */
.l-band.is-slide{display:flex;overflow:hidden;--tw:10vw}
.l-band.is-slide i{flex:0 0 var(--tw);display:block!important;transform:translateX(var(--shift,0px));transition:transform .12s linear}
body:not(.rv-baender-b) .l-band.is-slide i{transition:transform .6s var(--ease)}
@media (max-width:900px){.l-band.is-slide{--tw:20vw}}

/* Besuch, Variante „Mit Foto“: Ladenfoto im Bogen, Karte als runder Einsatz */
.v-photo{display:none}
.l-visit.is-v-c .v-photo{display:block;margin:14px;flex:1;min-height:480px;aspect-ratio:auto;max-height:none}
.v-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 40%}
.v-photo .v-farbe{opacity:0}
.l-visit.is-v-c .v-photo .v-farbe{opacity:1}
.l-visit.is-v-c .l-visit__map{position:absolute;left:-2.5rem;bottom:-1.5rem;z-index:4;width:230px;height:230px;min-height:0;flex:none;margin:0;border-radius:50%;box-shadow:0 0 0 8px var(--paper),0 0 0 9px var(--rosso),0 20px 40px -18px rgba(42,23,20,.6)}
.l-visit.is-v-c .l-visit__map > img,.l-visit.is-v-c .l-visit__map a{border-radius:50%}
.l-visit.is-v-c .l-visit__map::before{display:none}
.l-visit.is-v-c .l-visit__map a span{font-size:.7rem;letter-spacing:.16em;padding:.7rem 1.1rem;white-space:nowrap}
.l-visit.is-v-c .l-visit__map a{padding:.9rem}
.l-visit.is-v-c .l-visit__illu{left:auto;right:-3rem}
@media (max-width:900px){.l-visit.is-v-c .l-visit__map{left:.5rem;bottom:-1rem;width:140px;height:140px}}
.l-visit.is-v-c .l-visit__map .map-attr{bottom:auto;top:58%;right:50%;transform:translateX(50%);font-size:.5rem}

/* Beratung, Variante „Personal Shopping“ */
.ps{display:none}
.ps .l-h2{max-width:13ch}
.ps .l-h2 em,.ps .l-num{color:#E9C9BF}
.ps .l-lead{opacity:.95;max-width:34rem}
.ps__facts{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.8rem 0 .4rem}
.ps__facts li{border:1px solid rgba(244,238,228,.55);border-radius:999px;padding:.55rem 1rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.ps__steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(244,238,228,.4);margin:2rem 0 2.4rem;max-width:46rem}
.ps__steps li{padding:1.2rem 1.2rem 0 0}
.ps__steps p{font-size:.95rem;line-height:1.5;opacity:.9}
.ps__btn{background:var(--paper);border-color:var(--paper);color:var(--ink);padding:1.2rem 2.2rem;font-size:.8rem}
.ps__btn:hover{background:#E9C9BF;border-color:#E9C9BF;color:var(--ink)}
.ps__tel{color:var(--paper)}
.ps__media{position:relative;margin:0;justify-self:center;width:min(100%,30rem)}
.ps__arch{display:block;aspect-ratio:3/4;border-radius:999px 999px 0 0;overflow:hidden;outline:1px solid rgba(244,238,228,.6);outline-offset:12px}
.ps__arch img{width:100%;height:100%;object-fit:cover;object-position:40% 30%}
.ps__seal{position:absolute;left:-3.2rem;top:12%;width:clamp(120px,11vw,160px);animation:ps-spin 24s linear infinite}
.ps__seal circle{fill:var(--paper)}
.ps__seal text{font-family:var(--sans);font-size:13.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;fill:var(--wine)}
.ps__seal use{color:var(--rosso);fill:var(--rosso)}
@keyframes ps-spin{to{transform:rotate(360deg)}}
.ps__illu{position:absolute;right:-3.5rem;bottom:-2rem;width:clamp(110px,10vw,150px)}
.ps__illu .l-ink{--c:var(--paper)}
@media (max-width:900px){.ps__steps{grid-template-columns:1fr}.ps__seal{left:-.5rem}.ps__illu{display:none}}
@media (prefers-reduced-motion:reduce){.ps__seal{animation:none}}

/* „Ihr Tag, Ihr Stil“, Variante „Slider“: eine Reihe, frei verschiebbar (Pfeile, Wischen, Trackpad) */
body.rv-occlayout-b .d-occ__grid{display:flex;flex-wrap:nowrap;gap:clamp(1.5rem,2.4vw,2.6rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:.4rem}
body.rv-occlayout-b .d-occ__grid::-webkit-scrollbar{display:none}
body.rv-occlayout-b .d-occ__item{flex:0 0 clamp(250px,23vw,330px);scroll-snap-align:start}
.occ-ctl{display:flex;align-items:center;gap:.8rem;margin-top:clamp(1.6rem,3vw,2.6rem)}
.occ-ctl__bar{flex:1;height:1px;background:var(--line-ink);position:relative;margin-right:1rem}
.occ-ctl__bar i{position:absolute;inset:0;background:var(--rosso);transform-origin:0 50%;transition:transform .35s var(--ease)}
.occ-ctl__btn{appearance:none;width:3.4rem;height:3.4rem;border-radius:50%;border:1px solid var(--ink);background:none;color:var(--ink);font-size:1.2rem;cursor:pointer;transition:background-color .3s,color .3s,opacity .3s}
.occ-ctl__btn:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:var(--paper)}
.occ-ctl__btn:disabled{opacity:.25;cursor:default}
@media (max-width:900px){body.rv-occlayout-b .d-occ__item{flex-basis:72vw}}

/* Damen & Herren, Variante „Kompakt“: passt auf einen Bildschirm */
.d-duo.is-v-b{padding:clamp(5rem,9vh,6.5rem) 0 clamp(2.5rem,5vh,4rem)}
.d-duo.is-v-b .l-label{margin-bottom:.6rem}
.d-duo.is-v-b .l-duo__grid{align-items:start;margin-top:clamp(.8rem,2vh,1.6rem);gap:clamp(2rem,5vw,5rem);max-width:1100px}
.d-duo.is-v-b .l-duo__panel:nth-child(2){margin-bottom:0}
.d-duo.is-v-b .d-tilewin--stripes{aspect-ratio:auto;height:clamp(260px,calc(100vh - 21rem),540px)}
.d-duo.is-v-b .d-tilewin--stripes .d-win{left:14%;right:14%;top:7%}
.d-duo.is-v-b .l-duo__name{font-size:clamp(2.4rem,min(4.4vw,7vh),4.6rem);margin-top:.9rem}
.d-duo.is-v-b .l-cap{margin-top:.35rem}
@media (max-width:900px){.d-duo.is-v-b .l-duo__grid{grid-template-columns:1fr 1fr;gap:1rem}.d-duo.is-v-b .d-tilewin--stripes{height:56vw}.d-duo.is-v-b .l-cap{font-size:.58rem;letter-spacing:.12em}}

/* Damen & Herren: Streifen durchgehend von Kante zu Kante */
body.rv-duostripe-b .d-duo{background:repeating-linear-gradient(90deg,var(--paper) 0 clamp(48px,5vw,80px),#C9D7DC clamp(48px,5vw,80px) clamp(96px,10vw,160px))}
body.rv-duostripe-b .d-duo .d-tilewin--stripes{background:transparent;overflow:visible}
body.rv-duostripe-b .d-duo .d-tilewin--stripes .d-win{box-shadow:0 0 0 10px var(--paper),0 0 0 11px var(--rosso)}
body.rv-duostripe-b .d-duo .l-label,body.rv-duostripe-b .d-duo .l-cap{background:var(--paper);padding:.35rem .9rem;border-radius:999px;width:max-content;margin-left:auto;margin-right:auto}

/* Marken-Mosaik: echte Logos, einfarbig in der Textfarbe der Kachel */
.d-brands .d-logo{position:relative;z-index:1;display:block;width:68%;height:34%;background:var(--tx,var(--ink));
  -webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform .6s var(--out)}
.d-brands li:hover .d-logo{transform:scale(1.05)}
.d-brands .d-logo{width:calc(68% * var(--ls,1));height:calc(34% * var(--ls,1));max-width:86%}
.d-brands span.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);background:none!important;border:0}

/* Marken, Variante „Nur Logos“: weißer Grund, keine Kacheln, Linien oder Formen */
.l-brands.is-v-c{background:var(--paper)}
.l-brands.is-v-c .d-brands{gap:clamp(1rem,3vw,3rem) 0;background:none;border:0}
.l-brands.is-v-c .d-brands li{background:transparent!important;aspect-ratio:2/1}
.l-brands.is-v-c .d-brands li svg{display:none}
.l-brands.is-v-c .d-brands .d-logo{background:#141211!important;height:calc(42% * var(--ls,1));width:calc(62% * var(--ls,1));opacity:.9}
.l-brands.is-v-c .d-brands li:hover .d-logo{opacity:1}
.d-brands .d-logo.is-square{height:calc(52% * var(--ls,1))}
.l-brands.is-v-c .d-brands .d-logo.is-square{height:72%}

/* ---------- Kundenstimmen: Variante „Mit Überschrift“ ---------- */
.l-voices{position:relative}
.l-voices__head{display:none}
.l-voices__rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.4rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border-bottom:1px solid transparent;transition:border-color .4s}
.l-voices__rating:hover{border-color:currentColor}

/* ---------- Lesbarkeit II: kleine Fließtexte größer (Sicherung davor: ../Mode Erhard Sicherung 2026-10-21 v57) ---------- */
body.linie .l-voices__list blockquote p{font-size:clamp(1.25rem,1.6vw,1.6rem);line-height:1.3}
body.linie .d-facts span{font-size:clamp(1.08rem,1.2vw,1.18rem);line-height:1.45;max-width:16rem}
body.linie .l-alpin .l-alpin__cols p,body.linie.kompakt .f-alpin .l-alpin__cols p{font-size:clamp(1.1rem,1.25vw,1.2rem);line-height:1.6}
body.linie .d-occ__item p{font-size:clamp(1.06rem,1.2vw,1.14rem)}
body.linie .ps__steps p{font-size:clamp(1.06rem,1.2vw,1.14rem)}
body.linie .l-table div{font-size:1.04rem}
body.linie .l-status{font-size:1rem}
body.linie .menu__info{font-size:1.04rem}

/* ---------- Kundenstimmen: Variante „Kompakt“ (Überschrift + Note links, Zitat rechts) ---------- */
body.rv-stimmenkopf-c .l-voices__head{display:block}
body.rv-stimmenkopf-c .l-red .l-voices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,34rem) minmax(0,54rem) minmax(0,1fr);column-gap:clamp(2rem,5vw,6rem);align-items:start}
body.rv-stimmenkopf-c .l-red .l-voices > *{grid-column:2 / 4;max-width:none!important;margin-left:0!important;margin-right:0!important}
body.rv-stimmenkopf-c .l-red .l-voices > .l-label{grid-column:2;grid-row:2;justify-content:flex-start;margin-bottom:1.4rem}
body.rv-stimmenkopf-c .l-red .l-voices__head{grid-column:2;grid-row:3;margin:0;text-align:left}
body.rv-stimmenkopf-c .l-voices__head .l-h2{font-size:clamp(2.3rem,3.7vw,3.9rem);line-height:1.02;max-width:11ch}
body.rv-stimmenkopf-c .l-voices__head .l-h2 em{font-style:italic}
body.rv-stimmenkopf-c .l-red.is-v-b .l-voices__head .l-h2 em{color:var(--rosso)}
body.rv-stimmenkopf-c .l-voices__rating{display:flex;margin-top:2rem;padding-top:1.3rem;border-top:1px solid var(--line-ink);border-bottom:0;width:100%;max-width:22rem}
body.rv-stimmenkopf-c .l-voices__rating > span:last-child{font-size:.72rem;letter-spacing:.18em;line-height:1.5}
body.rv-stimmenkopf-c .l-voices__rating:hover > span:last-child{text-decoration:underline;text-underline-offset:.3em}
body.rv-stimmenkopf-c .l-red .l-voices__lead{grid-column:3;grid-row:2 / span 2;align-self:center;margin:0;text-align:left;position:relative;padding-left:clamp(1.6rem,3vw,3rem);border-left:1px solid rgba(154,46,38,.35)}
body.rv-stimmenkopf-c .l-red .l-voices__lead p{font-size:clamp(1.35rem,1.9vw,1.95rem);line-height:1.32}
body.rv-stimmenkopf-c .l-red .l-voices__lead figcaption{justify-content:flex-start}
body.rv-stimmenkopf-c .l-red .l-voices__list{grid-column:2 / 4;grid-row:4;margin-top:clamp(3.5rem,6vw,5.5rem)}
body.rv-stimmenkopf-c .l-red.is-v-b .l-voices__list li{padding-top:clamp(4.4rem,6.5vw,6rem)}
body.rv-stimmenkopf-c .l-red.is-v-b .l-voices__list li::before{font-size:3.2rem;top:clamp(1.3rem,2.2vw,2rem)}
body.linie.rv-stimmenkopf-c .l-voices__list blockquote p{font-size:clamp(1.1rem,1.3vw,1.3rem)}
@media (max-width:900px){
  body.rv-stimmenkopf-c .l-red .l-voices{grid-template-columns:minmax(0,1fr)}
  body.rv-stimmenkopf-c .l-red .l-voices > *,body.rv-stimmenkopf-c .l-red .l-voices > .l-label,body.rv-stimmenkopf-c .l-red .l-voices__head,body.rv-stimmenkopf-c .l-red .l-voices__lead,body.rv-stimmenkopf-c .l-red .l-voices__list{grid-column:1;grid-row:auto}
  body.rv-stimmenkopf-c .l-red .l-voices__lead{margin-top:2.6rem}
}
body.rv-stimmenkopf-c .l-red.is-v-b .l-voices__from{flex-direction:column;align-items:center;gap:.35rem}

/* =====================================================================
   HANDY (≤ 700 px) – ruhig und übersichtlich, gleiche Reihenfolge wie am Desktop.
   Kein seitliches Wischen (außer dem gewählten Anlass-Slider), nichts ragt über den Rand.
   ===================================================================== */
@media (max-width:700px){
  body.linie main{overflow-x:clip}

  /* Auftakt „Klar“: Kachelreihe oben, Text, dann das Foto im Bogen über die volle Breite */
  body.linie .d-hero--klar .d-wall{grid-template-rows:22vw auto 104vw}
  body.linie .d-hero--klar .d-hero__arch{grid-column:1 / -1}
  body.linie .d-hero--klar .d-hero__arch .d-win{left:11%;right:11%;top:6%}
  body.linie .d-hero--klar .d-hero__arch::after{left:calc(11% - 10px);right:calc(11% - 10px);top:calc(6% - 10px)}
  body.linie .d-hero--klar .d-tile:nth-of-type(5){display:none}

  /* I. Boutique: eine Spalte */
  body.linie .l-manifest .l-manifest__grid{grid-template-columns:minmax(0,1fr);gap:1.4rem}
  body.linie .l-manifest .l-h2{font-size:clamp(2.5rem,10.5vw,3.2rem);max-width:none}
  body.linie .l-manifest__illu.l-manifest__couple{width:62%;max-width:16rem;justify-self:end;margin:-.5rem 0 -2.6rem}
  /* Kennzahlen 2 × 2: Text oben, Motiv klein unten – nichts überlappt */
  body.linie .d-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3.6rem!important}
  body.linie .d-facts li{aspect-ratio:auto;min-height:0;padding:1.1rem 1rem 4.6rem}
  body.linie .d-facts svg{width:3.4rem;height:3.4rem;left:auto;right:1rem;bottom:0}
  body.linie .d-facts b{font-size:2.6rem}
  body.linie .d-facts span{font-size:.95rem;max-width:none}

  /* II. Gewölbe: erst Überschrift und Text (wie jede Sektion), dann das Foto; Zeichnung weglassen */
  body.linie .l-haus__illu{display:none}

  /* III. Brixen: Dom etwas kleiner */
  body.linie .l-alpin .l-alpin__dom{width:84%}

  /* V. Personal Shopping: Foto kleiner, Siegel kleiner */
  body.linie .ps__media{width:80%;margin-top:.6rem}
  body.linie .ps__seal{width:96px;height:96px}

  /* Kundenstimmen: Bögen flacher, damit drei Stimmen nicht endlos werden */
  body.linie .l-red.is-v-b .l-voices__list li{padding:3.8rem 1.3rem 1.6rem}
  body.linie .l-red.is-v-b .l-voices__list li::before{font-size:2.6rem;top:1.2rem}
  body.linie .l-voices__list{gap:1rem}

  /* VI. Damen & Herren: zwei Bögen nebeneinander wie am Desktop – in der Bildschirmbreite */
  body.linie .d-duo .l-duo__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
  body.linie .d-duo .l-duo__panel{min-width:0}
  body.linie .d-duo .l-duo__name{font-size:2.1rem}
  body.linie .d-duo .l-cap{font-size:.54rem;letter-spacing:.1em;line-height:1.7;text-align:center;width:auto!important;max-width:100%;border-radius:1rem!important;padding:.4rem .6rem!important}

  /* VII. Marken: drei Logos pro Reihe, letzte Reihe mittig */
  body.linie .d-brands{display:flex;flex-wrap:wrap;justify-content:center}
  body.linie .d-brands li{flex:0 0 33.333%}
  body.linie .l-brands.is-v-c .d-brands{gap:.6rem 0}
  body.linie .l-brands.is-v-c .d-brands li{aspect-ratio:3/2}

  /* VIII. Besuch: Tabelle zweispaltig und knapp, Knöpfe nebeneinander, Tusche weglassen */
  body.linie .l-visit .l-split{padding:1.6rem 1.3rem}
  body.linie .l-table div{grid-template-columns:6.4rem minmax(0,1fr);gap:.8rem;padding:.6rem 0}
  body.linie .l-table dt{font-size:.58rem;letter-spacing:.15em}
  body.linie .l-table dd{margin:0;font-size:.96rem}
  body.linie .l-visit .l-cta{flex-direction:row;flex-wrap:wrap;gap:.55rem}
  body.linie .l-visit .l-cta .l-btn{padding:.85rem 1.15rem;font-size:.66rem}
  body.linie .l-visit .v-photo{min-height:0;aspect-ratio:4/5}
  body.linie .l-visit__illu{display:none}
  body.linie .l-visit.is-v-c .l-visit__map{width:150px;height:150px;left:-.6rem;bottom:-1rem}

  /* IX. FAQ: Zeichnung kleiner */
  body.linie .l-faq__illu{width:min(50%,12rem)}

  /* Fußzeile: Links umbrechen */
  .footer__row nav{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem}
}