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

body {
  
  margin-bottom: 250px;
  scroll-behavior: smooth;
}

/* Link */
a:link,
a:visited {
  
  color: #000000;
  text-decoration: None;
}

a:hover {
  color: red;
}

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

a.seite {
  cursor: Pointer;
  &:hover {
  text-decoration: None;
  }
}

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

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

/* 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;
  color:red;
}

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

/* Suche */
form#suche {
  text-align: center;
  user-select: None;
}

/* 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.8rem;
  display: Block; /* Neue Zeile! */
}

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

/* Nachrichten (Einrückung!) */
dl.nachrichten dd {
  margin-left: 28px; /* 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;
  border: 1px solid red;
}

dl.nachrichten:nth-child(odd) {
  background-color: #f5f5f5;
  border-radius: 4px;
  border:1px solid red;
  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.9rem;
  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;
}


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

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