/* ==========================================================================
   Design 02 · Bericht · Editorial & Investment

   Die Seite als Wirtschaftsbericht: Serifen-Headlines in grossen Graden,
   Linien statt Kaesten, Kapitelziffern, Bildlegenden, Initiale.
   Symbole treten zurueck, Ziffern uebernehmen ihre Rolle.
   ========================================================================== */

.gf[data-design="2"] {
  --f-head: "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-text: "Libre Franklin", ui-sans-serif, sans-serif;
  --f-label: "Libre Franklin", ui-sans-serif, sans-serif;
  --f-mono: "Libre Franklin", ui-sans-serif, sans-serif;
  --f-zahl: "Source Serif 4", Georgia, serif;
  --w-display: 400; --w-h2: 400; --w-h3: 500; --w-h4: 600; --w-label: 600; --w-zahl: 300; --w-text: 400;
  --fs-display: clamp(42px, 6cqi, 92px); --lh-display: 1.0; --ls-display: -0.022em;
  --fs-h2: clamp(32px, 4.1cqi, 62px); --lh-h2: 1.04; --ls-h2: -0.018em;
  --fs-h3: clamp(24px, 2.2cqi, 32px); --ls-h3: -0.012em;
  --fs-text: 16.5px; --lh-text: 1.66;
  --fs-label: 11.5px; --ls-label: 0.15em;
  --fs-zahl: clamp(56px, 7.4cqi, 112px);
  --r-karte: 2px; --r-btn: 2px; --r-feld: 2px; --r-bild: 2px; --r-panel: 2px; --r-badge: 2px;
  --btn-font: "Libre Franklin", sans-serif; --btn-fs: 14.5px; --btn-w: 600; --btn-h: 50px;
  --ikon-strich: 1.2; --ikonfeld-gr: 34px; --ikonfeld-farbe: var(--primary);
  --c-linie: color-mix(in oklab, var(--text) 16%, transparent);
  --c-linie-weich: color-mix(in oklab, var(--text) 9%, transparent);
  --gap: clamp(18px, 2.2cqi, 36px);
  --kurve: cubic-bezier(0.22, 0.61, 0.18, 1);
}
.gf[data-design="2"] .gf-display, .gf[data-design="2"] .gf-h2 { font-variation-settings: "opsz" 60; }
.gf[data-design="2"] .gf-h3, .gf[data-design="2"] .gf-h4, .gf[data-design="2"] .gf-karte__titel { font-variation-settings: "opsz" 24; }

/* Kopf als Zeitungskopf: Navigation links, Marke mittig, Aktion rechts */
.gf[data-design="2"] .gf-kopf { background: var(--bg); border-bottom: 1px solid var(--text); }
.gf[data-design="2"] .gf-kopf__oben { border-bottom: 1px solid var(--c-linie); }
.gf[data-design="2"] .gf-kopf__oben-innen { font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; }
.gf[data-design="2"] .gf-kopf__innen { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 84px; }
.gf[data-design="2"] .gf-kopf__logo { grid-column: 2; grid-row: 1; width: 190px; }
.gf[data-design="2"] .gf-kopf__nav { grid-column: 1; grid-row: 1; margin: 0; gap: 22px; }
.gf[data-design="2"] .gf-kopf__link { font-size: 14px; font-weight: 500; }
.gf[data-design="2"] .gf-kopf__link:nth-child(n+4) { display: none; }
.gf[data-design="2"] .gf-kopf__cta { grid-column: 3; grid-row: 1; justify-self: end; }
.gf[data-design="2"] .gf-kopf__menue { grid-column: 3; grid-row: 1; justify-self: end; }
.gf[data-design="2"] .gf-kopf__marker { background: var(--text); height: 1px; }

