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

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

.image-container img {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
}
/*=============================================================================================
Gallery mit Bildunterschriften für Seite magnetisch-induktive-Durchflussmesser + kalorimetrisch
===============================================================================================*/
.gallery-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;   /* statt center */
    align-items:flex-start;
    gap:40px;

    margin-left:0;
    padding-left:0;
}

.gallery{
    width:410px;                  /* Breite der Bild-/Textbox alt:260px */
    text-align:center;
}

.gallery img{
    width:400px;                  /* Bild größer alt250px*/
    height:auto;                  /* Seitenverhältnis beibehalten */
    display:block;
    margin:0 auto;
}

.desc{
    margin-top:10px;
    font-size:0.95rem;
}

/*****************************************
/************Grid 2 Spalten*****************/
.grid-2Sp {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: auto auto auto;
    width:  max-content /*100%*/;
    border: 1px solid #999;
}

.grid-2Sp > div {
    padding: 8px 10px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.grid-2Sp > div:nth-child(2n) {
    border-right: none;
}

/* Letzte Zeile ohne untere Linie */
.grid-2Sp > div:nth-last-child(-n+2) {
    border-bottom: none;
}

/* Headline-Spalte */
.grid-2Sp .headline {
    font-weight: bold;
    background-color: #e6e6e6;
}
/****************Ende Grid 2 Spalten************************/



/* Responsive */
@media (max-width: 600px) {
    .gallery-wrapper {
        flex-direction: column;
        align-items: center;
    }
}