/* ----- ABOUT ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- Main */
/* ----- ----- ----- ----- ----- ----- ----- ----- Img Grid - 01 - Layout */

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

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

.About-M01-row-02{
    padding: 0px 10px 0px 10px;
}

/* Clear floats after the columns */
.About-M01-row:after, .About-M02-row:after {
  content: "";
  display: table;
  clear: both;
}

.About-Teaser-01 {
    margin: 10px 0px 10px 0px; /* oben rechts unten links */
    padding: 4% 10% 6% 10%;
}

.About-Teaser-02 {
    display: none;
}

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

.About-img-01 {
    padding: 10px 10px 0px 0px; 
    width: 100%;
    border-radius: 2px;
    filter: grayscale(100%);
}

.About-kolumnentitel-01 {
    padding: 20px 0px 10px 0px;    
}

.About-M01-content {
    padding: 0px 0px 0px 0px;
}

.About-M01-c-distance {
    padding: 0px 0px 10px 0px;
}


#About-Teaser-Scroll {
    overflow: auto;
}


/* ----- ----- ----- ----- ----- ----- ----- ----- Responsive */

@media (max-width: 1200px) {
    .About-Teaser-01 {
        display: none;
    }
    
    .About-Teaser-02 {
        display: none;
    }
    .About-M01-column-01 {
        float: left;
        width: 50%;
        padding: 0px 20px 0px 20px; 
    }
} 


@media (max-width: 800px) {
    .About-Teaser-01 {
        display: none;
    }
    
    .About-Teaser-02 {
        display: none;
    }
    .About-M01-column-01 {
        float: left;
        width: 100%;
        padding: 0px 20px 0px 20px; 
    }
}