/* ----- MAIN IMAGE GRID ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- Main */
/* ----- ----- ----- ----- ----- ----- ----- ----- Img Grid - 01 - Layout */

.Main-01-Container { /* Grid Container */
    margin: 50px 10px 50px 10px; /* oben rechts unten links */
    padding: 0px;
}

.M01-column-01{ /* ----- ----- Spaltenanzahl - 01 */
    float: left;
    width: 33.33%;
    padding: 0px 10px 0px 10px; 
}

@media only screen and (max-width: 1000px){ 
.M01-column-01 {
  /* For tablets: */
    float: left;
    width: 50%;
    padding: 0px 10px 0px 10px; 
}
}

@media only screen and (max-width: 700px){ 
.M01-column-01 {
  /* For tablets: */
    float: left;
    width: 100%;
    padding: 0px 10px 0px 10px; 
}
}

/* Clear floats after the columns */
.Main-01-row:after {
  content: "";
  display: table;
  clear: both;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- Grid - 01 - Typo/Img Specs */

.M01-img-01 {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    width: 100%;
    height: 400px;
    object-fit: cover;
    /* border-radius: 2px; */
    filter: grayscale(100%);
}

.M01-img-01:hover {
    opacity: 0.97;
     filter: none; 
}

.M01-img-container {
    position: relative;
    text-align: center;
    color: white;
}

.M01-kolumnentitel-01 {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 3x 0px;    
}

.M01-beschreibungstext-01 {
    margin: 0px 0px 20px 0px;
    padding: 3px 0px 5px 0px; 
}