/* Q96 Kundenstimmen (25.09.2026): Kundenkarten + Video-Fenster. Zugehoerig: q96-kundenstimmen.js */
.q96ks{--q96ks-orange:#F37021;--q96ks-ink:#1a202c;--q96ks-grau:#5d636b;--q96ks-linie:#e6e3de;font-family:var(--font-kit-text-font,'Satoshi',-apple-system,system-ui,'Segoe UI',Roboto,Arial,sans-serif)}
.q96ks-reihe{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.q96ks-karte{display:flex;flex-direction:column;gap:0;width:100%;margin:0;padding:0;border:1px solid var(--q96ks-linie);border-radius:16px;background:#fff;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:0 8px 28px rgba(16,27,34,.07);transition:transform .18s ease,box-shadow .18s ease}
.q96ks-karte:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(16,27,34,.13)}
.q96ks-karte:focus-visible{outline:3px solid var(--q96ks-orange);outline-offset:2px}
.q96ks-bild{position:relative;display:block;width:100%;aspect-ratio:4/5;background:#1a202c;overflow:hidden}
.q96ks-bild img,.q96ks-bild video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.q96ks-verlauf{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,32,44,0) 55%,rgba(26,32,44,.55) 100%)}
.q96ks-play{position:absolute;left:12px;bottom:12px;width:44px;height:44px;border-radius:50%;background:var(--q96ks-orange);box-shadow:0 6px 18px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}
.q96ks-play>span{display:block;width:0;height:0;margin-left:4px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.q96ks-dauer{position:absolute;right:10px;bottom:14px;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}
.q96ks-text{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px}
.q96ks-text b{font-size:16px;color:var(--q96ks-ink);font-weight:700}
.q96ks-text small{font-size:12.5px;color:var(--q96ks-grau);line-height:1.35}
.q96ks-text em{font-style:normal;font-size:14px;font-weight:700;color:#b54a0e;margin-top:4px;line-height:1.3}
@media(max-width:991px){
  .q96ks-reihe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 0 10px;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .q96ks-sec .q96ks-reihe{margin:0 -16px;padding:2px 16px 10px;scroll-padding:0 16px}
  .q96ks-reihe::-webkit-scrollbar{display:none}
  .q96ks-karte{flex:0 0 62%;max-width:260px;scroll-snap-align:start}
}

/* Fenster */
html.q96ks-offen{overflow:hidden}
.q96ks-modal{position:fixed;inset:0;z-index:100000;background:rgba(10,14,20,.86);display:flex;align-items:center;justify-content:center;padding:16px}
.q96ks-modal[hidden]{display:none}
.q96ks-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%}
.q96ks-video{display:block;height:min(80vh,calc((100vw - 32px) * 16 / 9));max-height:80vh;aspect-ratio:9/16;width:auto;max-width:100%;border-radius:14px;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.q96ks-zu{position:absolute;top:-6px;right:-6px;transform:translate(50%,-50%);width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#1a202c;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);z-index:2}
.q96ks-zu:focus-visible{outline:3px solid #F37021;outline-offset:2px}
.q96ks-unter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;color:#fff;font-family:var(--font-kit-text-font,'Satoshi',-apple-system,system-ui,sans-serif);font-size:14.5px;text-align:center}
.q96ks-unter b{font-weight:700}
.q96ks-cta{display:inline-block;padding:10px 16px;border-radius:10px;background:#F37021;color:#fff !important;font-weight:700;text-decoration:none;font-size:14.5px}
@media(max-width:560px){.q96ks-zu{top:4px;right:4px;transform:none}.q96ks-video{height:auto;width:100%;max-height:74vh}}

/* Startseite: eigener Abschnitt unter dem Rechner (q96-fixes.js) */
.q96ks-sec{box-sizing:border-box;width:100%;background:#fff;padding:56px 16px 60px}
.q96ks-sec .q96ks-innen{max-width:1180px;margin:0 auto}
.q96ks-sec .q96ks-kopf{text-align:center;max-width:720px;margin:0 auto 26px}
.q96ks-sec .q96ks-pill{display:inline-block;background:#fff3ea;color:#b54a0e;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:10px;font-family:var(--font-kit-text-font,'Satoshi',sans-serif)}
.q96ks-sec h2{font-family:var(--font-kit-header-font,'Gambarino',Georgia,serif);font-weight:400;color:#1a202c;font-size:clamp(28px,3.4vw,40px);line-height:1.12;margin:0 0 8px}
.q96ks-sec .q96ks-kopf p{font-family:var(--font-kit-text-font,'Satoshi',sans-serif);color:#5d636b;font-size:16px;line-height:1.55;margin:0}
.q96ks-sec .q96ks-mehr{text-align:center;margin-top:18px;font-family:var(--font-kit-text-font,'Satoshi',sans-serif)}
.q96ks-sec .q96ks-mehr a{color:#b54a0e;font-weight:700;text-decoration:none}
@media(max-width:991px){.q96ks-sec{padding:44px 16px 46px;overflow:hidden}}