body {
    margin: 0 auto;
    max-width: 50em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    /*background-color: rgb(245, 245, 220);*/
    background-color: #121212; /* Dunkelgrau */
    color: #E8E6E3; /* Abgeschwächtes Weiß */
  }

.cover-bild {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    max-width: 100%;
    height: auto; 
}

.bild {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    max-width: 100%;
    height: auto; 
}

.video-container video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
    color: #89CFF0; /* Helles, freundliches Blau für Überschriften */

}

strong, b { /* Fett markierter Text */
    color: #89CFF0; /* Gleiches helles Blau wie für Überschriften */
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(137, 207, 240, 0), rgba(137, 207, 240, 0.75), rgba(137, 207, 240, 0)); /* Übergang von transparent zu hellem Blau und zurück */
}

a:link, a:visited { /* Unbesuchte und besuchte Links */
    color: #FFA500; /* Warmes Orange */
}

a:hover { /* Links beim Darüberfahren */
    color: #FFD700; /* Helleres Gold für Hover */
}

a:active { /* Aktive Links */
    color: #FF4500; /* Dunkleres Orange */
}

.mittig {
    text-align: center;
}

.small-text {
    font-size: 0.75em;
}

@media only screen and (max-width: 767px) {
    body {
        margin: 8px; 
    }
}