/* Förderhinweis EFRE + LinkedIn-Unternehmensseite (29.10.2026, Nutzer): übernommen aus dem Entwurf „Version 1“ (28.10., Stand v1.10),
   Zwischenstände v1.1–v1.10 zusammengeführt. Nach hinweis.css geladen; nutzt nur vorhandene Variablen/Klassen.
   Sprung Banner → „Über uns“ #foerderung: js/app.js (Block „Förder-Banner“). */

/* Startseite: Förder-Banner ganz oben, eine Zeile, Link zu „Über uns“ */
.page[data-page=start] .foerder-banner { display: flex; align-items: center; gap: 14px; margin: 0 0 4px; padding: 7px 14px; min-height: 0;
  background: rgba(8,0,5,.55); border: 1px solid rgba(255,255,255,.12); border-left: 3px solid var(--color-coral-amber); border-radius: 10px; color: #fff; transition: border-color .25s, background .25s; }
.page[data-page=start] .foerder-banner:hover, .page[data-page=start] .foerder-banner:focus-visible { border-color: var(--color-coral-amber); background: rgba(8,0,5,.72); }
.page[data-page=start] .foerder-banner .fb-label { flex: none; font: 700 11px/1.2 'inotec Sans', var(--font, Inter), system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--color-coral-amber); white-space: nowrap; }
.page[data-page=start] .foerder-banner .fb-title { flex: 1 1 auto; min-width: 0; font: 300 13px/1.4 'inotec Sans Text', var(--font, Inter), system-ui, sans-serif; color: rgba(255,255,255,.92); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page[data-page=start] .foerder-banner .fb-more { flex: none; white-space: nowrap; padding: 5px 12px; border: 1px solid rgba(255,138,102,.8); border-radius: 999px; font: 600 11px/1 'inotec Sans Text', var(--font, Inter), system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #fff; transition: background .25s; }
.page[data-page=start] .foerder-banner:hover .fb-more { background: rgba(255,138,102,.18); }
@media (max-width: 900px) { .page[data-page=start] .foerder-banner { flex-wrap: wrap; gap: 6px 14px; } .page[data-page=start] .foerder-banner .fb-title { flex: 1 1 100%; white-space: normal; order: 3; } .page[data-page=start] .foerder-banner .fb-more { margin-left: auto; } }

/* Förder-Kachel mit Fakten (Über uns, Gefördertes Vorhaben) – Abstände v1.1 */
.foerder-kachel { padding-top: 40px; padding-bottom: 44px; }
.foerder-kachel h3 { margin: 0 0 34px; line-height: 1.4; }
.foerder-fakten { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: 26px 44px; margin: 0 0 44px; }
.foerder-fakten dt { padding-top: 4px; font: 700 14px/1.6 'inotec Sans', var(--font, Inter), system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--color-coral-amber); }
.foerder-fakten dd { margin: 0; max-width: none; font: 300 18px/1.5 'inotec Sans Text', var(--font, Inter), system-ui, sans-serif; color: rgba(255,255,255,.85); }
.foerder-kachel .foerderlogos { margin-top: 12px; gap: 28px; }
.page.dashboard-glas .tile.foerder-kachel > .td a { text-decoration: underline; text-underline-offset: 3px; }
/* v1.4: Förder-Überschrift in zwei Zeilen mit angepasstem Zeilenabstand */
.page.dashboard-glas .tile.foerder-kachel > h3 { font-size: clamp(14px, 1.2vw, 18px); line-height: 1.8 !important; letter-spacing: .05em; white-space: normal; width: 100%; max-width: none; margin: 0 0 34px; }
/* v1.7 / v1.10: Förderlogos auf „Gefördertes Vorhaben“ und „Über uns“ ca. 25 % kleiner */
.page[data-page=gefoerdertes-vorhaben] .foerder-kachel .foerderlogos, .page[data-page=ueber-uns] .foerder-kachel .foerderlogos { width: 75%; max-width: 75%; }
@media (max-width: 760px) { .page[data-page=gefoerdertes-vorhaben] .foerder-kachel .foerderlogos, .page[data-page=ueber-uns] .foerder-kachel .foerderlogos { width: 100%; max-width: 75%; } }
@media (max-width: 700px) { .foerder-fakten { grid-template-columns: minmax(0,1fr); gap: 6px; } .foerder-fakten dd { margin-bottom: 24px; } .foerder-kachel { padding-top: 28px; padding-bottom: 30px; } }

/* Überschriften-Abstände „Über uns“ / Anker #foerderung */
#foerderung.tiles-h { margin-top: 72px; margin-bottom: 28px; }
.page[data-page=ueber-uns] .tiles-h { margin-top: 56px; margin-bottom: 26px; }
.page[data-page=ueber-uns] .tiles-h:first-child, .page[data-page=ueber-uns] .db-buehne > .tiles-h:first-child { margin-top: 0; }

/* LinkedIn-Unternehmensseite: hervorgehobener Pill-Button (Startseite unter „Sprechen Sie uns an“, Kontakt-Kachel) */
.page[data-page=start] .li-zeile { margin-top: 20px; }
.page[data-page=start] .li-zeile .li-btn { border-width: 1.6px; border-color: var(--color-coral-amber); }
.page[data-page=kontakt] .kontakt-info .li-text { margin: 0 0 16px; }
.page[data-page=kontakt] .kontakt-info a.more[href*="linkedin.com/company"] { border-color: var(--color-coral-amber); border-width: 1.6px; margin-top: 4px; }

/* Footer: Förderhinweis mit Logos (auf jeder Seite) */
footer.site .ffoerder { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; margin: 36px 0 0; padding: 26px 0 0; border-top: 1px solid rgba(255,255,255,.15); }
footer.site .ffoerder .foerderlogos-fuss { display: flex; flex-wrap: wrap; gap: 14px; }
footer.site .ffoerder .foerderleiste { display: flex; align-items: center; width: auto; margin: 0; padding: 10px 14px; border-radius: 8px; }
footer.site .ffoerder .foerderleiste img { width: auto; height: 38px; max-width: 100%; }
footer.site .ffoerder .ffoerder-text { flex: 1 1 320px; margin: 0; max-width: 62ch; font: 300 14px/1.5 'inotec Sans Text', var(--font, Inter), system-ui, sans-serif; color: rgba(255,255,255,.8); }
footer.site .ffoerder .ffoerder-text a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.4); }
footer.site .ffoerder .ffoerder-text a:hover { color: var(--color-coral-amber); border-color: var(--color-coral-amber); }