.formbox{
background-color:#2d3747;
}


.simplebox {

  float:left;
  height: 50%;
  width: 50%;

  margin-right: 20px;

}
.beitrag-img{
border-radius: 0.4rem;
padding: 4px;
margin: 20px;
border-radius: 6px;
border: 8px #e7edf9 solid;
filter: drop-shadow(2px 2px 4px #000000);
}

.menulogo img{
height:60px;
margin-top: -52px;
margin-bottom: -52px;
}
@media (max-width:1280px) {
.menulogo img{
height:40px;
margin-top: -28px;
margin-bottom: -30px;
}
}
@media (max-width:1080px) {
.menulogo img{
height:30px;
margin-top: -60px;
margin-bottom: -60px;
}
}

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;  // Abstand nach unten zwischen Galerie und folgendem Inhalt
}

.image-item {
    flex: 1 1 calc(25% - 10px);  // 4 Bilder nebeneinander, mit kleinem Abstand
    margin: 5px;  // Abstand zwischen den Bildern
    box-sizing: border-box;  // Sicherstellen, dass Padding und Border in die Breite einbezogen werden
}

.image-item img {
    width: 100%;  // Bilder füllen die gesamte Breite des Containers aus
    height: auto;  // Höhe passt sich proportional an die Breite an
    display: block;  // Sicherstellen, dass das Bild blockartig dargestellt wird
}

@media (max-width: 768px) {
    .image-item {
        flex: 1 1 100%;  // Bilder werden auf kleinen Bildschirmen untereinander angezeigt
    }
}