.header.weichai {
    background-position: 0 50%;
}

.partners.weichai {
    --max-width-limit: 1200px;
    --max-width: min(var(--max-width-limit), 100vw);
    --padding: 1rem;
    --left-column: 0.323;
    --center-gap: 4rem;
    --row-gap: 2rem;
    --right-column: 0.677;
    --left-column-width: calc((var(--max-width) - (2 * var(--padding)) - var(--center-gap)) * var(--left-column));
    --right-column-width: calc((var(--max-width) - (2 * var(--padding)) - var(--center-gap)) * var(--right-column));

    position: relative;

    display: grid;
    grid-template:
        ". . logo . . . ."
        ". . aside . main . ."
        / 1fr var(--padding) [left] var(--left-column-width) var(--center-gap) [right] var(--right-column-width) var(--padding) 1fr;
    

    margin: 3rem 0 4rem;
}

.partners.weichai h2 {
    margin: 0 0 2rem;
    text-transform: uppercase;
    font: 30px/1.5 open_sansextrabold, Arial, Helvetica, sans-serif
}

.partners.weichai h2:not(:first-child) {
    margin-top: 2rem;
}

.partners.weichai p {
    margin: 0 0 1rem;
}

.partners.weichai p:last-child,
.partners.weichai ul:last-child {
    margin-bottom: 2rem;
}

.partners.weichai ul {
    margin: 0 0 1rem;
}

.partners.weichai .aside {
    grid-area: aside;
}

.partners.weichai .partner-logo {
    display: inline;
    grid-area: logo;
    margin-bottom: var(--row-gap);
}

.partners.weichai .partner-logo img {
    display: block;
    width: 80%;
}

.partners.weichai .aside {
    grid-area: aside;
}

.partners.weichai .about {
    margin-bottom: var(--row-gap);
}

.partners.weichai .about .collapser {
    position: absolute;
    opacity: 1;
    height: 0;
    z-index: -1;
}

.partners.weichai .about label {
    display: inline;
    margin: 0;
    padding: 0;
}

.partners.weichai .about .caption {
    border-bottom: 1px solid #dbdbdb;
}

.partners.weichai .about h2 {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dbdbdb;
}

.partners.weichai .main {
    grid-area: main;
    margin-bottom: var(--row-gap);
}

.partners.weichai .image {
    margin-top: 2em;
    margin-bottom: 2em;
}

.partners.weichai .image-with-offset {
    --offset-value: 5rem;
    --offset: min(max(calc((100vw - var(--max-width)) / 2), 0px), var(--offset-value)); 
    margin-right: calc(-1 * var(--offset));
    margin-left: var(--offset);
}

.partners.weichai .advantages h2 {
    margin-top: 0;
}

.partners.weichai .advantages ul {
    list-style: none;
    margin-left: 2em;
    padding: 0;
    line-height: 1.65
}

.partners.weichai .advantages ul li {
    position: relative;
    padding-left: 1em;
}

.partners.weichai .advantages ul li:before {
    content: "";
    display: block;
    width: 8px;
    height: 7px;
    position: absolute;
    top: 11px;
    left: -14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGdJREFUeNpi+P//PwM6BgI2IN4GxPewSTIC8WIgBnHOgQT4gZgdSUEnVPIhEEuBBF4D8SUgFgXiPKjkOyDWhGpg2AkVfAzEf4H4GxBbI5nIwA7Em6CKQAqCUNyE5OrlQJyN7miAAAMA/QVVofOkJ5oAAAAASUVORK5CYII=) no-repeat
}

.partners.weichai .wh24x7 {
    margin-bottom: var(--row-gap);
}

.partners.weichai .actions {
    display: flex;
    flex: 1;
    gap: 1rem;
    flex-wrap: wrap;
}

@media only screen and (max-width: 800px) {
    .partners.weichai {
            grid-template:
            ". logo ."
            ". about ."
            ". products ."
            ". advantages ."
            ". weoffer ."
            ". service ."
            ". parts ."
            ". wh24x7 ."
            ". actions ."
            / var(--padding) 1fr var(--padding);
        
        margin-top: -50px;
    }

    .partners.weichai .aside,
    .partners.weichai .main {
        display:contents;
    }

    .partners.weichai .wh24x7 {
        grid-area: wh24x7;
        margin-bottom: var(--row-gap);
    }
    
    .partners.weichai .partner-logo img {
        background-color: #fff;
        padding: 10px;
    }

    .partners.weichai .about h2 {
        border-bottom: 1px dashed #000;
        cursor: pointer;
        display: inline;
    }

    .partners.weichai .about .body {
            transition: 300ms;
    }

    .partners.weichai .about .collapser ~ .body {
        height: 0px;
        overflow: hidden;
    }

    .partners.weichai .about .collapser:checked ~ .body {
        padding-top: var(--row-gap);
        height: 100%;
    }

    .partners.weichai .about {
        grid-area: about;
    }

    .partners.weichai .products {
        grid-area: products;
        margin-bottom: 2rem;
    }

    .partners.weichai .image {
        left: 0;
        margin: 1rem 0;
    }

    .partners.weichai .image-with-offset {
        margin-left: var(--padding);
        margin-right: calc(-1 * var(--padding));
    }

    .partners.weichai .advantages {
        grid-area: advantages;
    }

    .partners.weichai .weoffer {
        grid-area: weoffer;
    }

    .partners.weichai .service {
        grid-area: service;
    }

    .partners.weichai .parts {
        grid-area: parts;
    }

    .partners.weichai .wh24x7 {
        grid-area: wh24x7;
    }

    .partners.weichai .actions {
        grid-area: actions;
    }
}