/* ix-base.css · v9 · 2026-07-11 12:10 · INCO · Full-Bleed-Caption Rechtsabstand 32px + Portrait-Caption zentriert (R50) */

/* ── Globale Schrift (R48): wirkt seitenunabhängig, nicht nur auf .ix-page/.cc-page.
   Montserrat wird lokal via @font-face in head.php geladen (kein Google Fonts). ── */
body { font-family: 'Montserrat', system-ui, sans-serif; }

/* ── Globale Bild-Bremse (R36; niedrigste Spezifität, Klassen gewinnen weiter) ──
   Hinweis: BASEs .nollban-png { max-width:none; } schlägt sie (Klasse 0,1,0). */
img { max-width:100%; height:auto; }

/* ── Art. 50 · zentrale Bausteine (R39; zuvor je Seite dupliziert) ──
   Konvention: motivbezogene Bildregeln der Seiten IMMER auf img:not(.ai-mark) scopen,
   sonst blähen sie das Icon auf (Spezifitätsfalle, R35). */
.ai-fig{ margin:0 0 24px 0; }
.ai-imgwrap{ position:relative; display:block; line-height:0; }
.ai-mark{ position:absolute; right:10px; bottom:10px;
  width:24px !important; height:24px !important; max-width:none; border:0; border-radius:0;
  opacity:.75; pointer-events:none; }
