/* subfooter.css — Footer + «Weiterlesen» fuer alle Unterseiten (Welle 2, 2026-08-02).
   Wird von tools/gen-static/subpages.mjs zwischen die subfooter-Marker gerendert.
   Eigener Namespace (.sfoot/.sf-read) statt .footer aus website.css: die Unterseiten
   laden website.css nicht (news-archiv schon — der Namespace verhindert Kollision).
   Farben/Schriften kommen aus colors_and_type.css, das jede Seite laedt. */

/* Einige Seiten geben dem body ein padding-bottom als Abschluss-Luft (z.B. via
   legal.css). Mit Footer wuerde das als heller Streifen UNTER dem dunklen Footer
   stehen — der Footer ist jetzt der Abschluss. Diese Datei laedt als letztes
   Stylesheet, gleiche Spezifitaet gewinnt. */
body { padding-bottom: 0; }

/* Druck-Layout (Nachpruefung 02.08.2026, Punkt 3.1): «Als PDF sichern» soll den
   Inhalt liefern, nicht die Bedienelemente. Diese Datei laedt auf ALLEN
   Unterseiten als letztes Stylesheet — darum leben die Print-Regeln zentral
   hier statt in jedem Seiten-CSS. Versteckt werden:
   - Kopfleisten aller Seitentypen: .topline (Artikel/Produkte/Rechtliches),
     .nbar (News-Archiv), .gbar (Glossar), .fbar (Framework),
     .ebar (Explainer/Use-Cases), .kfc-bar (Fundament-Check)
   - Widgets (JS-injiziert, CSS wirkt trotzdem): .icbot-root (Chat),
     .ic-share (Teilen-Leiste)
   - Site-Abschluss: .sfoot (Footer), .sf-read («Weiterlesen»)
   Die Startseite laedt diese Datei nicht — Startseiten-Druck ist kein
   Anwendungsfall. Neue Kopfleisten-Klassen hier nachtragen. */
@media print {
  @page { margin: 18mm; }
  body { padding: 0; background: #fff; }
  .topline, .nbar, .gbar, .fbar, .ebar, .kfc-bar,
  .icbot-root, .ic-share,
  .sfoot, .sf-read { display: none !important; }
  /* Videos drucken nicht — Platzhalterrahmen vermeiden */
  video { display: none !important; }
}

.sfoot { background: var(--ink-800, #16283a); color: var(--fg-on-dark-2, #b8c4d0); margin-top: 72px; padding: 54px 0 36px; }
.sfoot-wrap { max-width: 1140px; margin: 0 auto; padding: 0 26px; }
.sfoot-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; gap: 28px; }
.sfoot img { height: 24px; margin-bottom: 16px; }
.sfoot-addr { font-size: 14px; line-height: 1.7; }
.sfoot-social { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; }
.sfoot-social a { font-size: 13.5px; color: var(--fg-on-dark-2, #b8c4d0); text-decoration: underline; text-underline-offset: 3px; }
.sfoot-social a:hover { color: #fff; }
.sfoot h5 { font-family: var(--font-display, system-ui); font-weight: 700; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: #fff; margin: 0 0 14px; }
.sfoot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sfoot ul a { font-size: 14px; color: var(--fg-on-dark-2, #b8c4d0); text-decoration: none; }
.sfoot ul a:hover { color: #fff; }
.sfoot-bottom { border-top: 1px solid rgba(255, 255, 255, .1); margin-top: 44px; padding-top: 22px; display: flex; justify-content: space-between; font-family: var(--font-mono, monospace); font-size: 12px; flex-wrap: wrap; gap: 10px; }
@media (max-width: 980px) {
  .sfoot-grid { grid-template-columns: 1fr 1fr; }
  .sfoot-grid > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .sfoot-grid { grid-template-columns: 1fr; }
}

/* «Weiterlesen» — nur auf Standpunkt-Artikeln, zwischen Artikelende und Footer. */
.sf-read { max-width: 1140px; margin: 64px auto 0; padding: 34px 26px 0; border-top: 1px solid #e1d6c0; }
.sf-read-h { font-family: var(--font-mono, monospace); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--navy-500, #4a6175); margin: 0 0 18px; }
.sf-read-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sf-read-card { display: flex; flex-direction: column; gap: 8px; background: #fff; border: 1px solid #e8dfd0; border-radius: 14px; padding: 20px 22px; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
.sf-read-card:hover { border-color: var(--ochre-500, #c98b3b); box-shadow: 0 6px 18px rgba(22, 40, 58, .07); }
.sf-read-date { font-family: var(--font-mono, monospace); font-size: 11.5px; color: var(--navy-500, #4a6175); }
.sf-read-card h3 { font-family: var(--font-display, system-ui); font-size: 16.5px; font-weight: 700; line-height: 1.35; color: var(--ink-900, #0c1826); margin: 0; }
.sf-read-card p { font-size: 13.5px; line-height: 1.55; color: var(--navy-600, #37506a); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sf-read-more { font-size: 13px; font-weight: 600; color: var(--ochre-700, #8d5c16); margin-top: auto; }
@media (max-width: 900px) {
  .sf-read-grid { grid-template-columns: 1fr; }
}