/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Basis: Schrift & Farbe ── */
body, p, td
{ font-family: courier new, courier, mono; font-size: 1.05rem; text-decoration: none; color: #000000 }

html
{ /* Vertikale Scrollbar immer anzeigen */
  overflow-y: scroll; }

/* ── Layout ── */
body {
  background-color: #ffffff;
  margin: 30px 0 0 0;
  padding: 0 16px 40px;
}

.main-container {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}

/* ── Header / Logo ── */
.site-header img {
  height: 76px;
  width: auto;
  display: block;
}

.site-title {
  display: block;
  margin-top: 4px;
}

/* ── Klassen ── */
.PBOLD
{ font-family: courier new, courier, mono; font-size: 1.05rem; font-weight: bold; text-decoration: none; color: #000000 }

.center
{ margin-left: auto; margin-right: auto; }

/* ── Links ── */
A:link
{ font-family: courier new, courier, mono; font-size: 1.05rem; text-decoration: none; color: #666666 }

A:visited
{ font-family: courier new, courier, mono; font-size: 1.05rem; text-decoration: none; color: #666666 }

A:hover
{ font-family: courier new, courier, mono; font-size: 1.05rem; text-decoration: underline; color: #000000 }

/* ── Navigation (Ortschaften) ── */
#NAVI A:link
{ font-family: courier new, courier, mono; font-size: 0.6rem; text-decoration: none; color: #999999 }

#NAVI A:visited
{ font-family: courier new, courier, mono; font-size: 0.6rem; text-decoration: none; color: #999999 }

#NAVI A:hover
{ font-family: courier new, courier, mono; font-size: 0.6rem; text-decoration: none; color: #000000 }

.navi a { white-space: nowrap; }

/* ── Tabelle (Kompatibilität) ── */
table { border-spacing: 0; }
th, td { padding: 0; }

/* ── Responsive ── */
@media (max-width: 480px) {
  body {
    padding: 0 12px 32px;
    margin-top: 16px;
  }
}