/* Schaltflaechen */
.gf[data-design="2"] .gf-btn--primaer { --btn-bg: var(--text); --btn-rand: var(--text); }
.gf[data-design="2"] .gf-btn--primaer:hover { --btn-bg: var(--primary); --btn-rand: var(--primary); }
.gf[data-design="2"] .gf-btn--sekundaer { --btn-rand: transparent; padding-inline: 4px; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 1.5px; text-underline-offset: 7px; }
.gf[data-design="2"] .gf-btn--sekundaer:hover { text-decoration-color: var(--text); }
.gf[data-design="2"] .on-dark .gf-btn--primaer { --btn-bg: var(--text-inverse); --btn-fg: var(--inverse); }
.gf[data-design="2"] .gf-btn--text { color: var(--text); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 6px; }

/* Typo-Details */
.gf[data-design="2"] .gf-eyebrow { color: var(--text); gap: 14px; }
.gf[data-design="2"] .gf-kapitel { display: inline; font-family: var(--f-head); font-size: 15px; font-weight: 500; letter-spacing: 0; color: var(--accent); }
.gf[data-design="2"] .on-dark .gf-eyebrow { color: var(--text-inverse); }
.gf[data-design="2"] .on-dark .gf-kapitel { color: var(--accent-light); }
.gf[data-design="2"] .gf-lead { font-family: var(--f-head); font-size: clamp(19px, 1.6cqi, 23px); line-height: 1.45; color: var(--text); font-variation-settings: "opsz" 20; }
.gf[data-design="2"] .gf-initial::first-letter {
  float: left; font-family: var(--f-head); font-size: 4.6em; line-height: 0.82; font-weight: 400;
  margin: 0.06em 0.1em 0 0; color: var(--primary); font-variation-settings: "opsz" 60;
}
.gf[data-design="2"] .gf-zitat { font-size: clamp(24px, 2.4cqi, 34px); line-height: 1.22; border-left: 0; padding: 22px 0 0; border-top: 1px solid var(--accent); font-weight: 400; max-width: 22ch; }
.gf[data-design="2"] .gf-zitat::before { content: "„"; display: block; font-size: 2em; line-height: 0.6; color: var(--accent); margin-bottom: 4px; }

/* Abschnitte mit kraeftiger Regel */
.gf[data-design="2"] .gf-sec__kopf { border-top: 3px solid var(--text); padding-top: 18px; }
.gf[data-design="2"] .gf-sec__kopf .gf-h2 { grid-column: 1 / span 8; }
.gf[data-design="2"] .on-dark .gf-sec__kopf, .gf[data-design="2"] .gf-technik__text { border-color: var(--text-inverse); }

/* Hero A: Titel ueber die Breite, Bild darunter mit Legende */
.gf[data-design="2"] .gf-hero { padding-top: clamp(40px, 5cqi, 80px); }
.gf[data-design="2"][data-hero="a"] .gf-hero__layout { row-gap: 34px; }
.gf[data-design="2"][data-hero="a"] .gf-hero__text {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  column-gap: var(--gap); row-gap: 26px; align-items: end;
}
.gf[data-design="2"][data-hero="a"] .gf-hero__text .gf-eyebrow { grid-column: 1 / -1; padding-bottom: 14px; border-bottom: 1px solid var(--c-linie); }
.gf[data-design="2"][data-hero="a"] .gf-display { grid-column: 1; }
.gf[data-design="2"][data-hero="a"] .gf-lead { grid-column: 2; align-self: end; }
.gf[data-design="2"][data-hero="a"] .gf-hero__knoepfe { grid-column: 2; margin-top: 0; }
.gf[data-design="2"][data-hero="a"] .gf-hero__visual { grid-column: 1 / -1; aspect-ratio: 21 / 8.4; }
.gf[data-design="2"] .gf-hero__legende { bottom: -32px; font-size: 13px; }
.gf[data-design="2"] .gf-hero__abb { font-family: var(--f-text); font-weight: 600; font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; }
.gf[data-design="2"] .gf-hero__foto { filter: saturate(0.9) contrast(1.02); }
.gf[data-design="2"] .gf-hero__themen { border-top: 1px solid var(--text); margin-top: 72px; }
.gf[data-design="2"] .gf-hero__themen .gf-ikonfeld { display: none; }
.gf[data-design="2"] .gf-hero__themen li { font-family: var(--f-head); font-size: 18px; font-weight: 400; padding-top: 16px; flex-direction: row-reverse; justify-content: flex-end; gap: 10px; }
.gf[data-design="2"] .gf-hero__themen-nr { display: inline; font-family: var(--f-text); font-size: 11px; font-weight: 600; color: var(--accent); }
.gf[data-design="2"][data-hero="b"] .gf-display { max-width: 16ch; }

