/* Grundlegende Styles */
body {
    font-family: Arial, sans-serif;
    font-size: 16px;
}

/* Media Query für kleinere Bildschirme */
@media (max-width: 600px) {
    body {
        font-size: 14px;
    }
}
/* 2024.10*/
.umflossenes-bild {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.bilder-container1 {
    overflow: hidden; /* Verhindert, dass Floating-Elemente den Container verlassen */
    margin-bottom: 15px; /* Abstand zwischen Bildern und folgendem Text */
}

.bilder-container1 img:first-child {
    float: left;
    margin-right: 10px;
   }

.bilder-container1 img:last-child {
    float: right;
    margin-left: 10px;
}
.bilder-container {
    float: left; /*Container mit Bildern links*/
    display: flex; /* Bilder nebeneinander*/
    margin-right: 5px; /*Abstand zwischen Bildern und Text*/
}

.bilder-container img {
    margin-right: 2px; /*Abstand zwischen den Bildern*/
}



/* Abstand zwischen Listenpunkten in der Stadtgänge-Liste */
ul.stadtgaenge-list li {
    margin-bottom: 20px; /* Abstand zwischen den Listeneinträgen */
}
.stadtgaenge-bilder img {
	display: block;
	margin-top: 10px; /*optionaler Abstand ueber jedem Bild*/
	margin-bottom: 20px; /*optionaler Abstand unter jedem Bild*/
}
.header-image {
	  vertical-align: middle; /*zentriert das Bild vertikal zur Überschrift*/
	  margin-left: 10px;
}
.zentriert {
	text-align: center; /*zentriert*/
}

/* Abstand zwischen Text und Bild innerhalb der Liste */
ul.stadtgaenge-list li img {
    margin-left: 10px; /* Abstand zwischen Link und Bild */
}

/* Zusätzlicher Abstand für den Link am Ende der Seite */
p.homepage-link {
    margin-top: 30px;
}

p.homepage-link img {
    margin-left: 10px;
}