.content-first-part{
    margin: 200px auto;

    display: grid;
    grid-template-rows: auto auto;
}

.content-first-part img{
    width: 300px;
}

.content-first-part-first-line{
    display: flex;
    flex-wrap: wrap;

    justify-content: center;
}

.content-first-part-first-line .headline-decoration{
   display: none;
}

.content-first-part-first-line-paragraph{
    width: 100%;
    margin:0 30px;
}

.content-first-part-second-line{
    margin-top: 20px;

    display: flex;
    flex-wrap: wrap;

    justify-content: center;
}

.content-first-part-second-line p{
    width: 100%;
    margin: 0 30px;
}
@media only screen and (min-width: 576px){
    .content-first-part-first-line-paragraph{
        width: 35%;
        margin:0 10px 0 0;
        flex-grow: 2;
    }
    .content-first-part-second-line p{
        width: 35%;
        margin: 0 0 0 10px;
        flex-grow: 2;
    }
    .content-first-part-first-line{
        justify-content: flex-end;
    }
    .content-first-part-second-line{
        justify-content: flex-start;
    }
}

@media only screen and (min-width: 768px){
    .content-first-part-first-line .headline-decoration{
        height: 50%;
        display: block;
    }
    .content-first-part-first-line-paragraph{
        width: 40%;
        margin:0 30px;
    }
    .content-first-part-second-line p{
        width: 40%;
        margin: 0 30px;
    }
}


/*********************************************************************************************
SECOND PART
 */

.content-second-part{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1fr auto 1fr;
}

.content-second-part-crop-wrapper {
    display: none;
}

.crop {
    position: absolute;
    overflow: hidden;
}

.crop.crop-table {
    transform: skew(10deg);
    margin-left: -500px;
    width: calc(50vw + 500px);
}

.crop.crop-table .crop-content{
    transform: skew(-10deg);
    margin-left: 500px;
}

.crop .crop-content { height: 100%; }

.crop img{ width: 100vw; margin-bottom: 0;}

.content-second-part-inner{
    background-color: var(--bright-petrol);

    max-width: 800px;

    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;

    z-index: 2;

    margin: 60px 0;

    padding: 40px;

    display: grid;
    grid-template-rows: auto auto auto auto auto;
}

.content-second-part-inner ul{
    margin-left: 12px;
}

.content-second-part-inner h3{
    margin-bottom: 24px;

    text-align: center;
}

.content-second-part-inner ul:nth-of-type(odd){
    margin-bottom:32px;
}

