.GreenLayer {
    background-color: #005920;
    width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
}

.FlexCenterRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.Grid64 {
    display: grid;
    grid-template-columns: 6fr 4fr;
}

.FooterContent, .HeaderContent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ContentHeadSection {
    display: flex;
    flex-direction: row;
}

.ContentHeadSection div {
    flex: 1;
}

.MeBackground {
    z-index: 0;
    background-image: url(https://nanaart-design.info/check_filename.php?image=me_beckground01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.Grid64, .MeBackground, .FooterContent, .HeaderContent, .ContentContainer, .ContentKinderZimmer {
    max-width: 1800px;
}

.WhiteTranspLayer {
    background-color: rgba(255,255,255, 0.8);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.WhiteTranspLayer .ImgContainer {
    flex: 1;
}

.Text {
    padding: unset;
}

.WhiteTranspLayer .Text {
    flex: 2;
}

.ContentBildbearbeitung {
    display: grid;
    grid-template-columns: 4fr 2fr;
}

.BaseContentContainer, .MobileInvertedBaseContentContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.BaseContentContainer .WhiteBackgroundToRight, .BaseContentContainer .GreyBackground, .FlexCenterCol {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.PictureContentContainer {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    padding-bottom: 15px;
}

.FotoAreaContainer {
    display: flex;
    flex-direction: row;
    overflow-x: hidden;
    justify-content: center;
    width: 100%;
}

.ContentBildbearbeitung .FlexContainer.LeftSide {
    display: flex;
    flex-direction: column;
}

.ContentBildbearbeitung .FlexContainer.RightSide { 
    display: flex;  
    flex-direction: column;
    justify-content: center;
}

.ContentKinderZimmer {
    display: grid;
    grid-template-columns: 2fr 3fr;
}

.ContentKinderZimmer .GreyBackground {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.StickyThread {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding-top: 30px;
    padding-bottom: 30px;    
}

.CustomersArea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color: #FFFFFF;
}
.CustomerWidthA {
    width: 150px;
}
.CustomerWidthB {
    width: 300px;
}
.Customer {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    margin: 15px;
    text-decoration: none;
}
.Customer img {
    width: 100%;
    height: auto;
}
.Customer:hover {
    cursor: pointer;
}
.Customer:hover img {
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.6);
}

@media screen and (max-width: 1000px)
{
    .Grid64, .FooterContent {
        display: flex;
        flex-direction: column;
    }

    .ContentHeadSection {
        display: flex;
        flex-direction: column-reverse;
    }

    .WhiteTranspLayer {
        flex-direction: column;
    }

    .WhiteTranspLayer .ImgContainer {
        flex: 1;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 50px;
        margin-bottom: 0;
    }

    .Text {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .WhiteTranspLayer .Text {
        flex: 1;
    }

    .ContentBildbearbeitung {
        display: flex;
        flex-direction: column-reverse;        
    }

    .PictureContentContainer {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        padding-bottom: 15px;
    }

    .BaseContentContainer, .ContentKinderZimmer {
        display: flex;
        flex-direction: column;
    }
    .MobileInvertedBaseContentContainer {
        display: flex;
        flex-direction: column-reverse;
    }
}