/* s14motorsport.de — Retro-Stylesheet (Look 2001, Technik 2026)
   Eine Datei, keine Frameworks. Nachbau der Original-Optik:
   weiße Fläche, Verdana klein, schwarze unterstrichene Links, 550er-Spalte. */

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  margin: 0;
  padding: 12px 8px 24px;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.55;
}

.wrap { max-width: 550px; margin: 0 auto; text-align: center; }

/* Kopf: Original-Logo + dünne Linie wie 2001 */
.kopf img.logo { width: 100%; max-width: 550px; height: auto; border: 0; display: block; }
.kopf hr { border: 0; border-top: 1px solid #000; margin: 2px 0 10px; }

/* Navigation: fette Mini-Links in einer Reihe */
.navi { font-size: 11px; font-weight: bold; margin: 0 0 22px; }
.navi a { color: #000; text-decoration: underline; white-space: nowrap; }
.navi a:visited { color: #000; }
.navi .sp { display: inline-block; width: 1.6em; }
.navi .aktiv { text-decoration: none; }

/* Inhalt */
.inhalt { text-align: left; }
.inhalt.zentriert { text-align: center; }
h1 { font-size: 15px; margin: 0 0 12px; }
h2 { font-size: 13px; margin: 20px 0 6px; }
p { margin: 0 0 12px; text-align: justify; }
a { color: #000; }
img { max-width: 100%; height: auto; }

/* Startseiten-Layout: Text links, News-Spalte rechts (wie das alte Table-Layout) */
.startgrid { display: flex; gap: 20px; text-align: left; }
.startgrid .haupt { flex: 1 1 auto; }
.startgrid .news { flex: 0 0 150px; font-size: 11px; }
.news b { display: inline-block; margin-bottom: 1px; }
.news p { margin: 0 0 14px; text-align: left; }
@media (max-width: 560px) { .startgrid { display: block; } .startgrid .news { margin-top: 18px; } }

/* Startfoto */
.startfoto img { border: 0; }
.startfoto { margin-bottom: 18px; }

/* Datentabellen (Datenblätter, Schwachstellen) — Retro-Rahmen */
table.daten { border-collapse: collapse; margin: 0 0 14px; width: 100%; font-size: 12px; }
table.daten th, table.daten td { border: 1px solid #999; padding: 3px 7px; text-align: left; vertical-align: top; }
table.daten th { background: #efefef; font-weight: bold; }

/* Breite Tabellen: auf schmalen Screens horizontal scrollbar statt gequetscht */
.tabellenscroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 14px; }
.tabellenscroll table.daten { margin: 0; min-width: 480px; }

/* Fußnoten/Quellenzeile */
.quelle { font-size: 11px; color: #555; }

/* Trennlinie (Original-Grafik linie.gif wird per <img> gesetzt) */
.linie { margin: 16px 0; }

/* Fußzeile: hellgrau wie damals */
.fuss { color: #afafaf; font-size: 11px; margin-top: 28px; text-align: center; }
.fuss a { color: #afafaf; }

/* Hinweiskasten (nur Baustellen-Stubs, fliegt zum Launch raus) */
.stub { border: 1px dashed #999; padding: 10px; font-size: 12px; background: #fafafa; text-align: left; }