/* Berichtsseite Index lokaler Betriebe. Baut auf intelligence-home.css (Farben, Schriften).
   Maße nur aus MARKE.md §3: Schrift 48/56, 27/36, 21/27, 18/27, 15/24, 12/18 (mobil 33/40, 21/27, 18/24);
   Abstände 3 6 9 12 18 24 36 48 72 96; Radien 3 6 9 Pille; höchstens 63 Zeichen je Zeile. */
.ix { display: block; }
.ix .wrap { display: block; }
.ix-hero { padding: 72px 0 48px; }
.ix-hero .kicker { margin-bottom: 24px; }
.ix h1 { font-family: var(--serif); font-weight: 300; font-size: 48px; line-height: 56px; letter-spacing: -.014em; max-width: 18ch; margin: 0 0 24px; }
.ix h1 em { font-style: italic; color: var(--gold); }
.ix-deck { font-size: 21px; line-height: 27px; max-width: 48ch; margin: 0 0 18px; color: var(--ink); }
.ix-lang { font-size: 15px; line-height: 24px; margin: 0; }
.ix-lang a, .ix-text a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
.ix-sec { padding: 72px 0; border-top: 1px solid var(--rule-faint); }
.ix h2 { font-family: var(--serif); font-weight: 300; font-size: 27px; line-height: 36px; letter-spacing: -.01em; margin: 0 0 18px; max-width: 30ch; }
.ix h3 { font-family: var(--sans); font-weight: 400; font-size: 18px; line-height: 27px; margin: 0; }
.ix-h3 { margin-top: 48px !important; margin-bottom: 9px !important; font-family: var(--serif) !important; font-weight: 300 !important; font-size: 21px !important; }
.ix p, .ix li { font-size: 18px; line-height: 27px; }
.ix-lead, .ix-text p, .ix-zwei p { max-width: 54ch; margin: 0 0 18px; color: var(--ink); }
.ix-text { margin-top: 36px; }

.ix-stufen { list-style: none; margin: 36px 0 0; padding: 0; display: grid; gap: 24px; max-width: 864px; }
.ix-stufen li { display: grid; gap: 6px; }
.ix-stufe-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; }
.ix-wert { font-family: var(--serif); font-weight: 300; font-size: 27px; line-height: 36px; font-variant-numeric: tabular-nums; color: var(--gold); white-space: nowrap; }
.ix-stufen p { max-width: 54ch; margin: 0; font-size: 15px; line-height: 24px; color: var(--muted); }
.ix-bar { display: block; width: 100%; height: 12px; border-radius: 3px; overflow: hidden; }
.ix-bar-bg { fill: rgba(244, 239, 230, .09); }
.ix-bar-fg { fill: var(--gold); }

.ix-scroll { overflow-x: auto; margin-top: 24px; border: 1px solid var(--rule-faint); border-radius: 6px; }
.ix-scroll:focus-visible, .ix-feld input:focus-visible, .ix a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.ix-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px; line-height: 24px; font-variant-numeric: tabular-nums; }
.ix-table caption { caption-side: bottom; text-align: left; padding: 9px 18px; font-size: 12px; line-height: 18px; letter-spacing: .04em; color: var(--muted); border-top: 1px solid var(--rule-faint); }
.ix-table th, .ix-table td { padding: 9px 18px; text-align: left; border-bottom: 1px solid var(--rule-faint); font-weight: 300; }
.ix-table tbody tr:last-child th, .ix-table tbody tr:last-child td { border-bottom: 0; }
.ix-table thead th { font-size: 12px; line-height: 18px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); font-weight: 400; border-bottom: 1px solid var(--rule); }
.ix-table tbody th { font-weight: 400; color: var(--ink); }
.ix-table .num { text-align: right; white-space: nowrap; }

.ix-check { background: rgba(244, 239, 230, .04); }
.ix-feld { margin-top: 24px; max-width: 648px; display: grid; gap: 9px; }
.ix-feld label { font-size: 12px; line-height: 18px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.ix-feld-zeile { display: flex; gap: 12px; flex-wrap: wrap; }
.ix-feld input { flex: 1 1 240px; min-width: 0; font: inherit; font-size: 18px; line-height: 27px; padding: 12px 18px; border-radius: 6px; border: 1px solid rgba(244, 239, 230, .32); background: transparent; color: var(--ink); }
.ix-feld input::placeholder { color: var(--muted); opacity: 1; }
.ix-feld .btn { font-size: 15px; line-height: 24px; padding: 12px 24px; border-radius: 100px; white-space: nowrap; }

.ix-zwei { display: grid !important; grid-template-columns: 7.5fr 4.5fr; gap: 48px; }
.ix-liste { margin: 0; padding-left: 18px; display: grid; gap: 9px; color: var(--ink); }
.ix-quelle { margin: 36px 0 0; font-size: 15px; line-height: 24px; color: var(--muted); max-width: 54ch; }

@media (max-width: 700px) {
  .ix-hero { padding: 48px 0 36px; }
  .ix h1 { font-size: 33px; line-height: 40px; }
  .ix h2 { font-size: 21px; line-height: 27px; }
  .ix-deck { font-size: 18px; line-height: 27px; }
  .ix-h3 { font-size: 18px !important; line-height: 24px !important; }
  .ix-wert { font-size: 21px; line-height: 27px; }
  .ix-sec { padding: 48px 0; }
  .ix-zwei { grid-template-columns: 1fr; gap: 36px; }
  .ix-feld .btn { flex: 1 1 100%; justify-content: center; }
}
.ix-stufen p.ix-basis { font-size: 12px; line-height: 18px; letter-spacing: .04em; font-variant-numeric: tabular-nums; }