/* Erzwungene Anpassung für alle Inhalts-Bilder */
embed, 
iframe, 
object, 
video, 
img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 1em auto; /* Zentriert das Bild mit etwas Abstand oben/unten */
}

/* Falls das Bild in einem Link <a> steckt (oft in Grav) */
a.image {
    display: block;
    width: 100%;
}

/* Entfernt feste Breiten von Containern auf Mobilgeräten */
@media screen and (max-width: 480px) {
    .container {
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .image.fit {
        margin: 0 0 1em 0 !important;
        width: 100% !important;
    }
}