/* Quartier Widdig – Reiter „Finanzierung“ mit KfW-300-Hinweis und Finanzierungsseite (seit 10.10.2026).
   Eigene Datei, damit Änderungen an style.css diese Regeln nicht überschreiben. */

/* Reiter in der Kopfzeile: „Finanzierung“ mit Hinweis KfW 300 darunter */
.site-nav a.link--fin{display:inline-flex;flex-direction:column;align-items:center;gap:5px;line-height:1.2;white-space:nowrap;text-decoration:none}
.site-nav a.link--fin .link__label{text-decoration:underline}
.site-nav a.link--fin.is-current .link__label{text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:5px}
.nav-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--gold);color:var(--navy);font:700 12px/1.35 var(--sans);letter-spacing:.03em;white-space:nowrap;text-transform:none}
@media (max-width:640px){.site-nav a.link--fin{display:none}}

/* Hinweisleiste fürs Handy (dort sind die Reiter ausgeblendet) */
.fin-strip{display:none}
@media (max-width:640px){
  .fin-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;padding:9px 16px;background:var(--navy);color:#fff;text-decoration:none;text-align:center}
  .fin-strip:hover{color:#fff;background:var(--navy-deep)}
  .fin-strip__label{font:700 13px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
  .fin-strip__go{font:700 16px/1 var(--sans);color:var(--gold)}
}

/* Hervorhebung KfW 300 oben auf der Finanzierungsseite */
.fin-highlight{margin:34px 0 8px;padding:28px 32px 30px;background:#fff;border:1px solid var(--gold);border-top:4px solid var(--gold)}
.fin-highlight .eyebrow{margin:0 0 10px}
.prose .fin-highlight h2{margin:0 0 12px}
.prose .fin-highlight p{margin-bottom:20px}

/* Programmwahl */
.fin-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 10px}
.fin-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 24px 22px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.fin-card:hover{border-color:var(--navy);color:var(--ink);transform:translateY(-2px)}
.fin-card--gold{border-color:var(--gold);box-shadow:inset 0 4px 0 var(--gold)}
.fin-card__tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--navy);color:#fff;font:700 12px/1.4 var(--sans);letter-spacing:.06em}
.fin-card--gold .fin-card__tag{background:var(--gold);color:var(--navy)}
.prose .fin-card h3{font:400 28px/1.15 var(--serif);letter-spacing:0;text-transform:none;color:var(--navy);margin:2px 0 0}
.prose .fin-card p{margin:0;font-size:17px;line-height:1.55}
.prose .fin-card .fin-card__num{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:2px}
.fin-card__num b{font:400 30px/1.1 var(--serif);color:var(--navy)}
.fin-card__num span{font-size:15px;font-weight:700;color:var(--gold-deep)}
@media (max-width:900px){.fin-cards{grid-template-columns:minmax(0,1fr)}}

.prose .fin-note{font-size:16px;line-height:1.6;color:var(--muted);padding-left:14px;border-left:3px solid var(--gold)}
@media (max-width:560px){.fin-highlight{padding:22px 20px 24px}.fin-card{padding:20px}}