body{
    width: 100%;
}

#serviceinfo {
    color: white;
    background-color: var(--FSbackground-primary);
    text-align: center; 
    padding: 0;
}

#serviceinfo .col-lg-6 .mbr-col-md-10{
  padding: 0;
}

img{
  max-width: 100%;
  background-size: cover;
}

figure{
  margin: 0;
}

.gallery{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0;
}

.galleryitem{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 width: 50%;
}

.galleryitembackground{
  background-image: url("../pictures/HintergrundBlauQuadrat.png");
 }

.galleryitembackground p{
  padding-left: 3rem;
  padding-right: 3rem;
}

/*in Desktop-Größe nicht anzeigen*/
 .galleryitem-mobile{
  display: none;
 }

/*kleiner als 850px, sollte wrap funktionieren sowie Text und Bild der zweiten Reihe Position tauschen*/
@media (max-width: 850px) {
  .galleryitem{
    width: 100%;
  }
  .galleryitem-desktop{
    display: none;
  }
  .galleryitem-mobile{
    display: flex;
  }
}