/* Infoseiten /integrationen und /neuigkeiten (#4236). Baut auf css/landing.css auf
   (.seiten-kopf, .seiten-inhalt, .bc, .kachel-icon) und ergaenzt nur Status-Chips,
   Inhaltsverzeichnis und Eintragslisten. */

.is-legende{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 1.75rem;padding:0;list-style:none;font-size:.92rem;color:var(--ink-2)}
.is-legende li{display:flex;align-items:center;gap:.5rem}

.is-status{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;line-height:1.5;white-space:nowrap;border:1px solid transparent}
.is-status::before{content:'';width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.is-status--verfuegbar{background:var(--green-l);color:#166534;border-color:#bbf7d0}
.is-status--anfrage{background:var(--amber-l);color:var(--amber-text);border-color:#fde68a}
.is-status--beta{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}

.is-toc{margin:0 0 2rem;padding:1.1rem 1.25rem;background:var(--white);border:1px solid var(--border);border-radius:var(--r)}
.is-toc h2{font-size:1rem;margin:0 0 .6rem}
.is-toc ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.15rem 1rem;margin:0;padding:0;list-style:none}
.is-toc a{display:inline-flex;align-items:center;min-height:44px;gap:.5rem}

.is-karte{margin-bottom:1rem;padding:1.75rem;scroll-margin-top:90px}
.is-karte:hover{transform:none;box-shadow:none}
.is-karte-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1rem}
.is-karte-kopf h2{display:flex;align-items:center;gap:.85rem;font-size:1.35rem;margin:0;flex:1 1 auto;min-width:0}
.is-karte p{color:var(--ink-2);line-height:1.65}
.is-karte p+p{margin-top:.6rem}
.is-punkte{margin:.9rem 0 0;padding-left:1.2rem;color:var(--ink-2);line-height:1.6}
.is-punkte li+li{margin-top:.35rem}
.is-links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1rem;font-weight:600}
.is-links a{display:inline-flex;align-items:center;min-height:44px;gap:.4rem}

.is-monat{margin-bottom:2.25rem}
.is-monat>h2{font-size:1.4rem;margin:0 0 1rem}
.is-eintraege{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}
.is-eintrag{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1rem 1.15rem}
.is-eintrag-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin-bottom:.35rem}
.is-eintrag h3{font-size:1.02rem;margin:0}
.is-eintrag p{margin:0;color:var(--ink-2);line-height:1.6;font-size:.95rem}
.is-eintrag a{font-weight:600}
.is-art{display:inline-block;padding:.1rem .55rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:var(--cream-2);color:var(--ink-2)}
.is-art--neu{background:#ecfdf5;color:#065f46}
.is-art--sicherheit{background:#eef2ff;color:#3730a3}

.is-hinweis{margin-top:2rem;font-size:.85rem;color:var(--ink-2);line-height:1.6}
.is-aktionen{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}

@media (max-width:600px){
  .is-karte{padding:1.35rem 1.1rem}
  .is-karte-kopf h2{font-size:1.2rem}
}

/* Nur fuer Screenreader (landing.css hat keine eigene Klasse dafuer). */
.is-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.is-status--vorbereitung{background:var(--cream-2);color:var(--ink-2);border-color:var(--border)}