/* ===== ZS-BASIS – global. Wiederverwendbare Bausteine fuer alle Seiten. ===== */
:root {
  --zs-accent:      #45b2ec;
  --zs-accent-dark: #2b90c6;
  --zs-accent-tint: #eef8fe;
  --zs-ink:         #1f2933;
  --zs-ink-soft:    #6b7785;
  --zs-line:        #e2e8ee;
  --zs-radius:      10px;
}
.zs-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.zs-title { color:var(--zs-ink); position:relative; padding-top:1.1rem; margin:0 0 .6em; }
.zs-title::before { content:""; position:absolute; top:0; left:0; width:56px; height:4px; border-radius:2px; background:var(--zs-accent); }
.zs-lead { font-size:1.15rem; line-height:1.65; color:var(--zs-ink-soft); max-width:46em; margin-bottom:0; }
.zs-card { border:1px solid var(--zs-line); border-radius:var(--zs-radius); height:100%; }
.zs-card__title { margin:0 0 1.5rem; font-size:1.4rem; letter-spacing:.01em; color:var(--zs-ink); }
.zs-eyebrow { margin:0 0 .6rem; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--zs-accent-dark); font-weight:600; }
.zs-info { display:flex; gap:1rem; padding:1.5rem; border:1px solid var(--zs-line); border-radius:var(--zs-radius); height:100%; }
.zs-info--urgent { background:transparent; border-color:var(--zs-accent); border-left-width:4px; }
.zs-info__icon { width:1.75rem; height:1.75rem; flex:0 0 auto; color:var(--zs-accent-dark); margin-top:.15rem; }
.zs-info__body h3 { margin:0 0 .5rem; font-size:1.08rem; line-height:1.35; color:var(--zs-ink); }
.zs-info__body p { margin:0 0 .75rem; color:var(--zs-ink-soft); line-height:1.6; }
.zs-link { font-weight:600; color:var(--zs-accent-dark); text-decoration:none; border-bottom:1px solid currentColor; }
.zs-link:hover, .zs-link:focus { color:var(--zs-ink); }
.zs-btn { display:inline-block; padding:.7rem 1.4rem; border-radius:999px; background:var(--zs-accent); color:#fff !important; font-weight:600; font-size:.98rem; text-decoration:none; transition:background .18s ease; }
.zs-btn:hover, .zs-btn:focus { background:var(--zs-accent-dark); }
.zs-muted { color:var(--zs-ink-soft); font-size:.92rem; }
.zs-band { border-left:4px solid var(--zs-accent); background:var(--zs-accent-tint); border-radius:var(--zs-radius); padding:1.5rem 1.75rem; }
.zs-band p { margin:0; line-height:1.65; }
.zs-band p + p { margin-top:.8rem; }
.zs-link:focus-visible, .zs-btn:focus-visible, .zs-phone:focus-visible { outline:2px solid var(--zs-accent-dark); outline-offset:3px; border-radius:3px; }
@media (max-width: 767px) {
  .zs-info { padding:1.25rem; }
  .zs-card__title { font-size:1.25rem; margin-bottom:1.25rem; }
  .zs-band { padding:1.25rem 1.4rem; }
  .zs-title { padding-top:.9rem; }
  .zs-title::before { width:44px; height:3px; }
}
@media (prefers-reduced-motion: reduce) { .zs-btn { transition:none; } }