/* Positionierung */
.gf[data-design="2"] .gf-position__kopf { grid-column: 1 / span 8; }
.gf[data-design="2"] .gf-position__text { grid-column: 9 / -1; align-content: start; padding-top: 44px; }
.gf[data-design="2"] .gf-position__bild { grid-column: 1 / span 8; }
.gf[data-design="2"] .gf-bild__rahmen { aspect-ratio: 16 / 10; }
.gf[data-design="2"] .gf-bild figcaption { font-size: 13px; padding-top: 10px; border-top: 1px solid var(--c-linie); }
.gf[data-design="2"] .gf-bild__abb { font-family: var(--f-text); font-weight: 600; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; }
.gf[data-design="2"] .gf-perspektiven .gf-ikonfeld { display: none; }
.gf[data-design="2"] .gf-perspektive { grid-template-columns: 44px 1fr; }
.gf[data-design="2"] .gf-perspektive__nr { display: block; grid-row: span 2; font-family: var(--f-head); font-size: 22px; color: var(--accent); line-height: 1.1; }
.gf[data-design="2"] .gf-perspektive .gf-h4 { font-family: var(--f-head); font-size: 22px; font-weight: 500; }

/* Karten A: Inhaltsverzeichnis in zwei Spalten */
.gf[data-design="2"] .gf-karte__titel { font-family: var(--f-head); font-weight: 500; font-size: clamp(21px, 1.8cqi, 25px); letter-spacing: -0.012em; }
.gf[data-design="2"] .gf-karte .gf-ikonfeld { display: none; }
.gf[data-design="2"] .gf-karte__id { font-family: var(--f-head); font-size: 15px; color: var(--accent); }
.gf[data-design="2"] .gf-karte__fuss { color: var(--text); font-weight: 600; }
.gf[data-design="2"][data-karten="a"] .gf-karten { grid-template-columns: 1fr 1fr; column-gap: clamp(28px, 4cqi, 72px); row-gap: 0; }
.gf[data-design="2"][data-karten="a"] .gf-karte {
  display: grid; grid-template-columns: 70px 1fr auto; column-gap: 18px; row-gap: 6px;
  border: 0; border-top: 1px solid var(--c-linie); padding: 24px 0 26px;
}
.gf[data-design="2"][data-karten="a"] .gf-karte__kopf { grid-row: 1 / span 2; min-height: 0; align-items: flex-start; padding-top: 4px; }
.gf[data-design="2"][data-karten="a"] .gf-karte__titel { grid-column: 2; }
.gf[data-design="2"][data-karten="a"] .gf-karte__text { grid-column: 2; }
.gf[data-design="2"][data-karten="a"] .gf-karte__fuss { grid-column: 3; grid-row: 1; margin: 0; padding: 4px 0 0; font-size: 0; }
.gf[data-design="2"][data-karten="a"] .gf-karte__fuss .ikon { --ikon-gr: 20px; color: var(--text); }
.gf[data-design="2"][data-karten="a"] .gf-karte:hover { border-color: var(--text); }
.gf[data-design="2"][data-karten="a"] .gf-karte:hover .gf-karte__titel { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 1.5px; text-underline-offset: 6px; }
.gf[data-design="2"][data-karten="b"] .gf-karte { background: var(--c-karte-2); box-shadow: none; border-top: 2px solid var(--text); }
.gf[data-design="2"][data-karten="b"] .gf-karte:hover { transform: none; border-top-color: var(--accent); }
.gf[data-design="2"][data-karten="c"] .gf-karte { background: transparent; border: 0; padding: 26px 0 0; }
.gf[data-design="2"][data-karten="c"] .gf-karte__medien { margin: -26px 0 8px; aspect-ratio: 4 / 5; border-radius: 2px; }
.gf[data-design="2"][data-karten="c"] .gf-karte__kopf { min-height: 0; padding-top: 4px; border-top: 1px solid var(--c-linie); }

