body {
  margin-bottom: 41px;
}

/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-v30-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-v30-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v35-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v35-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v35-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.titleArea {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  background-color: #b40404;
  z-index: 999;
}
.titleArea .container {
  color: #fff;
  padding-top: 5px;
  font-size: 1.6em;
  font-weight: 500;
}
.titleArea .container a {
  color: #fff;
  text-decoration: none;
}

.navbar {
  top: 50px;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar a.nav-link.active {
  border-bottom: 4px solid #b40404;
  color: #555;
  background-color: #e7e7e7;
  text-decoration: none;
}

main .container {
  padding-top: 140px;
}

a, a.nav-link {
  color: #b40404;
  text-decoration: none;
}
a:hover, a.nav-link:hover {
  text-decoration: underline;
  color: #b40404;
}

h1, h2 {
  color: #b40404;
  font-family: "Noto Serif";
  font-size: 1.8em;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .tagesbericht {
    -webkit-column-count: 2;
    -webkit-column-gap: 4%;
    -moz-column-count: 2;
    -moz-column-gap: 4%;
    column-count: 2;
    column-gap: 4%;
  }
}
@media all and (min-width: 1200px) {
  .tagesbericht {
    -webkit-column-count: 3;
    -webkit-column-gap: 1%;
    -moz-column-count: 3;
    -moz-column-gap: 1%;
    column-count: 3;
    column-gap: 1%;
  }
  .vorschau {
    -webkit-column-count: 2;
    -webkit-column-gap: 1%;
    -moz-column-count: 2;
    -moz-column-gap: 1%;
    column-count: 2;
    column-gap: 1%;
  }
}
.bildbeschreibung {
  font-size: 12px;
  padding-top: 2px;
}

.verfasser {
  font-size: 10px;
  color: silver;
}

.wetter {
  background: url(../images/Wetter-V3.png) no-repeat;
  background-size: auto 32px;
  padding-left: 32px;
  margin-left: 15px;
}

.wetter.symbol-1 {
  background-position: 0 0;
}

.wetter.symbol-2 {
  background-position: -32px 0;
}

.wetter.symbol-3 {
  background-position: -64px 0;
}

.wetter.symbol-4 {
  background-position: -96px 0;
}

.wetter.symbol-5 {
  background-position: -130px 0;
}

.wetter.symbol-6 {
  background-position: -160px 0;
}

.wetter.symbol-7 {
  background-position: -192px 0;
}

.wetter.symbol-8 {
  background-position: -224px 0;
}

.wetter.symbol-9 {
  background-position: -256px 0;
}

.wetter.symbol-10 {
  background-position: -290px 0;
}

.wetter.symbol-11 {
  background-position: -320px 0;
}

.wetter.symbol-12 {
  background-position: -352px 0;
}