.ai-cap{ display:flex; align-items:center; justify-content:flex-end;
  margin-top:6px; min-height:14px; font:600 11px/1.3 "Montserrat",sans-serif;
  letter-spacing:.02em; color:#7A808C; }
.ai-cap--band{ margin:6px 0 0; padding:0 clamp(16px,4vw,32px); box-sizing:border-box; }
/* Rechtsabstand wirkt am Text-Span (margin), nicht am Flex-Container (padding greift dort nicht sichtbar). */
.ai-cap--band > span{ margin-right:var(--cap-gap-m,18px); }
@media (max-width:400px){
  .ai-cap--band{ font-size:10.5px; }
}
@media (max-width:640px){ .ai-mark{ right:8px; bottom:8px; } }

/* ── SCOPE / TOKENS (identisch zu v24) ── */
.ix-page {
  --navy:    #1F3864;
  --red:     #C0392B;
  --red-l:   #E74C3C;
  --green:   #006b53;
  --white:   #ffffff;
  --off:     #F4F6FA;
  --hellblau:#E8EDF6;
  --n10:     rgba(31,56,100,0.07);
  --n20:     rgba(31,56,100,0.15);
  --n40:     rgba(31,56,100,0.4);
  --n60:     rgba(31,56,100,0.6);
    --ink-2:   var(--tx-strong, rgba(31,56,100,0.98));   /* Stark 98 · wichtiger Text / Fliesstext / News / Leitzeichen */
    --ink-mid: var(--tx-mid,    rgba(31,56,100,0.90));   /* Mittel 90 · Bildunterschriften / Sekundär */
    --ink-3:   var(--tx-fine,   rgba(31,56,100,0.80));   /* Fein 80 · Quellen + kleine Labels/Verweise */
    --ink-cap: var(--tx-mid,    rgba(31,56,100,0.90));   /* Mittel 90 · Bildunterschriften KI‑Bilder */
  --r10:     rgba(192,57,43,0.07);
  --r20:     rgba(192,57,43,0.18);
  --g08:     rgba(0,107,83,0.07);
  --g20:     rgba(0,107,83,0.18);
  background: transparent;
  color: var(--navy);
  font-family: 'Montserrat', system-ui, sans-serif;
  font-weight: 400; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.ix-page *, .ix-page *::before, .ix-page *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── BÄNDER (full-width-Fläche kommt aus Magix „Ganze Breite"; Widget bleibt transparent) ── */
.ix-band-white { background: var(--white); }
.ix-band-off   { background: var(--off); }
.ix-band-navy  { background: var(--navy); }
.ix-band-blue  { background: var(--hellblau); }

/* ── WRAPPER: 960px zentriert, Lesespalte mittig ── */
.ix-w {
  max-width: 960px; margin: 0 auto;
  padding: clamp(56px,8vw,96px) clamp(20px,5vw,48px);
}
.ix-w-sm {
  max-width: 960px; margin: 0 auto;
  padding: clamp(18px,3vw,26px) clamp(20px,5vw,48px) clamp(36px,5vw,60px);
}

/* ── LABELS / EYEBROW ── */
.ix-label {
  font-size: 11px; font-weight: 600; letter-spacing: .2em;
  text-transform: uppercase; color: var(--ink-3,rgba(31,56,100,.75));
  display: flex; align-items: center; gap: 12px; margin-bottom: 18px;
}
.ix-label::before { content:''; width:28px; height:2px; background:var(--n40); flex-shrink:0; }
.ix-label.red { color: var(--red); } .ix-label.red::before { background: var(--red); }
.ix-label.nav { color: var(--navy); } .ix-label.nav::before { background: var(--navy); }
.ix-label.grn { color: var(--green); } .ix-label.grn::before { background: var(--green); }
.ix-label.wht { color: rgba(255,255,255,.5); } .ix-label.wht::before { background: rgba(255,255,255,.3); }

/* ── TITLES / TEXT ── */
.ix-h1 {
  font-size: clamp(34px,5.2vw,62px); font-weight: 700;
  line-height: 1.08; letter-spacing: -.01em;
  color: var(--navy); margin-bottom: 20px; max-width: 800px;
}
.ix-h1 em { font-style: normal; color: var(--red); }
.ix-h1-small { display: block; font-size: .55em; line-height: 1.16; margin-top: 8px; letter-spacing: 0; }
.ix-h2 {
  font-size: clamp(22px,3.2vw,34px); font-weight: 700;
  line-height: 1.18; letter-spacing: -.01em;
  color: var(--navy); margin-bottom: 22px; max-width: 700px;
}
.ix-h2.wht { color: #fff; }
.ix-h3 {
  font-size: clamp(18px,2.2vw,26px); font-weight: 700;
  line-height: 1.2; color: var(--navy); margin-bottom: 10px;
}
.ix-intro {
  font-size: clamp(15px,1.7vw,17px);
  color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.8; max-width: 660px;
}
.ix-intro strong { color: var(--navy); font-weight: 600; }
.ix-hero-q { margin-top: 22px; font-size: clamp(19px, 2.4vw, 26px); font-weight: 700; color: var(--navy); line-height: 1.3; }

/* ── KACHELN (Lagebild-Standard, für C–I) ── */
.ix-card {
  background: var(--white); border: 1px solid var(--n20);
  padding: 26px 22px;
  transition: box-shadow .25s ease, transform .25s ease;
}
.ix-card:hover { box-shadow: 0 6px 24px var(--n10); transform: translateY(-2px); }
.ix-card.t-navy  { border-top: 3px solid var(--navy); }
.ix-card.t-red   { border-top: 3px solid var(--red); }
.ix-card.t-green { border-top: 3px solid var(--green); }

/* ── ANG-BOXEN (Angst → Lösung) ── */
.ix-ang {
  display: flex; align-items: flex-start; gap: 16px;
  background: var(--r10); border: 1px solid var(--r20);
  border-left: 4px solid var(--red);
  padding: 18px 24px; max-width: 720px; margin-bottom: 14px;
}
.ix-ang .ai { font-size: 18px; flex-shrink:0; margin-top:1px; color:var(--red); }
.ix-ang .at { font-size: 13.5px; color:var(--navy); line-height:1.7; }
.ix-ang .at strong { color:var(--red); font-weight:600; }

/* ── CTA-BUTTONS ── */
.ix-btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: inherit; font-size: 14px; font-weight: 600;
  letter-spacing: .01em; text-decoration: none; cursor: pointer;
  padding: 15px 28px; border: 1.5px solid transparent; border-radius: var(--radius-chip,8px);
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.ix-btn i { font-size: 17px; }
.ix-btn-primary { background: var(--navy); color: #fff; }
.ix-btn-primary:hover { background: #16294a; }
.ix-btn-ghost { background: transparent; color: var(--navy); border-color: var(--n20); }
.ix-btn-ghost:hover { border-color: var(--navy); }

/* ── MARKEN-MOTIV (wiederkehrende Klammer) ── */
.ix-motif {
  display: inline-flex; align-items: center; gap: 10px;
  margin-top: 34px; font-size: 13px; font-weight: 600;
  letter-spacing: .04em; color: var(--ink-2,rgba(31,56,100,.95));
}
.ix-motif i { font-size: 18px; color: var(--navy); }

/* ── HERO ── */
.ix-hero-cta { margin-top: 36px; }
.ix-cta-meta { font-size: 12px; color: var(--ink-2,rgba(31,56,100,.95)); letter-spacing: .02em; margin-top: 14px; }

@media (max-width: 600px){
  .ix-stat-row { gap: 20px; }
}
/* ── [LK] LÖSUNGSKLAMMER (scoped: .ix-solution-*) ── */
.ix-solution-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 20px; margin-top: 40px; align-items: stretch;
}
.ix-solution-card {
  position: relative; display: flex; flex-direction: column;
  background: var(--white); border: 1px solid var(--n20);
  border-top: 3px solid var(--green);
  padding: 26px 24px;
  transition: box-shadow .25s ease, transform .25s ease;
}
.ix-solution-card:hover { box-shadow: 0 6px 24px var(--n10); transform: translateY(-2px); }
.ix-solution-step {
  font-size: 11px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.ix-solution-ttl {
  font-size: clamp(17px,1.9vw,20px); font-weight: 700;
  line-height: 1.25; color: var(--navy); margin-bottom: 12px;
}
.ix-solution-txt {
  font-size: 14px; line-height: 1.7; color: var(--ink-2,rgba(31,56,100,.95)); margin-bottom: 20px;
}
.ix-solution-link {
  margin-top: auto; align-self: flex-start;
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13.5px; font-weight: 600; color: var(--navy);
  text-decoration: underline; text-underline-offset: 3px;
}
.ix-solution-link i { font-size: 15px; color: var(--green); transition: transform .2s ease; }
.ix-solution-card:hover .ix-solution-link i { transform: translateX(3px); }
/* Stretched-Link: ganze Kachel klickbar, EIN Anchor */
.ix-solution-link::after { content:''; position:absolute; inset:0; }

/* ── CTA-Bereich (führt, kein Alarm) ── */
.ix-solution-cta { margin-top: 0; }
.ix-solution-cta-lead {
  font-size: clamp(16px,1.9vw,19px); font-weight: 700;
  color: var(--navy); line-height: 1.4; margin-bottom: 8px; max-width: 640px;
}
.ix-solution-cta-trust { font-size: 14px; font-weight: 600; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.5; margin-bottom: 22px; }
.ix-solution-cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.ix-solution-phone {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 18px; font-size: 14px; font-weight: 600;
  color: var(--ink-2,rgba(31,56,100,.95)); text-decoration: none;
}
.ix-solution-phone i { font-size: 17px; color: var(--green); }
.ix-solution-phone strong { color: var(--navy); font-weight: 700; }
.ix-solution-phone:hover strong { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 760px){
  .ix-solution-grid { grid-template-columns: 1fr; }
}
.ix-anchor { display:grid; grid-template-columns:1.18fr 0.82fr; gap:clamp(32px,5vw,56px); align-items:start; }
.ix-anchor-person { display:flex; gap:18px; align-items:center; margin-top:22px; }
.ix-anchor-photo { width:96px; height:96px; border-radius:50%; object-fit:cover; object-position:center top; flex:0 0 auto; border:1px solid var(--n20); }
.ix-anchor-ptxt { font-size:14px; line-height:1.55; }
.ix-anchor-ptxt strong { display:block; color:var(--navy); font-size:17px; font-weight:700; }
.ix-anchor-role { color:var(--navy); font-weight:600; }
.ix-anchor-add { display:block; color:var(--ink-2,rgba(31,56,100,.95)); margin-top:6px; }
.ix-anchor-more { display:inline-flex; align-items:center; gap:6px; margin-top:10px; font-size:13px; font-weight:700; color:var(--navy); text-decoration:underline; text-underline-offset:4px; }
.ix-anchor-intro { margin-top:24px; padding-top:22px; border-top:1px solid var(--n20); }
.ix-anchor-cards { display:flex; flex-direction:column; gap:14px; }
.ix-anchor-card { background:var(--white,#fff); border:1px solid var(--n20,rgba(31,56,100,0.15));
  border-top:3px solid var(--navy,#1F3864); padding:16px 18px 15px;
  box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10)); }
.ix-anchor-card.nav { background:var(--white,#fff); border-top-color:#1F3864; }
.ix-anchor-card.grn { background:var(--white,#fff); border-top-color:#006b53; }
.ix-anchor-card.ant { background:var(--white,#fff); border-top-color:#2E2E2E; }
.ix-anchor-card.nav .ix-anchor-ic { color:#1F3864; }
.ix-anchor-card.grn .ix-anchor-ic { color:#006b53; }
.ix-anchor-card.ant .ix-anchor-ic { color:#2E2E2E; }
.ix-anchor-ic { display:block; font-size:22px; margin-bottom:8px; }
.ix-anchor-card-t { font-size:14px; font-weight:700; color:var(--navy,#1F3864); line-height:1.35; margin-bottom:0; }
.ix-anchor-card-sub { display:block; font-size:12px; font-weight:600; color:var(--ink-mid,rgba(31,56,100,.90)); margin-top:3px; }
.ix-anchor-card-x { font-size:13px; color:var(--ink-3,rgba(31,56,100,.80)); line-height:1.55; margin-top:7px; }
.ix-anchor-base { display:flex; align-items:center; gap:10px; background:rgba(31,56,100,0.05);
  border-radius:var(--radius-chip,8px); padding:12px 16px; }
.ix-anchor-base .ti { font-size:18px; color:var(--navy,#1F3864); flex:0 0 auto; }
.ix-anchor-base-t { font-size:12.5px; color:var(--ink-2,rgba(31,56,100,.95)); line-height:1.5; }
.ix-anchor-base-t strong { color:var(--navy,#1F3864); }
@media (max-width:820px){ .ix-anchor { grid-template-columns:1fr; gap:30px; } }

/* ── NO-LL LEITZEICHEN (Leserführung/Orientierung – KEIN Prüfzeichen) ── */
.ix-leitzeichen { display:flex; align-items:center; gap:16px; max-width:760px; margin:34px auto; padding:0 clamp(20px,5vw,48px); }
.ix-leitzeichen-icon { height:46px; width:auto; flex:0 0 auto; display:block; }
.ix-leitzeichen-copy { min-width:0; }
.ix-leitzeichen-label { font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--navy); margin-bottom:4px; }
.ix-leitzeichen-text { font-size:13.5px; font-weight:600; line-height:1.65; color:var(--ink-2,rgba(31,56,100,.95)); }
/* B1-Erklärung im Kompetenzanker: etwas präsenter, linksbündig in der Spalte */
.ix-leitzeichen-intro { margin:22px 0 0; max-width:none; padding:0; }
.ix-leitzeichen-intro .ix-leitzeichen-icon { height:58px; }
.ix-leitzeichen-sec { max-width:none; margin:0 0 22px; padding:0; }
@media (max-width:560px){
  .ix-leitzeichen { align-items:flex-start; gap:12px; margin:28px auto; }
  .ix-leitzeichen-icon { height:38px; }
  .ix-leitzeichen-intro .ix-leitzeichen-icon { height:46px; }
}
.ix-news-head { max-width:960px; margin:0 auto; padding:44px clamp(20px,5vw,48px) 4px; }
.ix-news-live { display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--navy); margin-bottom:16px; }
.ix-news-live .dot { width:9px; height:9px; border-radius:50%; background:var(--red); box-shadow:0 0 0 4px rgba(192,57,43,.18); animation:ix-news-pulse 2.4s ease-in-out infinite; }
@keyframes ix-news-pulse { 0%,100%{ box-shadow:0 0 0 3px rgba(192,57,43,.22);} 50%{ box-shadow:0 0 0 8px rgba(192,57,43,0);} }
.ix-news-h { font-size:clamp(22px,3vw,28px); line-height:1.2; font-weight:700; color:var(--navy); letter-spacing:-.01em; margin:0 0 10px; }
.ix-news-kicker { font-size:14px; line-height:1.55; color:var(--ink-2,rgba(31,56,100,.95)); margin:0; max-width:640px; }

.ix-news-head { margin-bottom: 22px; }
.ix-news-tag {
  display: inline-block;
  font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink-2,rgba(31,56,100,.95)); border: 1px solid var(--n20); padding: 5px 11px;
}

/* Achtung-Boxen (Layout aus v24) */
.ix-alert {
  max-width: 720px; margin: 0 auto 14px;
  background: var(--r10); border: 1px solid var(--r20);
  border-left: 4px solid var(--red); overflow: hidden;
}
.ix-alert-bar { background: var(--red); padding: 9px 20px; display: flex; align-items: center; gap: 10px; }
.ix-alert-bar i { color: #fff; font-size: 15px; }
.ix-alert-bar span { font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #fff; }
.ix-alert-body { padding: 18px 20px; }
.ix-alert-ttl { font-size: 13.5px; font-weight: 700; color: var(--navy); margin-bottom: 8px; line-height: 1.4; }
.ix-alert-txt { font-size: 13px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.75; }
.ix-alert-txt strong { color: var(--navy); font-weight: 600; }

/* Omnibus-Meldung (Light) */
.ix-news-omni { max-width: 720px; margin: 36px auto 0; }
.ix-news-omni-date { font-size: 12px; color: var(--ink-3,rgba(31,56,100,.75)); letter-spacing: .04em; margin: 6px 0 18px; }
.ix-news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-bottom: 14px; }
.ix-news-card { padding: 24px 22px; background: var(--white); border: 1px solid var(--n20); }
.ix-news-card.important { border-top: 3px solid var(--red); }
.ix-news-card.good { border-top: 3px solid var(--green); }
.ix-news-card-label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; display: block; margin-bottom: 12px; }
.ix-news-card.important .ix-news-card-label { color: var(--red); }
.ix-news-card.good .ix-news-card-label { color: var(--green); }
.ix-news-card-text { font-size: 13.5px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.7; }
.ix-news-card-text strong { color: var(--navy); font-weight: 600; }
.ix-news-fazit { background: var(--white); border: 1px solid var(--n20); border-left: 3px solid var(--navy); padding: 20px 24px; }
.ix-news-fazit-label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3,rgba(31,56,100,.75)); display: block; margin-bottom: 10px; }
.ix-news-fazit-text { font-size: 13.5px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.7; }
.ix-news-fazit-text strong { color: var(--navy); font-weight: 600; }

@media (max-width: 600px){
  .ix-news-grid { grid-template-columns: 1fr; }
  .ix-newsbar { flex-direction: column; align-items: flex-start; gap: 8px; }
}
    .ix-n1 { background: var(--white); border: 1px solid var(--n20); border-top: 3px solid var(--red); }
    .ix-n1-bar { display:flex; align-items:center; gap:10px; padding:16px 22px; border-bottom:1px solid var(--n20); color:var(--navy); font-weight:700; font-size:14px; line-height:1.3; }
    .ix-n1-bar i { color:var(--red); font-size:18px; flex-shrink:0; }
    .ix-n1-items { padding:4px 22px 18px; }
    .ix-n1-item { display:grid; grid-template-columns:132px 1fr; gap:16px; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--n20); }
    .ix-n1-item:last-child { border-bottom:none; }
    .ix-n1-date { font-size:11px; font-weight:700; letter-spacing:.03em; color:#fff; background:var(--navy); padding:5px 8px; text-align:center; align-self:start; line-height:1.3; }
    .ix-n1-hl { font-size:13.5px; color:var(--ink-2,rgba(31,56,100,.95)); line-height:1.6; }
    .ix-n1-hl strong { color:var(--navy); font-weight:600; }
    .ix-n1-hl .r { color:var(--red); font-weight:700; }
    .ix-n1-sol { background:transparent; border-left:3px solid var(--green,#006b53); padding:6px 0 6px 18px; margin-top:14px; }
    .ix-n1-sol-label { font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--navy); display:block; margin-bottom:11px; }
    .ix-n1-sol p { font-size:13px; color:var(--navy); line-height:1.6; margin:0; }
    .ix-n1-sol ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
    .ix-n1-sol li { display:flex; gap:9px; font-size:13px; color:var(--navy); line-height:1.55; }
    .ix-n1-sol li i { color:var(--green); font-size:16px; flex-shrink:0; margin-top:1px; }
    @media (max-width:560px){ .ix-n1-item{ grid-template-columns:1fr; gap:6px; } .ix-n1-date{ justify-self:start; } }
    
.ix-reach {
  display: flex; gap: 14px; align-items: flex-start;
  background: var(--hellblau); border: 1px solid var(--n20);
  padding: 20px 24px; margin: 0 0 18px;
  border-radius: var(--radius-tile,12px); box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10));
}
.ix-reach i { color: var(--navy); font-size: 20px; flex-shrink: 0; margin-top: 1px; }
.ix-reach-text { font-size: 13.5px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.7; }
.ix-reach-text strong { color: var(--navy); font-weight: 600; }

.ix-fine-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.ix-fine-card {
  background: #fff; border: 1px solid var(--n20); border-top: 3px solid var(--red);
  padding: 26px 22px; display: flex; flex-direction: column;
  border-radius: var(--radius-tile,12px); box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10));
}
.ix-fine-card.peak { background: var(--r10); border-color: var(--r20); border-top-color: var(--red); }
.ix-fine-stufe { font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3,rgba(31,56,100,.75)); margin-bottom: 14px; }
.ix-fine-amount { font-size: clamp(28px,4vw,38px); font-weight: 700; color: var(--red); line-height: 1; letter-spacing: -.01em; }
.ix-fine-or { display: block; font-size: 12px; color: var(--ink-2,rgba(31,56,100,.95)); margin: 9px 0 16px; font-weight: 600; }
.ix-fine-desc { font-size: 13px; color: var(--navy); line-height: 1.55; font-weight: 600; margin-bottom: 6px; }
.ix-fine-ref { font-size: 11px; color: var(--ink-3,rgba(31,56,100,.75)); margin-bottom: 14px; }
.ix-fine-ex { font-size: 12.5px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.65; border-top: 1px solid var(--n10); padding-top: 12px; margin-top: auto; }
.ix-fine-ex strong { color: var(--navy); font-weight: 600; }

.ix-kmu {
  background: var(--hellblau); border: 1px solid var(--n20);
  padding: 22px 24px; margin: 18px 0 0;
  border-radius: var(--radius-tile,12px); box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10));
}
.ix-kmu-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--navy); margin-bottom: 10px; }
.ix-kmu-text { font-size: 13.5px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.7; }
.ix-kmu-text strong { color: var(--navy); font-weight: 600; }

.ix-relief {
  display: flex; gap: 14px; align-items: flex-start;
  background:#006b53; padding: 18px 22px; max-width: 760px; margin: 14px auto 0;
}
.ix-relief i { color: #fff; font-size: 20px; flex-shrink: 0; margin-top: 2px; opacity: .9; }
.ix-relief-text { font-size: 13.5px; color: rgba(255,255,255,.85); line-height: 1.7; }
.ix-relief-text strong { color: #fff; font-weight: 600; }
.ix-relief-text a { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.ix-relief-text a strong { color: #fff; }
.ix-relief-wide { max-width: none; margin: 18px 0 0; border-radius: var(--radius-tile,12px); }

@media (max-width: 720px){ .ix-fine-grid { grid-template-columns: 1fr; } }
.ix-em-red { color: var(--red); font-weight: 600; }

.ix-shadow { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; margin-bottom: 24px; }
.ix-scenario {
  background: #fff; border: 1px solid var(--n20); border-left: 4px solid var(--navy);
  padding: 24px 26px; font-size: 14.5px; line-height: 1.75; color: var(--ink-2,rgba(31,56,100,.95));
}
.ix-scenario strong { color: var(--navy); font-weight: 600; }

.ix-danger { list-style: none; display: flex; flex-direction: column; gap: 18px; }
.ix-danger-item { display: flex; gap: 16px; align-items: flex-start; }
.ix-danger-num { font-size: 15px; font-weight: 700; color: var(--red); flex-shrink: 0; min-width: 26px; }
.ix-danger-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 5px; line-height: 1.3; }
.ix-danger-text { font-size: 13.5px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.65; }

.ix-dblalert {
  display: flex; gap: 14px; align-items: flex-start;
  background: var(--r10); border: 1px solid var(--r20); border-left: 4px solid var(--red);
  padding: 18px 22px; max-width: 760px; margin: 0 auto;
}
.ix-dblalert i { color: var(--red); font-size: 22px; flex-shrink: 0; margin-top: 1px; }
.ix-dblalert-text { font-size: 14px; color: var(--navy); line-height: 1.7; }
.ix-dblalert-text strong { color: var(--red); font-weight: 700; }

@media (max-width: 720px){ .ix-shadow { grid-template-columns: 1fr; } }
    /* ── 314-Block (LfDI Baden-Württemberg) – Stil aus Index v1 übernommen ── */
    .ll-highlight { margin-top: 18px; padding: 24px 28px; display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center; }
    .ll-highlight.is-risk { background: var(--red); color: rgba(255,255,255,0.85); }
    .ll-highlight-num { font-size: clamp(40px, 5vw, 60px); font-weight: 700; color: #fff; line-height: 1; letter-spacing: -.02em; white-space: nowrap; }
    .ll-highlight-body { font-size: 13.5px; line-height: 1.7; }
    .ll-highlight-body strong { color: #fff; font-weight: 600; }
    .ll-highlight-src { display: block; margin-top: 10px; font-size: 10px; font-style: italic; color: rgba(255,255,255,0.55); }
    @media (max-width: 720px){ .ll-highlight { grid-template-columns: 1fr; } }
    
.ix-proof-top { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(28px,4vw,48px); align-items: center; margin: 6px 0 clamp(34px,4vw,46px); }
.ix-proof-sub { font-size: clamp(15px,1.7vw,18px); font-weight: 700; color: var(--navy); line-height: 1.45; margin-bottom: 18px; }
.ix-proof-text { font-size: 14px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.8; margin-bottom: 14px; }
.ix-proof-text:last-child { margin-bottom: 0; }
.ix-proof-text strong { color: var(--navy); font-weight: 600; }
.ix-proof-figure { margin: 0; }
.ix-proof-figure img:not(.ai-mark) { width: 100%; height: auto; display: block; border: 1px solid var(--n20); }
.ix-proof-figcap { font-size: 11px; color: var(--ink-cap,rgba(31,56,100,.60)); letter-spacing: .03em; margin-top: 10px; }

.ix-proof-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 26px; }
.ix-proof-card { background: var(--white); border: 1px solid var(--n20); border-top: 3px solid var(--navy); padding: 24px 22px; display: flex; flex-direction: column; border-radius: var(--radius-tile,12px); box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10)); }
.ix-proof-num { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--navy); margin-bottom: 13px; }
.ix-proof-num i { font-size: 18px; color: var(--navy); }
.ix-proof-card h3 { font-size: 15px; font-weight: 700; color: var(--navy); line-height: 1.35; margin-bottom: 10px; }
.ix-proof-card p { font-size: 13px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.7; }
.ix-proof-card p strong { color: var(--navy); font-weight: 600; }

.ix-proof-micro { background: var(--navy); padding: 18px 26px; display: flex; flex-wrap: wrap; gap: 10px 30px; margin-bottom: 26px; }
.ix-proof-micro span { display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.88); letter-spacing: .02em; }
.ix-proof-micro span i { font-size: 9px; color: rgba(255,255,255,.5); margin-right: 9px; }

.ix-proof-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; font-size: 14px; font-weight: 700; color: var(--navy); text-decoration: underline; text-underline-offset: 4px; }
.ix-proof-cta i { font-size: 18px; }
.ix-proof-zone { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(20px,3vw,34px); align-items: flex-start; margin: 2px 0 26px; padding: clamp(22px,3vw,30px); background: #F4F7FB; border: 1px solid rgba(31,56,100,.14); border-radius: var(--radius-card,20px); box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10)); }
.ix-proof-doc { margin: 0; flex: 0 1 260px; max-width: 280px; text-align: center; }
.ix-proof-doc img:not(.ai-mark) { width: 100%; height: auto; display: block; }
.ix-proof-doc figcaption { font-size: 11px; color: var(--ink-cap,rgba(31,56,100,.60)); letter-spacing: .03em; line-height: 1.5; margin-top: 10px; }
.ix-proof-legal { font-size: 11px; color: var(--tx-fine,rgba(31,56,100,.80)); line-height: 1.7; margin-top: 22px; max-width: 760px; }

@media (max-width: 820px){
  .ix-proof-top { grid-template-columns: 1fr; }
  .ix-proof-grid { grid-template-columns: 1fr; }
}
.ix-lage-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:30px 0 24px; }
.ix-lage-card { background:var(--white); border:1px solid var(--n20); border-top:3px solid var(--navy); padding:24px 22px; border-radius:var(--radius-tile,12px); box-shadow:var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10)); transition:box-shadow .2s ease, transform .2s ease; }
.ix-lage-card:hover { box-shadow:0 12px 32px rgba(31,56,100,.14); transform:translateY(-2px); }
.ix-lage-num { font-size:clamp(30px,4vw,40px); font-weight:700; color:var(--navy); line-height:1; letter-spacing:-.01em; }
.ix-lage-txt { font-size:14px; color:var(--ink-2,rgba(31,56,100,.95)); line-height:1.6; margin-top:10px; }
.ix-lage-txt strong { color:var(--navy); font-weight:600; }
.ix-lage-card.risk { border-top-color:var(--red); }
.ix-lage-card.risk .ix-lage-num { color:var(--red); }
.ix-lage-card.risk .ix-lage-txt strong { color:var(--red); }
.ix-lage-src { display:block; margin-top:12px; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3,rgba(31,56,100,.75)); line-height:1.55; }
@media (max-width:720px){ .ix-lage-grid { grid-template-columns:1fr; } }
.ix-teaser-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 8px; }
.ix-teaser-card { background: #fff; border: 1px solid var(--n20); padding: 30px; display: flex; flex-direction: column; border-radius: var(--radius-tile,12px); box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10)); transition: box-shadow .2s ease, transform .2s ease; }
.ix-teaser-card:hover { box-shadow:0 12px 32px rgba(31,56,100,.14); transform:translateY(-2px); }
.ix-teaser-card.cc { border-top: 3px solid var(--red); }
.ix-teaser-card.perf { border-top: 3px solid var(--green); }
.ix-teaser-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 10px; }
.ix-teaser-card.cc .ix-teaser-eyebrow { color: var(--red); }
.ix-teaser-card.perf .ix-teaser-eyebrow { color: var(--green); }
.ix-teaser-title { font-size: clamp(19px,2.2vw,24px); font-weight: 700; color: var(--navy); line-height: 1.25; margin-bottom: 12px; }
.ix-teaser-desc { font-size: 13.5px; color: var(--ink-2,rgba(31,56,100,.95)); line-height: 1.7; margin-bottom: 18px; }
.ix-teaser-desc strong { color: var(--navy); font-weight: 600; }
.ix-teaser-list { list-style: none; display: flex; flex-direction: column; gap: 9px; margin-bottom: 24px; }
.ix-teaser-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--navy); line-height: 1.5; }
.ix-teaser-list i { font-size: 15px; flex-shrink: 0; margin-top: 1px; }
.ix-teaser-card.cc .ix-teaser-list i { color: var(--red); }
.ix-teaser-card.perf .ix-teaser-list i { color: var(--green); }
.ix-teaser-link { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--navy); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .2s ease; }
.ix-teaser-link:hover { border-bottom-color: var(--navy); }
.ix-teaser-link i { font-size: 16px; }

