/* ---- Main page style (global) ---- */

.shopware-dienstleister-wrapper-right {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0;
}

.shopware-dienstleister-wrapper-left {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
    padding-bottom: 0;
}

.deploy-process-wrapper img {
    width: 100%;
}

.shopware-dienstleister-wrapper-left .col-md-8 {
    padding: 3%;
}
.shopware-dienstleister-wrapper-right .shopware-dienstleister-img-wrapper img{
    width: 80%;
}

.shopware-dienstleister-wrapper-left .shopware-dienstleister-img-wrapper img{
    width: 100%;
    height: fit-content;
    object-fit: contain;
    object-position: 8%;
}

@media (min-width: 1200px) {
    .shopware-dienstleister-wrapper-left .shopware-dienstleister-img-wrapper img{
        object-fit: cover;
    }
}

.h3-small {
    font-size: 23px;
    font-weight: 200;
}

.h3-highlight-big {
    font-size: 35px;
}

.shopware-dienstleister .sitecontainer h2 {
    line-height: 1.2;
    font-family: "jaf-domus-titling-web";
}

.shopware-dienstleister h2 span {
    font-weight: 500;
}

.h4-highlight {
    font-family: jaf-domus-titling-web;
    color: #FFC2A2;
    font-size: 35px;
}

.bg-dark-heptacom.shopware-dienstleister-banner {
    background-image: url(/resources/img/backgrounds/developer-background.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 27%;
}

.shopware-dienstleister-banner a.btn.btn-light.btn-lg {
    background-color: #008df3;
    border: 0;
    font-size: 15px;
    padding: 10px 22px;
    font-weight: bold;
    color: #fff;
}


.shopware-dienstleister-banner a:nth-child(2) {
    margin-left: 50%;
}

.clear {
    clear: both;
}

/* ---- Main content ---- */

.main-content.element-eins {
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 2;
    background-image: linear-gradient(to top, #f8f9fa, #ffffff80),url(/resources/img/backgrounds/background-shopware-netz02.png),url(resources/img/backgrounds/background-shopware-netz02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 19%;
    height: auto;
    padding-bottom: 50px;
    -webkit-background-size: 120%;
    background-size: 120%;
}

.shopware-content {
    margin: 70px 0 50px 0;
}

/* ---- Warum wir content ---- */


.element-drei {
    grid-column-start: 1;
    grid-column-end: 11;
    height: auto;
    grid-row-start: 3;
    grid-row-end: 4;
    color: #fff;
    padding: 60px 0;
    background-image: url(/resources/img/backgrounds/background-auszeichnung.png),url(resources/img/backgrounds/background-auszeichnung.png);
    background-repeat: no-repeat;
    background-position: -5% 60%;
    background-size: 190px;
}

.warumwir.element-drei.element-drei h3 {
    color: #fff;
}

.zertifikate-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}

.zertifikate-box.zf-start {
    width: 112px;
}


.zertifikate-box {
    font-weight: bold;
    width: 109px;
    background-color: #fff;
    text-align: center;
    color: #007eda;
    margin: 10px;
}

.zertifikate-box img {
    width: 100%;
}


@media only screen and (min-width: 768px) {
    .zertifikate-wrapper {
        justify-content: space-between;
    }
}