.wbox-infoblock {
    position: absolute;
    top: 0;
    right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    box-shadow: 0px 2px 8px #0b0b0b4f;
    background: #91d22e;
    padding: 30px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.wbox-infoblock img {
    max-width: 100%;
}
.wbox-infoblock-img {
    position: relative;
    width: 33.333%;
}
.wbox-infoblock-txt {
/*    width: 66.666%;
    padding: 0 20px;*/
    margin: 0 auto;
    text-align: center;
}
.wbox-infoblock-txt p {
    /* margin-top: 32px; */
    font-weight: 400;
    color: #fff;
}
.wbox-infoblock-txt h2 {
    font-size: 1.5em;
    color: #fff;
}
.wbox-infoblock-txt h3 {
    margin: 15px 0 15px 0;
    font-size: 1.2em;
}
.wbox-infoblock.bild-gross .wbox-infoblock {
    width: 66.666%;
}
.wbox-infoblock.bild-gross .wbox-infoblock-txt {
    width: 33.333%;
}
.wbox-infoblock a.wbox-infoblock-link {
    display: inline-block;
    text-decoration: none !important;
    position: relative;
    padding-left: 24px;
}
.wbox-infoblock a.wbox-infoblock-link:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Ectrl-right%3C/title%3E%3Cg fill='%232d2d2d'%3E%3Cpath fill='%232d2d2d' d='M5.108,16.41L3.59,15.108L9.683,8L3.59,0.892L5.108-0.41l6.651,7.76c0.321,0.374,0.321,0.927,0,1.301 L5.108,16.41z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #2682ff;
    font-family: 'FontAwesome';
}

/* Stil Variante B */

.wbox-infoblock.variante-b .wbox-infoblock-img a:before {
    content: '';
    width: 64px;
    height: 64px;
    background: url('icon_video.png') no-repeat center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    transition: 0.3s all ease-in-out;
}
.wbox-infoblock.variante-b .wbox-infoblock-img:hover a:before {
    opacity: 0.85;
}

/* Stil Variante C */
.wbox-infoblock.variante-c {
    background: #c10707 !important;
    color: white !important;
}

.wbox-infoblock.variante-c * {
    color: white !important;
}


@media (max-width:767px) {
    .wbox-infoblock, 
    .wbox-infoblock-txt,
    .wbox-infoblock {
/*        width: 100%;
        display: block;*/
        margin-right: 0;
        margin-left: 0;
    }
    .wbox-infoblock{

        transform: scale(0.8) translateY(50px);
    }
    .wbox-infoblock-txt {
        padding-left: 20px;
        padding-right: 20px;
    }
    .wbox-infoblock-img {
        background: #585858;
        width: 100%;
        text-align: center;
    }

    .wbox-infoblock-img img {
        max-height: 200px;
    }

    .wbox-infoblock p:last-child{
        margin-bottom: 0;
    }
   .wbox-infoblock-txt p {
        margin-top: 16px;
    }
    .wbox-infoblock {
        margin-bottom: 25px;
        padding-right: 0;
    }
    .wbox-infoblock {
        padding: 30px 0 30px 0;
    }
}