/* --------------------- */
/* Hintergrund und Text  */
/* --------------------- */
body {
    background: url('../galerie/pics/Bilder/silber015.jpg') repeat center top;
    background-size: auto;
    /* damit das Muster sich wiederholt, nicht skaliert */
    color: yellow;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Haupt-Content */
.main-content {
    padding: 20px;
    position: relative;
    /* für last-modified */
}

/* Mittiger Termin-Link */
.centered-text {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.highlight-link {
    font-size: 1.5rem;
    color: blue;
    text-decoration: none;
}

.highlight-link:hover {
    color: red;
    text-decoration: underline;
}

/* Galerie-Bilder links/rechts von Mitte */
.image-gallery {
    display: flex;
    justify-content: center;
    /* zentriert die Galerie insgesamt */
    gap: 30px;
    flex-wrap: wrap;
    margin: 20px 0;
}

.image-gallery img {
    max-width: 230px;
    max-height: 300px;
    width: auto;
    height: auto;
    display: block;
}

/* Marquee-Ersatz */
/* Container für den Balken */
.marquee-container {
    background-color: blue;
    /* durchgehender Balken */
    width: 100%;
    height: 50px;
    /* Höhe des Balkens */
    overflow: hidden;
    /* Text, der raus läuft, wird abgeschnitten */
    display: flex;
    align-items: center;
    /* Text vertikal zentrieren */
    position: relative;
    /* für Positionierung des Textes */
}

/* Laufschrift */
.marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 10s linear infinite;
}

.marquee p {
    color: yellow;
    font-size: 1.5rem;
    margin: 0;
    padding: 0 10px;
}

/* Keyframes für das Durchlaufen des Textes */
@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}


/* Letzte Änderung links unten */
.last-modified {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 1rem;
    color: white;
}