Vorlage:ÜbersichtEPI/styles.css

/* Übersichtstabelle für Episches */
.übersichtepi {
  width: 100%;
  margin: 1em 0 0.4em 0;   /* bündig, nicht zentriert */
  border-collapse: collapse;
  border: 1px solid #aaa;
  border-radius: 6px;
  font-size: 100%;
  color: #333;
  text-align: left;
}

.übersichtepi td,
.übersichtepi th {
  border: 1px solid #aaa;
  padding: 0.4em 0.6em;
  vertical-align: top;
}

/* Kopfzeile – Werkgruppe und Werkbereiche */
.übersichtepi tr:first-child td,
.übersichtepi tr:first-child th {
  background: #f7f7f7;
  font-size: 95%;
  color: #555;
  padding-left: 2em;       /* leichte Einrückung */
}

/* Mobil: volle Breite + kleinere Schrift + kompakteres Padding */
@media (max-width: 600px) {
  .übersichtepi {
    width: 100%;
  }
  .übersichtepi td,
  .übersichtepi th {
    padding: .25em; /* halbiertes Padding */
  }
  .übersichtepi tr:first-child td,
  .übersichtepi tr:first-child th {
    font-size: 80%;
  }
  .übersichtepi tr:last-child td,
  .übersichtepi tr:last-child th {
    font-size: 70%;
  }
}

/* Links in der Übersicht: sehr dezentes, helles Blau */
.übersichtepi a,
.übersichtepi a:link {
  color: #8ea7cf;          /* hell, leicht graublau */
  text-decoration: none;
}

.übersichtepi a:visited {
  color: #9aa1c0;          /* minimal violetter, aber ähnlich hell */
}

.übersichtepi a:hover {
  color: #5f7eb5;          /* beim Hover etwas kräftiger */
  text-decoration: underline;
}

/* aktueller Artikel (Selflink) */
.übersichtepi .mw-selflink,
.übersichtepi strong.selflink {
  color: #666;             /* helles Grau */
  font-weight: bold;       /* dezent hervorgehoben */
  text-decoration: none;
  cursor: default;
}

/* Trennzeichen zwischen den Gedichttiteln (|) etwas blasser */
.übersichtepi {
  color: #777;  /* Standardtextfarbe für reine Zeichen */
}