/* ==================================================================
   Seite: DAB+ Nachrüstung
   ================================================================== */

/* ---------- Zitatband ---------- */
.qband{background:var(--g900);color:#fff}
.qband .in{max-width:1240px;margin:0 auto;padding:70px 44px;display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:start}
.qband .big{font-family:var(--ultra);font-weight:900;font-size:clamp(28px,3.6vw,46px);line-height:1.05;letter-spacing:-.01em;white-space:nowrap}
.qband .big .r{color:var(--red)}
.qband blockquote{font-weight:300;font-size:20px;line-height:1.5;color:var(--g300);max-width:640px;border-left:2px solid var(--red);padding-left:24px}
.qband .src{display:block;margin-top:14px;font-size:14px;color:var(--g500);font-family:var(--mono)}

/* ---------- Vergleich ---------- */
.diff{max-width:1240px;margin:0 auto;padding:70px 44px 20px}
.diff .head{margin-bottom:34px}
.diff .head .e{font-weight:700;font-size:15px;color:var(--red);margin-bottom:12px}
.diff .head h2{font-weight:900;font-size:clamp(28px,4vw,46px);letter-spacing:-.025em;line-height:1.02;max-width:780px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ink)}
.cmp .col{padding:34px 34px 38px}
.cmp .col.after{background:var(--g50);border-right:1px solid var(--g200)}
.cmp .col.orig{background:var(--w)}
.cmp .tag{font-family:var(--mono);font-size:12px;letter-spacing:.02em;margin-bottom:6px}
.cmp .after .tag{color:var(--g400)}
.cmp .orig .tag{color:var(--red)}
.cmp h3{font-weight:900;font-size:24px;letter-spacing:-.01em;margin-bottom:18px}
.cmp .after h3{color:var(--g500)}
.cmp ul{list-style:none}
.cmp li{font-size:16px;line-height:1.5;padding:14px 0 14px 26px;border-top:1px solid var(--g200);position:relative;color:var(--g700)}
.cmp .orig li{color:var(--ink)}
.cmp .after li::before{content:"—";position:absolute;left:0;top:14px;color:var(--g400);font-weight:700}
.cmp .orig li::before{content:"";position:absolute;left:0;top:22px;width:12px;height:2px;background:var(--red)}
.cmp .orig li b{font-weight:700}
.diff .kick{margin-top:26px;font-weight:300;font-size:19px;line-height:1.5;color:var(--ink);max-width:760px}
.diff .kick b{font-weight:700;color:var(--red)}

/* ---------- Referenzen ---------- */
.refs{max-width:1240px;margin:0 auto;padding:60px 44px 10px}
.refs .sh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--g200);padding-bottom:16px;margin-bottom:28px}
.refs .sh h2{font-weight:900;font-size:clamp(24px,3.2vw,34px);letter-spacing:-.02em}
.refs .sh .c{font-size:14px;color:var(--g400)}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gal .im{aspect-ratio:4/3;background-size:cover;background-position:center;background-color:var(--g100)}

@media(max-width:900px){
  .diff,.refs,.qband .in{padding-left:24px;padding-right:24px}
  .qband .in{grid-template-columns:1fr;gap:24px}
  .qband .big{white-space:normal}
  .cmp{grid-template-columns:1fr}
  .cmp .col.after{border-right:0;border-bottom:1px solid var(--g200)}
  .cmp .col{padding:26px 22px 30px}
  .gal{grid-template-columns:1fr 1fr;gap:12px}
  .refs .sh{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:560px){.gal{grid-template-columns:1fr}}