.band{--spalten:8;--k-gap:12px;--k-h:84px;--k-s:.72;--k-rand:14px;--k-rund:14px;position:relative;padding:clamp(48px, 8vh, 88px) 0;border-top:1px solid var(--line);background:#fff}
.band-kopf,.wand{box-sizing:border-box;width:100%;max-width:calc(1240px + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.band-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(20px, 3.4vh, 32px)}
.band-h{margin:0;font-size:clamp(26px, 3.4vw, 48px);font-weight:600;letter-spacing:-.035em;line-height:1.08;color:var(--ink);text-wrap:balance}

.tile{display:flex;align-items:center;justify-content:center;min-width:0;height:var(--k-h);padding:0 var(--k-rand);border-radius:var(--k-rund);background:var(--bg)}
.tile img{display:block;width:100%;height:min(calc(var(--h) * var(--k-s)), 100%);object-fit:contain}
.tile--conscia{background:#1E0721}  /* CONSCIA-Markenfarbe Burgund (conscia.com --color-burgundy), Logo selbst ist im Original weiss */
.tile--weiss{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.tile--bhgas{background:#013989;padding:0}
.tile--bhgas img{height:100%}

.wand{display:grid;grid-template-columns:repeat(var(--spalten), minmax(0, 1fr));gap:var(--k-gap);list-style:none}
.wand{margin-block:0}
/* Partner = eigener Teil (Boris 06.11.2026): eigene Section, gleiche Ueberschrift-Klasse und gleiches Raster wie die Projekt-Wand */
.band--mit-partner{padding-bottom:clamp(36px, 5.5vh, 56px)}
.band--partner{padding-top:clamp(36px, 5.5vh, 56px)}

.band-knoepfe{display:flex;gap:8px;flex:none}
.band-knoepfe[hidden]{display:none}
.band-pause,.band-pfeil{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;color:var(--ink);font:inherit;font-size:20px;line-height:1;transition:border-color .2s ease}
.band-pause svg{width:18px;height:18px}
.band-pause .play{display:none}
.band.halt .band-pause .play{display:block}
.band.halt .band-pause .pause{display:none}
.band-pfeil:active,.band-pause:active{transform:scale(.96)}
.band-pfeil:focus-visible,.band-pause:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media (hover:hover){.band-pfeil:hover,.band-pause:hover{border-color:var(--ink)}}
.band[data-logos="b"]{--k-h:64px;--k-s:.6;--k-rand:10px;--k-rund:12px;--k-gap:10px}
.band-zeilen{display:grid;gap:var(--k-gap)}
.marquee{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%)}
.marquee::-webkit-scrollbar{display:none}
.marquee.zieht{cursor:grabbing}
.marquee:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.track{display:flex;flex:none;gap:var(--k-gap);margin:0;padding:0 var(--k-gap) 0 0;list-style:none}
.marquee .tile{flex:none;width:118px}
.marquee img{pointer-events:none;-webkit-user-drag:none}

@media (max-width:1099px){.band{--spalten:6;--k-rand:10px}}
@media (max-width:767px){
  .band{--spalten:3;--k-gap:8px;--k-h:46px;--k-s:.52;--k-rand:8px;--k-rund:10px;padding-block:40px}
  .band-kopf{margin-bottom:14px}
  .band--mit-partner{padding-bottom:28px}
  .band--partner{padding-top:28px}
  .band[data-logos="b"]{--k-h:52px;--k-s:.5;--k-rand:8px;--k-rund:10px;--k-gap:8px}
  .marquee{-webkit-mask-image:none;mask-image:none}
  .marquee .tile{width:92px}
}