/* Referenzen – ergänzt site.css, ändert nichts an bestehenden Seiten */
.subhero .pill a{color:inherit;text-decoration:none;}
.subhero .pill a:hover{color:var(--laser);}
.ref-sec{padding-top:56px;padding-bottom:8px;}
.ref-alt{background:var(--bg-alt);padding:72px 0;margin-top:56px;}
.ref-alt + .ref-sec{padding-top:72px;}
.ref-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#EDEDF0;box-shadow:0 20px 60px rgba(0,0,0,.08);}
.ref-hero video{display:block;width:100%;height:auto;aspect-ratio:var(--ar,16/9);object-fit:cover;}
.ref-tag{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:13px;font-weight:600;letter-spacing:.04em;padding:7px 14px;border-radius:999px;}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:28px;border-top:1px solid var(--border);}
.facts div{padding:18px 18px 4px 0;}
.facts dt{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;}
.facts dd{font-size:17px;color:var(--text);line-height:1.35;}
.ref-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.ref-cols h3{font-family:var(--f-head);font-size:22px;font-weight:600;letter-spacing:-.025em;margin-bottom:8px;color:var(--laser);}
.ref-cols p{font-size:17px;color:var(--muted);line-height:1.5;}
/* Slider */
.slider{margin-top:36px;}
.slider-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;outline:none;}
.slider-track::-webkit-scrollbar{display:none;}
.slide{flex:0 0 min(100%,880px);scroll-snap-align:center;margin:0;background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:0 10px 36px rgba(0,0,0,.06);}
.slide-img{background:#fff;padding:12px;}
.slide-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;}
.slide figcaption{display:flex;flex-direction:column;gap:2px;padding:6px 22px 20px;}
.slide figcaption strong{font-family:var(--f-head);font-size:19px;font-weight:600;letter-spacing:-.02em;}
.slide figcaption span{font-size:15px;color:var(--muted);}
.slider-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;}
.slider-nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--text);font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.slider-nav button:hover:not(:disabled){background:var(--laser);border-color:var(--laser);color:#fff;}
.slider-nav button:disabled{opacity:.35;cursor:default;}
.sl-count{font-size:15px;color:var(--muted);min-width:56px;text-align:center;font-variant-numeric:tabular-nums;}
/* Tour */
.tour{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#111;aspect-ratio:16/9;max-width:1000px;margin:36px auto 0;box-shadow:0 20px 60px rgba(0,0,0,.12);}
.tour img,.tour iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;}
.tour-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.94);color:var(--text);border:0;border-radius:999px;padding:14px 26px;font-size:17px;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.25);transition:transform .25s var(--ease);}
.tour-btn:hover{transform:translate(-50%,-50%) scale(1.04);}
.tour-play{color:var(--laser);font-size:15px;}
.tour-alt{text-align:center;margin-top:14px;font-size:15px;}
.tour-alt a{color:var(--laser);text-decoration:none;}
/* Übersicht */
.ref-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;}
.ref-card{padding:0 !important;overflow:hidden;min-height:0 !important;text-decoration:none;color:inherit;background:var(--bg-alt) !important;grid-column:span 2;}
.ref-card.big{grid-column:span 3;}
.rc-img{aspect-ratio:16/10;overflow:hidden;background:#E8E8ED;}
.ref-card.big .rc-img{aspect-ratio:16/9;}
.rc-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.ref-card:hover .rc-img img{transform:scale(1.04);}
.rc-ph{display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:14px;letter-spacing:.06em;text-transform:uppercase;}
.rc-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:8px;flex-grow:1;}
.badge{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--laser);background:rgba(0,113,227,.09);padding:5px 11px;border-radius:999px;}
.ref-card.big h3{font-size:30px;}
@media(max-width:900px){
  .facts{grid-template-columns:repeat(2,1fr);}
  .ref-cols{grid-template-columns:1fr;gap:26px;}
  .ref-grid{grid-template-columns:1fr 1fr;}
  .ref-card,.ref-card.big{grid-column:span 1;}
  .ref-card.big h3{font-size:24px;}
}
@media(max-width:600px){
  .ref-sec{padding-top:36px;}
  .ref-alt{padding:48px 0;margin-top:36px;}
  .ref-grid{grid-template-columns:1fr;}
  .slide{flex-basis:92%;}
  .tour-btn{padding:12px 20px;font-size:16px;}
}
@media(prefers-reduced-motion:reduce){.slider-track{scroll-behavior:auto;}.rc-img img,.tour-btn{transition:none;}}

/* Startseite: Referenz-Teaser */
.ref-more{text-align:center;margin-top:30px;}
#referenzen .ref-card .rc-img{aspect-ratio:16/10;}