body { margin: 0; padding: 0; background: #fff; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
a { color: #0000ee; }
a:visited { color: #551a8b; }
img { border: 0; }

/* Kopf */
.kopf { display: flex; justify-content: space-between; align-items: center; padding: 0; }
.kopf-links img { display: block; margin: 0 0 0 4px; }
.kopf-rechts img { display: block; }

.reiterzeile { background: #eee; height: 20px; }
.reiter { list-style: none; margin: 0 auto; padding: 0; width: 75%; display: flex; }
.reiter li { flex: 1; text-align: center; background: #eee; border-right: 1px solid #c6c5c5; border-bottom: 1px solid #c6c5c5; padding: 2px; height: 15px; }
.reiter li:first-child { border-left: 1px solid #c6c5c5; }
.reiter li a { color: #000; font-size: 12px; font-weight: bold; text-decoration: none; }
.reiter li.an { background: #5b3a1a; border-right-color: #8a6440; border-bottom-color: #3d2610; }
.reiter li.an a { color: #fff; }
.leiste { background: #5b3a1a; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; height: 20px; overflow: hidden; }

/* Inhalt */
.inhalt { width: 80%; margin: 0 auto; padding-top: 14px; font-size: 13px; line-height: 1.55; }
.inhalt h1 { font-size: 16px; font-weight: 800; text-align: center; margin: 30px 0 18px; }
.inhalt h2 { font-size: 13px; font-weight: bold; margin: 22px 0 4px; }
.inhalt h3 { font-size: 12px; font-weight: bold; margin: 17px 0 3px; }
.inhalt p { margin: 0 0 11px; }
.inhalt ul, .inhalt ol { margin: 0 0 11px; padding-left: 30px; }
.inhalt blockquote { margin: 0 0 11px 40px; font-style: italic; }
.inhalt table { border-collapse: collapse; margin: 0 0 11px; }
.inhalt td, .inhalt th { padding: 2px 8px 2px 0; text-align: left; vertical-align: top; }
.bild { text-align: center; }
.bild img { max-width: 100%; height: auto; }
.bild small { font-size: 10px; color: #444; }
/* .inhalt p:first-of-type { font-weight: bold; } */

/* Verzeichnis (unten) */
.verzeichnis { width: 80%; margin: 0 auto; font-size: 11px; }
.verzeichnis td { padding: 0; vertical-align: top; }
.verzeichnis td.gr { padding-top: 13px; }
.verzeichnis td.ei { width: 93px; }
.verzeichnis td.ti { white-space: nowrap; padding-right: 3px; }

hr { margin: 30px 0 14px; border: 1px inset #808080; }
.fuss { text-align: center; padding-bottom: 36px; }
/* TODO: Druckansicht */

@media (max-width: 700px) {
 .kopf-rechts { display: none; }
 .reiterzeile { height: auto; }
 .reiter { width: 100%; flex-wrap: wrap; }
 .reiter li { flex: 1 1 30%; }
 .leiste { height: auto; line-height: 16px; padding: 2px 6px; }
 .inhalt, .verzeichnis { width: auto; margin: 0 12px; }
 .verzeichnis td.ei { display: none; }
 .verzeichnis td.ti { white-space: normal; }
}