/* ===================================================================== */
/* Wrapper, Titel etc.                                                   */
/* ===================================================================== */

/* ======================================================= Wrapper des kompletten Seiteninhalts */

div#SeiteninhaltWrapper {
  positions: relative;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 75px;
}

/* ======================================================= Links im Seiteninhalt */

div#SeiteninhaltWrapper a:link {color: #000000;}
div#SeiteninhaltWrapper a:hover {color: #AA0000;}

/* ======================================================= Titel und Untertitel des Berichts */

/* Titel */
h3 {
  font-size: 200%;
  color: #AA0000;
  font-weight:normal
}

/* Titel bei Bilderseiten */
h5 {
  font-size: 150%;
  color: #AA0000;
  font-weight:normal;
  margin-top: 20px;
}

/* Untertitel (Datum, Zeit, Ort, Land) */
h4 {
  font-size: small;
  font-weight: 300;
  color: #777777;
}

/* ===================================================================== */
/* Bildergallerie                                                        */
/* ===================================================================== */

div#GalleryWrapper{
  font-size: 0pt; /* Ansonsten werden automatisch Leerzeichen zwischen den Bildern gesetzt */
  margin-top: 5px;
}

img.thumbnail {
  display: inline-block;
  height: 60px;
  padding: 2px;
  margin: -1px;
  border: 2px solid transparent;
  transition: 0.2s;
}
img.thumbnail:hover {
  border: 2px #AA0000 solid;
}

/* ===================================================================== */
/* Eigentlicher Bericht                                                  */
/* ===================================================================== */

/* ======================================================= Bericht-Absätze */

p {
  font-family: Garamond, Georgia;
  margin-top: 15px;
  text-align: justify;
  color: #222222;
  font-size: 13pt;
}

@media only screen and (max-width: 600px) {
    p {font-size: 20pt;}
}

/* ======================================================= Links in Berichten */

p a:link {color: #AA0000 !important;}
p a:hover {text-decoration: underline !important;}

/* ======================================================= Listen in Berichten */

div#SeiteninhaltWrapper ul {
  font-family: Garamond, Georgia;
  margin-left: 40px;
  font-size: 13pt;
}

@media only screen and (max-width: 600px) {
    div#SeiteninhaltWrapper ul {font-size: 20pt;}
}