/* Beratung */
.gf[data-design="2"] .gf-liste li { font-family: var(--f-head); font-size: 19px; line-height: 1.35; padding-top: 12px; border-top: 1px solid var(--c-linie); }
.gf[data-design="2"] .gf-liste .ikon { color: var(--accent); }
.gf[data-design="2"] .gf-panel-fx { border-top: 3px solid var(--text); }

/* Prozess als Kapitel mit roemischen Ziffern */
.gf[data-design="2"] .gf-prozess { grid-template-columns: 1fr; counter-reset: kap; }
.gf[data-design="2"] .gf-prozess__bahn { display: none; }
.gf[data-design="2"] .gf-prozess__schritt {
  counter-increment: kap;
  display: grid; grid-template-columns: 110px minmax(0, 4fr) minmax(0, 5fr); column-gap: var(--gap);
  align-items: baseline; padding: 22px 0; border-top: 1px solid var(--c-linie);
}
.gf[data-design="2"] .gf-prozess__schritt::before { content: counter(kap, upper-roman); font-family: var(--f-head); font-size: 34px; font-weight: 300; color: var(--accent); line-height: 1; }
.gf[data-design="2"] .gf-prozess__nr, .gf[data-design="2"] .gf-prozess__knoten { display: none; }
.gf[data-design="2"] .gf-prozess__titel { font-family: var(--f-head); font-size: clamp(22px, 2cqi, 28px); font-weight: 400; }
.gf[data-design="2"] .gf-prozess__text { font-size: 15.5px; }
.gf[data-design="2"] .gf-prozess__schritt.ist-jetzt::before { color: var(--primary); }
.gf[data-design="2"] .gf-prozess--mini { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gf[data-design="2"] .gf-prozess--mini .gf-prozess__schritt { display: grid; grid-template-columns: 1fr; padding: 10px 8px 6px 0; }
.gf[data-design="2"] .gf-prozess--mini .gf-prozess__schritt::before { font-size: 20px; }
.gf[data-design="2"] .gf-prozess--mini .gf-prozess__titel { font-size: 16px; }

/* Reiter */
.gf[data-design="2"] .gf-tabs__liste { border-bottom: 1px solid var(--text); }
.gf[data-design="2"] .gf-tab { font-family: var(--f-head); font-size: 20px; font-weight: 400; }
.gf[data-design="2"] .gf-tab .gf-ikonfeld { display: none; }
.gf[data-design="2"] .gf-tab::after { background: var(--accent); height: 3px; }
.gf[data-design="2"] .gf-tab__nr { font-family: var(--f-text); font-weight: 600; color: var(--accent); }
.gf[data-design="2"] .gf-parameter li { font-family: var(--f-head); font-size: 17px; }
.gf[data-design="2"] .gf-parameter__nr { font-family: var(--f-text); font-weight: 600; font-size: 11px; color: var(--accent); }

/* Datenblatt als Infobox */
.gf[data-design="2"] .gf-datenblatt { border: 0; border-top: 3px solid var(--text); border-bottom: 1px solid var(--text); background: transparent; border-radius: 0; }
.gf[data-design="2"] .gf-datenblatt__kopf { background: transparent; padding-inline: 0; }
.gf[data-design="2"] .gf-datenblatt__kopf .gf-mono { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.gf[data-design="2"] .gf-tabelle th, .gf[data-design="2"] .gf-tabelle td { padding-inline: 0 18px; }
.gf[data-design="2"] .gf-tabelle tbody th { font-family: var(--f-head); font-weight: 500; font-size: 17px; }
.gf[data-design="2"] .gf-tabelle__nr { font-family: var(--f-text); color: var(--accent); font-weight: 600; }
.gf[data-design="2"] .gf-kpis { border-top: 3px solid var(--text); }
.gf[data-design="2"] .gf-kpi { padding: 26px 22px 0; border-left: 1px solid var(--c-linie); }
.gf[data-design="2"] .gf-kpi:first-child { border-left: 0; padding-left: 0; }
.gf[data-design="2"] .gf-kpi__wert { color: var(--text); font-variation-settings: "opsz" 60; letter-spacing: -0.03em; }
.gf[data-design="2"] .gf-kpi__label { font-family: var(--f-head); font-size: 20px; font-weight: 500; }

/* Finanzierung */
.gf[data-design="2"] .gf-modul__nr { font-family: var(--f-head); font-size: 20px; color: var(--accent); padding-top: 0; }
.gf[data-design="2"] .gf-modul .gf-h4 { font-family: var(--f-head); font-weight: 500; font-size: 23px; }
.gf[data-design="2"] .gf-modul--hinweis p { font-family: var(--f-head); font-size: 19px; font-weight: 400; color: var(--text); }
.gf[data-design="2"] .gf-struktur__ebene { font-family: var(--f-head); font-weight: 500; font-size: 14px; border-radius: 2px; }

/* Formular mit Unterstrichen */
.gf[data-design="2"] .gf-input { border: 0; border-bottom: 1px solid color-mix(in oklab, var(--text) 45%, transparent); background: transparent; padding-inline: 0; border-radius: 0; }
.gf[data-design="2"] .gf-input:focus { box-shadow: 0 1px 0 var(--primary); }
.gf[data-design="2"] .gf-textarea { border: 1px solid color-mix(in oklab, var(--text) 30%, transparent); padding: 12px 14px; }
.gf[data-design="2"] .gf-label { font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; }
.gf[data-design="2"] .gf-chip span { border-radius: 2px; }
.gf[data-design="2"] .gf-cta { border-top: 3px solid var(--text); }

/* Fuss als Kolophon */
.gf[data-design="2"] .gf-fuss__marke .logo { width: 260px; }
.gf[data-design="2"] .gf-fuss__titel { color: var(--text-inverse); letter-spacing: 0.14em; }
.gf[data-design="2"] .gf-fuss__spalte a { font-family: var(--f-head); font-size: 17px; }
.gf[data-design="2"] .gf-fuss__unten { border-top-width: 3px; }

@container gf (max-width: 960px) {
  .gf[data-design="2"] .gf-kopf__innen { grid-template-columns: auto 1fr; }
  .gf[data-design="2"] .gf-kopf__logo { grid-column: 1; }
  .gf[data-design="2"] .gf-kopf__menue { grid-column: 2; }
  .gf[data-design="2"][data-hero="a"] .gf-hero__text { grid-template-columns: 1fr; }
  .gf[data-design="2"][data-hero="a"] .gf-lead, .gf[data-design="2"][data-hero="a"] .gf-hero__knoepfe { grid-column: 1; }
  .gf[data-design="2"][data-hero="a"] .gf-hero__visual { aspect-ratio: 4 / 3; }
  .gf[data-design="2"] .gf-position__kopf, .gf[data-design="2"] .gf-position__text, .gf[data-design="2"] .gf-position__bild { grid-column: 1 / -1; padding-top: 0; }
  .gf[data-design="2"][data-karten="a"] .gf-karten { grid-template-columns: 1fr; }
  .gf[data-design="2"] .gf-prozess__schritt { grid-template-columns: 64px 1fr; }
  .gf[data-design="2"] .gf-prozess__text { grid-column: 2; }
  .gf[data-design="2"] .gf-kpi:nth-child(3) { border-left: 0; padding-left: 0; }
}