.trust-comm {
    font-size: var(--ds-font-size-m,16px);
    font-weight: var(--ds-font-weight-m,400);
    line-height: var(--ds-line-height-m,1.5);
    color: #343231
}

.trust-comm-headline {
    font-size: var(--ds-font-size-xl,28px);
    font-weight: var(--ds-font-weight-m,400);
    line-height: var(--ds-line-height-xs,1.4285714286);
    letter-spacing: var(--ds-letter-spacing-xs,-.2px);
    color: #343231;
    text-align: center
}

.trust-item {
    position: relative;
    margin: 0 20px 32px
}

.trust-item::after {
    color: #333;
    font-size: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: -25px
}

.trust-item:last-child {
    margin-bottom: 0
}

.trust-item-headline {
    font-size: var(--ds-font-size-m,16px);
    font-weight: var(--ds-font-weight-l,700);
    line-height: var(--ds-line-height-m,1.5);
    color: #4e4b49;
    display: inline
}

.trust-item-headline:before {
    position: absolute;
    left: -20px;
    top: 2px;
    color: #388e56
}

.trust-item-text {
    margin: 0;
    display: inline
}

.trust-item-text:after {
    display: block
}

.page-no-detail .trust-item-text:after {
    display: none
}

.trust-button {
    position: absolute;
    display: block;
    width: calc(100% + 25px);
    height: 100%;
    top: 0;
    left: 0;
    text-indent: -9999px
}

.page-no-detail .trust-button {
    display: none
}

.trust-picture {
    display: none
}

@media (min-width: 740px) {
    .trust-item {
        text-align:center;
        margin: 0;
        padding: 136px 0 25px;
        width: 31.4285714286%
    }

    .trust-item .trust-item-text {
        margin: 0 0 16px
    }

    .trust-item:not(.page-no-detail)::after {
        color: #ff5600;
        top: auto;
        right: auto;
        left: 50%;
        bottom: 0
    }

    .trust-item-headline {
        font-size: var(--ds-font-size-l,21px);
        font-weight: var(--ds-font-weight-l,700);
        line-height: var(--ds-line-height-l,1.5238095238);
        letter-spacing: var(--ds-letter-spacing-s,-.1px);
        color: #4e4b49;
        display: block;
        margin: 0 0 16px
    }

    .trust-item-headline:before {
        display: none
    }

    .trust-item-text:after {
        display: none
    }

    .trust-item-text {
        display: block
    }

    .trust-picture {
        display: block;
        position: absolute;
        width: 120px;
        height: 120px;
        left: 50%;
        margin: 0 auto;
        top: 1px;
        border-radius: 50%;
        overflow: hidden;
        border: 8px solid transparent;
        box-shadow: 0 0 0 1px;
        color: #9b9795;
        transform: translate(-50%,0);
        transition: all .35s ease
    }

    .trust-picture img {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 980px) {
    .index-comp-holder~.trust-comm .grid-row {
        margin-left:34.0579710145%
    }

    .index-comp-holder~.content-holder .trust-comm-headline {
        margin-left: 34.0579710145%
    }

    .trust-item {
        padding: 180px 0 0;
        overflow: hidden;
        transition: padding-top .35s ease;
        width: 31.884057971%
    }

    .trust-item:after {
        display: none
    }

    .trust-item:not(.page-no-detail):hover .trust-picture {
        width: 100px;
        height: 100px
    }

    .trust-item:not(.page-no-detail):hover .trust-item-headline,.trust-item:not(.page-no-detail):hover .trust-item-text {
        transform: translate(0,-60px)
    }

    .trust-item:not(.page-no-detail):hover .trust-button {
        transform: translate(-50%,-18%);
        transition: all .35s .25s
    }

    .trust-item:hover .trust-picture {
        color: #ff5600
    }

    .trust-item-headline {
        transition: transform .35s ease 0s
    }

    .trust-item-text {
        width: 95%;
        margin: 0 auto;
        transition: transform .35s ease 0s
    }

    .trust-button {
        border: 0;
        cursor: pointer;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        height: 40px;
        padding: 8px 12px;
        display: inline-block;
        text-decoration: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        transition: color .35s,background-color .35s,border-color .35s;
        background: #ff5600;
        color: #fff;
        border: 1px solid transparent;
        text-transform: uppercase;
        width: auto;
        top: auto;
        left: 50%;
        bottom: 0;
        padding: 0 35px;
        background: rgba(0,0,0,0);
        border: 1px solid #ff5600;
        line-height: 40px;
        color: #ff5600;
        text-indent: 0;
        white-space: nowrap;
        transform: translate(-50%,100%);
        transition: all .35s 0s
    }

    .trust-button:hover {
        background-color: #c40
    }

    .trust-button:hover {
        background-color: rgba(253,138,2,.075)
    }

    .trust-picture {
        width: 160px;
        height: 160px
    }
}

@media (min-width: 1260px) {
    .index-comp-holder~.trust-comm .grid-row {
        margin-left:34.3915343915%
    }

    .index-comp-holder~.content-holder .trust-comm-headline {
        margin-left: 34.3915343915%
    }

    .trust-item {
        width: 31.2169312169%
    }
}

@media (min-width: 740px)and (max-width:979px) {
    .trust-button {
        width:100%;
        height: calc(100% + 25px)
    }
}