#products {
 width: 100%;
}

.grid-container-product {
    width: 85%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 7%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: 300px 300px 300px; 
    gap: 34px 34px;
    grid-template-areas:
        ". . . ."
        ". . . ."
        ". . . .";
}

.image {
    background-size: cover;
    height: 100%;
    width: 100%;
}

.one-image {
    background-image: url(../img/bretter/IMG-20200201-WA0002.jpg);
}

.two-image {
    background-image: url(../img/bretter/IMG-20200515-WA0013.jpg);
}

.three-image {
    background-image: url(../img/bretter/IMG_20200312_172247.jpg);
}

.four-image {
    background-image: url(../img/bretter/IMG_20200312_182040.jpg);
}

.five-image {
    background-image: url(../img/bretter/IMG_20201213_203843.jpg);
}

.six-image {
    background-image: url(../img/bretter/IMG_20201213_203910.jpg);
}

.seven-image {
    background-image: url(../img/bretter/IMG_20210110_121825746.jpg);
}

.eight-image {
    background-image: url(../img/tische/IMG_20201004_162335.jpg);
}

.nine-image {
    background-image: url(../img/tische/IMG_20210218_182457.jpg);
}

.ten-image {
    background-image: url(../img/tische/IMG_20210221_221614.jpg);
}

.eleven-image {
    background-image: url(../img//60632c07-ba05-4857-b7d2-64ea3674990d.jpeg);
}

.twelve-image {
    background-image: url(../img/76242487-56af-4d9e-bb00-2a321ce14c2f.jpeg);
}

.image {
    transition: 0.4s;
    opacity: 1;
    filter: grayscale(0.3);
}

.image:hover {
    opacity: 1;
    filter: grayscale(0.1);
}

.grid-container-products-headline {
    /* margin-top: 10vh; */
    display: grid;
    grid-template-columns: 35.5% 61.8%;
    grid-template-rows: 90%;
    gap: 0px 0px;
    grid-template-areas:
        " products-redLine products-headline";
}

.products-headline {
    grid-area: products-headline;
}

.products-redLine {
    grid-area: products-redLine;
}

.products-headline {
    justify-self: start;
    font-weight: bold;
    font-size: 65px;
    padding-left: 50px;
    padding-top: 0px;
    opacity: 0.2;

}

.products-redLine {
    background: #A24936;
    border-radius: 0 4px 6px 0;
    margin: 0;
    opacity: 0.27;
}

.products-blueLine {
    height: 6vh;
    width: 61.8%;
    background-color: #2D363A;
    margin: 0;
    border-radius: 4px 0 0 4px;
    float: right;
}

.products-redLine-start {
    background: #A24936;
    opacity: 0.27;
    height: 20px;
    width: 70%;
    border-radius: 0 4px 0 0;
}

.products-redLine-end {
    background: #A24936;
    opacity: 0.27;
    height: 30px;
    width: 70%;
    margin-bottom: 10px;
    border-radius: 0 0 6px 0;
}

.products-woodline {
    height: 35px;
    width: 70%;
    background: url("/assets/img/wood-1866661_1920.jpg");
    border-radius: 0 4px 4px 0;
    float: left;
}

.products-woodline:after {
    content: "";
    display: block;
    clear: both;
}

.about-blueLine {
    height: 40px;
    width: 70%;
    background: url(/assets/img/wood-1866661_1920.jpg);
    opacity: 0.6;
    border-radius: 4px 0 0 4px;
    float: right;

}

.products-redLine-one {
    height: 20px;
    width: 70%;
    background: #A24936;
    opacity: 0.27;
    margin: 0;
    border-radius: 0 4px 0 0;
    margin-top: -0.3vw;
}


.products-redLine-two {
    height: 30px;
    width: 70%;
    background: #A24936;
    opacity: 0.27;
    border-radius: 0 0 4px 0;
    margin-top: 0vw;
}