/* Bilder linksbündig mit Textumfluss und Rand */
.img-left {
    float: left;
    margin: 0 15px 15px 0;  /* ← Hier: 15px rechts und unten */
    border: 1px solid #ccc;
    padding: 8px;
    background: #f9f9f9;
    border-radius: 4px;  /* Optional: Abgerundete Ecken */
}

/* Bilder rechtsbündig mit Textumfluss und Rand */
.img-right {
    float: right;
    margin: 0 0 15px 15px;  /* ← Hier: 15px links und unten */
    border: 1px solid #ccc;
    padding: 8px;
    background: #f9f9f9;
    border-radius: 4px;
}

/* Bild zentriert ohne Textumfluss */
.img-center {
    display: block;
    margin: 15px auto;  /* ← 15px oben und unten */
    border: 1px solid #ccc;
    padding: 8px;
    background: #f9f9f9;
    border-radius: 4px;
}

/* Text umfließen mit Abstand — für <p> oder <div> */
.text-wrap {
    clear: both;
    margin: 10px 0;  /* Optional: Abstand über/unter dem Text */
}