/* =======================================================================
   IMAGES für Seite 
========================================================================== */    
.image-container {
  display: flex;
  gap: 10px;
  width: 100%;
}

.image-container > div {
  flex: 1;
}

.image-container img {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
}
/*+++++++++++Bild links ausgerichtet Text umfließen*************/
.imglinks {
    float: left;
    width: 300px;
    margin: 0 20px 10px 0;
}

.imglinks img {
    display: block;
    width: 100%;
    height: auto;
}
 /*Nächste H2-Übersicht beginnt wieder linksbündig unter dem Bild*/
 .imglinks ~ h2 {
        clear: both;
    }

@media (max-width: 600px) {
    .imglinks {
        float: none;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 15px auto;
    }
}