.ix-sem { background: var(--navy); padding: clamp(36px,5vw,56px) clamp(30px,5vw,56px); margin-top: 16px; }
.ix-sem-icon { font-size: 32px; color: rgba(255,255,255,.55); display: block; margin-bottom: 16px; line-height: 1; }
.ix-sem-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 16px; }
.ix-sem-title { font-size: clamp(24px,3.4vw,38px); font-weight: 700; color: #fff; line-height: 1.15; margin-bottom: 18px; }
.ix-sem-text { font-size: clamp(14px,1.6vw,16px); color: rgba(255,255,255,.75); line-height: 1.75; max-width: 620px; margin-bottom: 26px; }
.ix-sem-text strong { color: #fff; font-weight: 600; }
.ix-sem-link { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #fff; text-decoration: none; border: 1.5px solid rgba(255,255,255,.4); padding: 14px 26px; border-radius: var(--radius-chip,8px); transition: border-color .2s ease, background .2s ease; }
.ix-sem-link:hover { border-color: #fff; background: rgba(255,255,255,.08); }

.ix-abo { background: var(--b10, #E8EDF6); border-top: 3px solid var(--navy); padding: clamp(28px,4vw,40px) clamp(24px,4vw,40px); margin-top: 16px; display:flex; flex-wrap:wrap; align-items:center; gap:18px 32px; border-radius: var(--radius-card,20px); box-shadow: var(--shadow-soft-sm,0 6px 20px rgba(31,56,100,.10)); }
.ix-abo-main { flex:1 1 340px; }
.ix-abo-eyebrow { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--navy); margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.ix-abo-eyebrow i { font-size:14px; }
.ix-abo-title { font-size:clamp(20px,2.4vw,26px); font-weight:700; color:var(--navy); line-height:1.2; margin-bottom:8px; }
.ix-abo-sub { font-size:14px; font-weight:600; color:var(--navy); margin-bottom:12px; }
.ix-abo-desc { font-size:13.5px; color:var(--ink-2,rgba(31,56,100,.95)); line-height:1.7; max-width:660px; margin:0; }
.ix-abo-cta { flex:0 0 auto; align-self:center; display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:#fff; background:var(--navy); text-decoration:none; padding:14px 26px; border-radius:var(--radius-chip,8px); transition:background .2s ease; }
.ix-abo-cta:hover { background:#16294a; }
.ix-abo-cta i { font-size:16px; }
.ix-abo-side { flex:0 0 auto; display:flex; flex-direction:column; align-items:stretch; gap:14px; width:260px; max-width:100%; }
.ix-abo-img { width:100%; height:auto; display:block; border-radius:var(--radius-tile,12px); }
@media (max-width:720px){ .ix-abo-cta{ width:100%; justify-content:center; } .ix-abo-side{ width:100%; } }
@media (max-width: 720px){ .ix-teaser-grid { grid-template-columns: 1fr; } }
.sg-wrap { max-width: 760px; margin: 0 auto; padding: 16px 0; font-family: 'Montserrat', Arial, sans-serif; }
.sg-wrap *, .sg-wrap *::before, .sg-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }

.sg-dach { background: #1F3864; padding: 22px 28px 18px; text-align: center; }
.sg-logo { height: 64px; width: auto; display: block; margin: 0 auto 10px; }
.sg-dach-name { font-size: 14px; font-weight: 700; color: #fff; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 4px; }
.sg-dach-sub { font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.88); letter-spacing: 0.08em; text-transform: uppercase; }

.sg-claim { text-align: center; padding: 14px 20px 10px; font-size: 12px; font-weight: 600; color: #2E2E2E; letter-spacing: 0.03em; line-height: 1.7; }

.sg-cols { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; align-items: end; padding: 0 2px; }
.sg-col { padding: 28px 16px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.sg-col { min-width:0; }
.sg-col-left  { background: #1F3864; min-height: 240px; justify-content: flex-start; padding-top: 32px; }
.sg-col-mid   { background: #006b53; min-height: 290px; justify-content: flex-start; padding-top: 32px; }
.sg-col-right { background: #2E2E2E; min-height: 240px; justify-content: flex-start; padding-top: 32px; }

.sg-icon { font-size: 36px; color: rgba(255,255,255,0.85); margin-bottom: 20px; line-height: 1; }
.sg-col-title { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.4; margin-bottom: 8px; }
.sg-col-sub { font-size: 11.5px; font-weight: 400; color: rgba(255,255,255,0.9); line-height: 1.6; }

.sg-fundament { background: #1F3864; padding: 16px 28px; text-align: center; margin-top: 6px; }
.sg-fund-icon { font-size: 24px; color: rgba(255,255,255,0.85); line-height: 1; margin-bottom: 6px; }
.sg-fund-label { font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.8); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 4px; }
.sg-fund-text { font-size: 13px; font-weight: 600; color: #fff; letter-spacing: 0.03em; }
.ix-komp-head { display:grid; grid-template-columns: 1.35fr 1fr; gap: clamp(24px,4vw,44px); align-items:center; margin-bottom: 30px; }
.ix-komp-photo { margin:0; }
.ix-komp-photo img:not(.ai-mark) { width:100%; height:auto; display:block; border:1px solid var(--n20); }
.ix-komp-figcap { font-size:11px; color:var(--ink-cap,rgba(31,56,100,.60)); letter-spacing:.03em; margin-top:9px; text-align:center; }
@media (max-width:720px){ .ix-komp-head { grid-template-columns:1fr; gap:22px; } .ix-komp-photo { max-width:360px; } }
.cls-1{fill:#fff}
/* === Durchgaengiger Rundungs-Pass (HN-Wunsch: rund/fliessend; Ausnahme .ix-scenario) === */
.ix-card, .ix-ang, .ix-solution-card, .ix-anchor-intro, .ix-anchor-card,
.ix-alert, .ix-alert-bar, .ix-news-card, .ix-news-fazit, .ix-n1,
.ll-highlight.is-risk, .ix-relief, .ix-dblalert, .ix-proof-micro,
.sg-dach, .sg-fundament, .sg-col-left, .sg-col-mid, .sg-col-right,
.ix-proof-figure img:not(.ai-mark), .ix-komp-photo img:not(.ai-mark) { border-radius: var(--radius-tile,12px); }
.ix-sem { border-radius: var(--radius-card,20px); }
.ix-news-tag, .ix-n1-date { border-radius: var(--radius-chip,8px); }
.ix-scenario { border-radius: 0; }
.ix-shadow-fig img:not(.ai-mark) { border-radius: var(--radius-tile,12px); }
/* .ix-fullbleed entfernt (R33: 100vw-Muster verboten; nicht mehr genutzt) */

.ix-page a:link, .ix-page a:visited, .ix-page a:hover, .ix-page a:active { color: var(--navy,#1F3864) !important; text-decoration: none !important; }
.ix-page a i, .ix-page a .ti { color: inherit !important; }
.ix-page a[href^="tel:"], .ix-page .ix-solution-phone { color: var(--navy,#1F3864) !important; text-decoration: none !important; }
.ix-page a.ix-teaser-link, .ix-page a.ix-anchor-more, .ix-page a.ix-proof-cta,
.ix-page a.ix-teaser-link:link, .ix-page a.ix-anchor-more:link, .ix-page a.ix-proof-cta:link,
.ix-page a.ix-teaser-link:visited, .ix-page a.ix-anchor-more:visited, .ix-page a.ix-proof-cta:visited {
  display:inline-flex !important; align-items:center; gap:8px; align-self:flex-start; padding:10px 18px !important;
  background:rgba(31,56,100,0.07) !important; color:var(--navy,#1F3864) !important;
  border:0 !important; border-bottom:0 !important; border-radius:10px !important; box-shadow:none !important; outline:0 !important;
  text-decoration:none !important; font-weight:700; transition:background .18s ease !important; }
.ix-page a.ix-teaser-link:hover, .ix-page a.ix-anchor-more:hover, .ix-page a.ix-proof-cta:hover,
.ix-page a.ix-teaser-link:focus, .ix-page a.ix-anchor-more:focus, .ix-page a.ix-proof-cta:focus,
.ix-page a.ix-teaser-link:active, .ix-page a.ix-anchor-more:active, .ix-page a.ix-proof-cta:active {
  background:rgba(31,56,100,0.12) !important; color:var(--navy,#1F3864) !important; border:0 !important; border-bottom:0 !important; box-shadow:none !important; outline:0 !important; }
.ix-page .ix-anchor-intro { border:0 !important; border-top:1px solid var(--n20,rgba(31,56,100,0.15)) !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; }
.ix-page a.ix-btn-primary, .ix-page a.ix-btn-primary:link, .ix-page a.ix-btn-primary:visited { color:#fff !important; text-decoration:none !important; }
.ix-page a.ix-btn-primary:hover, .ix-page a.ix-btn-primary:active { color:#fff !important; background:#16294a !important; box-shadow:0 6px 18px rgba(31,56,100,.25) !important; }
.ix-page a.ix-btn-ghost, .ix-page a.ix-btn-ghost:link, .ix-page a.ix-btn-ghost:visited { background:#fff !important; color:var(--navy,#1F3864) !important; border:1.5px solid var(--navy,#1F3864) !important; text-decoration:none !important; }
.ix-page a.ix-btn-ghost:hover, .ix-page a.ix-btn-ghost:active { background:var(--navy,#1F3864) !important; color:#fff !important; border-color:var(--navy,#1F3864) !important; }
.ix-page a.ix-abo-cta:link, .ix-page a.ix-abo-cta:visited, .ix-page a.ix-abo-cta:hover, .ix-page a.ix-abo-cta:active,
.ix-page a.ix-sem-link:link, .ix-page a.ix-sem-link:visited, .ix-page a.ix-sem-link:hover, .ix-page a.ix-sem-link:active,
.ix-page .ix-relief-text a:link, .ix-page .ix-relief-text a:visited, .ix-page .ix-relief-text a:hover, .ix-page .ix-relief-text a:active { color:#fff !important; text-decoration:none !important; }
.ix-page a.ix-sem-link i, .ix-page a.ix-sem-link .ti { font-size:16px !important; color:#fff !important; }