/* pets-de.org – MUSEUM: das alte Aussehen der Site, eingefroren im November 2026.
   Gilt nur für die Seiten unter /Museum/ (Templates in templates/museum/).
   Das neue Design steht in style.css. Hier bitte nur noch Fehler beheben.
   Gestaltung nach der alten standard.css (2008). */

:root {
  --hintergrund: #e0e0ff;   /* Seitenhintergrund */
  --navi: #eeeef8;          /* Menüleiste */
  --text: #000;
  --link: #0000b0;
  --link-hg: #ffffed;       /* hellgelb hinterlegte Links */
  --kasten: #e8e8f4;        /* hinterlegte Kästen */
  --schrift: Helvetica, Arial, sans-serif;
  --groesse: 10pt;
}

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 8px;
  background: var(--hintergrund);
  color: var(--text);
  font-family: var(--schrift);
  font-size: var(--groesse);
  line-height: 1.3;
}

/* Alte Seiten setzen Schrift oft per <td>; Formularelemente erben sie nicht von selbst */
td, th, input, select, textarea, button { font-family: inherit; font-size: inherit; }
th, dt { font-weight: bold; }

a:link, a:visited, a:active, a:focus {
  color: var(--link);
  background-color: var(--link-hg);
  text-decoration: none;
}
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; border: 0; }

/* ---------- Menüleiste ---------- */

.navi {
  background: var(--navi);
  padding: 2px 4px;
  font-weight: bold;
  line-height: 1.6;
}

/* ---------- Seitenkopf: Titel, Untertitel ---------- */

.seitenkopf { text-align: center; }
h1, h2, h3, h4, h5, h6 { font-family: var(--schrift); font-weight: bold; line-height: 1.2; }
h1 { font-size: 16pt; margin: .5em 0 .25em; }
.untertitel { font-weight: bold; font-size: 11pt; margin: 0 0 .25em; }
h2 { font-size: 14pt; margin: 1.2em 0 .5em; }
h3 { font-size: 12pt; margin: 1em 0 .4em; }
h4, h5, h6 { font-size: 10pt; margin: 1em 0 .3em; }

hr { width: 70%; margin: 1em auto; }
blockquote hr { width: 100px; margin-left: 0; }

/* Inhaltsverzeichnis am Seitenanfang (früher "Inhalt", "Inhalt:" oder "Weitere Abschnitte ...") */
nav.inhalt > p:first-child { margin-bottom: .3em; }
nav.inhalt ul, nav.inhalt ol { margin-top: 0; }

/* Zentrierte Bereiche (früher <center>) und ganz zentrierte Seiten (z. B. Bibliothek) */
.mitte, .zentriert main { text-align: center; }
.mitte table, .zentriert main table { margin-left: auto; margin-right: auto; }
.zentriert main ul, .zentriert main ol { display: inline-block; text-align: left; }

pre { white-space: pre-wrap; }

/* ---------- Fußzeile ---------- */

.fusszeile {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5em 1.5em;
  font-size: 9pt;
}
.fusszeile .symbole { flex: 1; text-align: center; }
.fusszeile .symbole a, .fusszeile .rechts a { margin: 0 .4em; }
.fusszeile .rechts { display: flex; align-items: center; gap: .5em; }

/* Schmale Bildschirme: breite (Bild-)Tabellen scrollen seitlich, statt die Seite zu verbreitern */
@media (max-width: 700px) {
  main table { display: block; overflow-x: auto; max-width: 100%; }
  pre { overflow-x: auto; }
}

/* ---------- Formulare und Kästen (Mailingliste, Termine) ---------- */

.kasten { background: var(--kasten); padding: .5em; }
.fehler { color: #c00; font-weight: bold; }
.hinweis { color: #c00; font-weight: bold; }
.formular td { vertical-align: top; padding: 2px 4px; }
.formular td:first-child { text-align: right; }
.formular input[type=text], .formular input:not([type]), .formular textarea { max-width: 100%; }
.termine { border-spacing: 0 6px; width: 100%; }
.termine td { vertical-align: top; background: var(--kasten); padding: 3px 6px; }
.termine td.datum { width: 15%; font-weight: bold; }

/* Hinweis-Fenster der abgeschalteten Mailingliste (Museum/petlst), ohne JavaScript: popover */
[popover].meldung {
  max-width: 26em;
  padding: 1em 1.5em;
  border: 2px solid #000;
  background: var(--kasten);
  font-size: 11pt;
  text-align: center;
}
[popover].meldung::backdrop { background: rgba(0, 0, 0, .3); }
.formular input:disabled, .formular textarea:disabled { background: #f4f4f4; color: #777; }