html {
 /* Sanfter Bildlauf für interne Links */
 scroll-behavior: smooth;
}

body {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 1.25rem;
 margin-bottom: 250px;
 scroll-behavior: smooth;
}

/* Link */
a:link, a:visited {
 font-family: Verdana, Arial, Sans-Serif;
 color: #009EEA;
 text-decoration: None;
}

a:hover {
 color: #0083C1;
}

/* Navigation */
.seite {
 padding: 5px;
 cursor: Default;
}

a.seite {
 cursor: Pointer;
}

.seite:hover {
 text-decoration: None;
}

/* Accesskeys */
ins {
 color: current-color;
}

/* Überschrift */
h2#anker {
 font-family: Verdana, Arial, Sans-Serif;
 font-weight: Normal;
 scroll-margin-top: 25px;
}

/* Abschnitt */
h3.abschnitt3 {
 font-family: Verdana, Arial, Sans-Serif;
 margin-bottom: 10px;
}

h4.abschnitt4 {
 font-family: Verdana, Arial, Sans-Serif;
 font-weight: Normal;
 letter-spacing: 2px;
 background-color: #F5F5F5;
 padding: 5px 5px 5px 10px;
 margin-bottom: 10px;
}

/* Kategorien */
p#kategorien {
 text-align: Center;
}

/* Aktuelle Kategorie hervorheben */
span.aktuelleKategorie {
 font-weight: Bold;
}

/* Formular-Navigation */
form#navfilter {
 float: Left;
}

/* Suche */
form#suche {
 text-align: Right;
}

/* Nachrichten */
dl.nachrichten {
 padding: 0.5rem;
 -moz-hyphens: Auto;
 hyphens: Auto;
}

/* Nachrichten - Überschrift */
dl.nachrichten dt span.titel {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 1.3rem;
}

/* Nachrichten - Datum u. Uhrzeit */
dl.nachrichten dt span.datum {
 font-family: Tahoma, Arial, Sans-Serif;
 font-size: 0.80rem;
 display: Block; /* Neue Zeile! */
}

/* Nachrichten - Autor */
dl.nachrichten dt span.autor {
 font-family: Tahoma, Arial, Sans-Serif;
 font-size: 0.80rem;
 display: Block; /* Neue Zeile! */
}

/* Nachrichten (Einrückung!) */
dl.nachrichten dd {
 margin-left: 0px; /* Standard: 25px */
}

/* Nachrichten - Bild */
dl.nachrichten dd img.bild {
 margin: 1rem 1rem 1rem 0;
 border: Solid Medium #808080;
 box-shadow: 0px 0px 5px #999999;
 max-width: 100%;
 height: Auto;
 object-fit: Contain;
 float: Left;
}

/* Nachrichten - Bild Plus */
dl.nachrichten dd img.bildplus {
 border: Solid Medium #808080;
 box-shadow: 0px 0px 5px #999999;
 max-width: 100%;
 height: Auto;
 object-fit: Contain;
}

/* Nachrichten - Hintergrund zeilenweise einfärben! */
dl.nachrichten:nth-child(even) {
 background-color: #EAEAEA;
 border-radius: 4px;
 box-shadow: 0px 0px 5px #999999;
 margin-bottom: 25px;
}

dl.nachrichten:nth-child(odd) {
 background-color: #F5F5F5;
 border-radius: 4px;
 box-shadow: 0px 0px 5px #999999;
 margin-bottom: 25px;
}

/* "NEU"-Markierung der Nachrichten */
dl.nachrichten dt span.neu {
 color: #000000;
 font-family: Tahoma, Arial, Sans-Serif;
 font-size: 0.90rem;
 font-style: Oblique;
 font-variant: small-caps;
 padding: 0px 5px 0px 5px;
 cursor: Default;
 animation: neu 3.5s ease-in-out infinite alternate;
}

@keyframes neu {
 from {
  background-color: #FFFACA;
 }
 to {
  background-color: #FFD700;
 }
}

/* Liste */
ul.liste {
 line-height: 30px;
}

/* Listensymbol */
ul.liste li {
 list-style-type: None;
 margin-left: -15px;
}

ul.liste li::before {
 content: "\2605\ "; /* Stern */
 font-family: Verdana, Arial, Sans-Serif;
 color: #9F9F9F;
 font-size: 1.1rem;
 font-weight: Bold;
}

li::marker {
 color: #AAAAAA;
}

/* Link-Navigation (Vorherige.- Nächste Seite) */
p#navigation {
 text-align: Center;
}

/* Seitenübersicht */
span#sitemap {
 float: Right;
}

/* Newsticker */
marquee#marquee {
 width: 60%;
 margin: 0 20% 0 20%;
 outline: Solid 1px #E3E9EF;
 box-shadow: 1px 1px 4px #9E9E9E;
 color: #B4B4B4;
 padding: 5px 10px 5px 10px;
 letter-spacing: 2px;
}

/* RSS-Feed */
div#rss_feed {
 text-align: Right;
}

div#rss_feed > a {
 font-family: Arial, Tahoma, Sans-Serif;
 font-size: 0.95rem;
 color: current-color;
}

a#rss::before {
 content: "\2003\ ";
 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAAHf5XJHAAAAAnRSTlMAAHaTzTgAAADHSURBVHjaVVDRCoJAEJy/Hg2zCNQie6qHpIIiKoN8SC1Kf67du0t08W5mZ3YHFR4AokVYE5VQgh4aMoMxiFgJzmJIH8MAmRuPSo3jKiFTgZlRc+NErYbqKRzKM9p2Kzq6t7RaDtIcp11T7gkchR9Uv7o4vBJcbKycRHHBncBb5vHk2L4kgxv6xa78BsNaWT3tTa6V3I2cDdYLx303XE/+cjz4mI928i9TgTFQatsCOr2xCTUChcgFAie558AjCEtNmBrxK7f3A+preSp3UxpdAAAAAElFTkSuQmCC") center left no-repeat;
 padding: 0 0 0 5px;
 white-space: Nowrap;
 vertical-align: bottom;
}

/* Schlagzeilen */
div#schlagzeilen {
 background-color: #EEEEEE;
 padding: 5px 0 10px 10px;
 box-shadow: 1px 1px 3px #BEBEBE;
 margin-bottom: 75px;
}

/* Mobile Anpassung */
input, select, span#sitemap {
 margin-top: 5px;
}

label {
 white-space: Nowrap;
}

@media (prefers-color-scheme: dark) {
 html, body {
  background-color: #000;
  color: #FFF;
 }

 /* Nachrichten - Hintergrund zeilenweise einfärben! */
 dl.nachrichten:nth-child(even) {
  background-color: #494949;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #FFFFFF;
 }

 dl.nachrichten:nth-child(odd) {
  background-color: #606060;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #FFFFFF;
 }
}