/* Vertrauensband in der Fußzeile der Startseite (Philipp 30.10.2026: „über die breite zwischen footer und bottom bar“,
   „wir bleiben beim karusell“, nur Startseite). Endlosband wie .kl (kundenlogos.css): drei gleiche Sätze, läuft um ein
   Drittel, Ränder weich ausgeblendet. Alle Logos einfarbig weiß (Dateien public/bilder/vertrauen/). */
.vb{border-top:1px solid #2e2e2e;margin-top:-24px;padding:32px 0;margin-bottom:0}
.vb__band{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.vb__spur{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:vb-laufen 50s linear infinite}
.vb__spur li{flex:0 0 auto;margin-right:clamp(40px,4.5vw,72px);line-height:0}
.vb__spur img{display:block;width:auto;height:var(--h,40px)}
@keyframes vb-laufen{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.3333%,0,0)}}
.vb-gwa{filter:grayscale(1) brightness(1.4)}
.vb-klein{opacity:.85}
.vb-google{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 13px;border:1px solid #444;border-radius:999px;color:#f5f5f5;text-decoration:none;line-height:1}
.vb-google svg{width:15px;height:15px;flex:none}
.vb-google b{font-size:20px;font-weight:300}
.vb-google small{display:flex;flex-direction:column;gap:2px;font-size:10px;line-height:1.2;color:#9a9a9a;white-space:nowrap}
.vb-google__sterne{letter-spacing:2px;color:#f5f5f5}
/* Keine Hover-Effekte im Band (Philipp 30.10.2026), auch nicht die Regel für footer a[aria-label] aus site.css */
footer .vb-google:hover{background:none!important;color:#f5f5f5!important;border-color:#444!important;text-decoration:none}
.vb-google:focus-visible{outline:2px solid #fff;outline-offset:4px}
.vb-er{display:flex;align-items:center;gap:11px;color:#f5f5f5}
.vb-er__schild{width:27px;height:32px;flex:none}
.vb-er__t{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.1;white-space:nowrap}
.vb-er__t img{height:12px}
.vb-er__t i{display:block;width:100%;height:1px;background:#f5f5f5;opacity:.6;margin:2px 0}
.vb-er__t b{font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.vb-er__t span{font-size:10px;color:#bbbbbb}
@media (max-width:759px){
  .vb__spur{animation-duration:36s}
  .vb__spur li{margin-right:40px}
}
/* Ohne Bewegung: ein Satz, umbrechend */
@media (prefers-reduced-motion:reduce){
  .vb__band{-webkit-mask-image:none;mask-image:none}
  .vb__spur{animation:none;width:auto;flex-wrap:wrap;gap:24px 40px}
  .vb__spur li{margin:0}
  .vb__spur li[aria-hidden="true"]{display:none}
}
/* Hosting in Deutschland statt des Badges Deutsche Server (Philipp 30.10.2026), Karte aus dem Badge, Text als Schrift */
.vb-host{display:flex;align-items:center;gap:10px;color:#f5f5f5;opacity:.85}
.vb-host img{height:32px}
.vb-host>span{display:flex;flex-direction:column;gap:2px;line-height:1;text-transform:uppercase;white-space:nowrap}
.vb-host b{font-size:17px;font-weight:700;letter-spacing:-.01em}
.vb-host>span>span{font-size:10.5px;font-weight:500;letter-spacing:.02em}