.content-second-part-inner ul:nth-of-type(even){
    margin:0;
}
@media only screen and (min-width: 768px){
    .content-second-part-inner{
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr auto;
    }

    .content-second-part-inner h3{
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .content-second-part-inner p:nth-of-type(even){
        margin:0;
    }
    .content-second-part-inner ul:nth-of-type(odd){
        margin-bottom:16px;
    }
    .content-second-part-inner ul:nth-of-type(even){
        margin:0;
    }
}

@media only screen and (min-width: 992px){
    .content-second-part-crop-wrapper {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;

        grid-row-start: 1;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 4;

        z-index: 1;
    }
}

/*********************************************************************************************
THIRD PART
 */

.content-third-part{
    max-width: 1152px;
    margin: 200px auto;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

.content-third-part h3{
    grid-column-start: 2;
    grid-column-end: 3;

    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 24px;
}

.content-third-part>p{
    grid-column-start: 2;
    grid-column-end: 3;

    margin-left: 5%;
    margin-right: 5%;
}

.content-third-part .headline-decoration{
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 4;

    margin-left:24px;

    height: 40%;
}

.content-third-part-image-wrapper{
    grid-column-start: 1;
    grid-column-end: 4;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (min-width: 992px){
    .content-third-part-image-wrapper{
        justify-content: space-between;
    }
}

.content-third-part-image-wrapper img{
    width: 300px;
    margin: 24px 5px 0;
}

.content-third-part-kitchen-wrapper{
    background-color: var(--petrol-op50);
    margin-top: 48px;
    grid-column-start: 1;
    grid-column-end: 4;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.kitchen-wrapper-text{
    width: 55%;
    flex-grow: 2;

    margin: 24px 24px;

    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr 1fr;
}

.kitchen-wrapper-text p{
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
}

.kitchen-wrapper-text ul:nth-of-type(odd){
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
}

.kitchen-wrapper-text ul:nth-of-type(even){
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
}

.content-third-part-kitchen-wrapper img{
    width: 300px;
    object-fit: contain;
    flex-grow: 3;
}

.content-third-part-garden-wrapper{
    grid-column-start: 1;
    grid-column-end: 4;

    margin-left: 5%;
    margin-right: 5%;
    margin-top: 48px;

    display: flex;
    flex-wrap: wrap;
}

.content-third-part-garden-wrapper p{
    width: 55%;

    flex-grow: 2;

    margin-top:0;
}

.content-third-part-garden-wrapper img{
    width: 300px;
    flex-grow: 3;
}

@media only screen and (min-width: 768px){
    .content-third-part-garden-wrapper{
        margin-right: 0;
    }

    .content-third-part-garden-wrapper p{
        margin-right: 24px;
    }
}

.content-third-part-etc-wrapper{
    grid-column-start: 1;
    grid-column-end: 4;

    margin-left: 5%;
    margin-right: 5%;
    margin-top: 48px;

    display: flex;
    flex-wrap: wrap;
}

.content-third-part-etc-wrapper p{
    margin-top: 48px;
    flex-grow:2;

    text-align: center;
}

.content-third-part-etc-wrapper ul{
    margin-left: 0;
    text-align: center;
}

.content-third-part-etc-wrapper img{
    width: 300px;
    max-width: 768px;
    flex-grow: 3;
}

.content-third-etc-text-wrapper{
    margin: auto;
}

@media only screen and (min-width: 647px){
    .content-third-part-etc-wrapper{
        margin-right: 0;
    }

    .content-third-part-etc-wrapper p{
        margin-top: 0;
        margin-left: 24px;
        text-align: left;
    }

    .content-third-part-etc-wrapper ul{
        margin-left: 24px;
        text-align: left;
    }

    .content-third-part-etc-wrapper img{
        max-width: 500px;
    }

    .content-third-etc-text-wrapper{
        margin: 0;
    }
}

/*********************************************************************************************
FOURTH PART
 */
.content-fourth{
    margin-bottom: 200px;
}

.content-fourth-text{
    display: flex;
    justify-content: flex-end;
}

.content-fourth p{
    width: 100%;
    text-align: right;
    margin-right: 2%;
}

.content-fourth .my-nav-container{
    width: 50vw;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 48px;

    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;

    display: flex;

    background-color: var(--petrol-op50);
}

.content-fourth .my-nav-container .my-nav{
    padding: 12px 36px;
    border-radius: 8px;
    background-color: var(--petrol);
}

.nav a{
    display: inline-block;
    font-weight: bold;

    transition: color 250ms;
}

.nav a:Hover{
    color: var(--hovered-text-color);
}

.nav a.nav-selected{
    color: var(--selected-text-color);
}

@media only screen and (min-width: 576px){
    .content-fourth .my-nav-container:nth-of-type(6n+4){
        width: 40vw;
    }

    .content-fourth .my-nav-container:nth-of-type(6n+6){
        width: 30vw;
    }

}

@media only screen and (min-width: 992px){
    .content-fourth p{
        width: 75%;
        margin-right: 5%;
    }
}

/*
.content-third-part-wrapper{
    width: 100%;

    margin-left: 10%;
    margin-top: 64px;

    margin-bottom: 400px;

    align-items: center;
}

.content-third-part-nav-wrapper{
    display: flex;
    flex-wrap: wrap;

    margin-top: 24px;
    margin-bottom: 24px;
}

.content-third-part-nav-wrapper p{
    width: 50%;
    min-width: 350px;

    margin: 0 128px 0 0;
}

.content-third-part-nav-wrapper .nav-container{
    background-color: var(--petrol-op50);
    display: flex;
    flex-grow: 2;
}

.content-third-part-nav-wrapper .nav-container .nav{
    background-color: var(--petrol);
    padding: 12px 36px;
}

.nav a{
    display: inline-block;
    width: 100%;
    text-decoration: underline;
    font-weight: bold;
    margin: 5px 0;

    transition: color 250ms;
}

.nav a:Hover{
    color: var(--hovered-text-color);
}

.nav a.nav-selected{
    color: var(--selected-text-color);
}*/