.bild {
     position: relative;
     padding-top: 38%;
     min-height: 440px;
     max-height: 440px;
     width: 100%;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .focuspoint {
     position: absolute;
     -webkit-background-size:cover;
     background-size:cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 .wbox-focuspoint-content {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
.wbox-focuspoint-content.overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+65,004489+100&0+44,1+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(37,121,196,0) 44%,rgba(41,137,216,0.38) 65%,rgba(0,68,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(rgba(30,87,153,0)),color-stop(44%, rgba(37,121,196,0)),color-stop(65%, rgba(41,137,216,0.38)),to(rgba(0,68,137,1)));
background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(37,121,196,0) 44%,rgba(41,137,216,0.38) 65%,rgba(0,68,137,1) 100%);
background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(37,121,196,0) 44%,rgba(41,137,216,0.38) 65%,rgba(0,68,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#004489',GradientType=1 ); /* IE6-9 */
}
 .wbox-focuspoint-content .container {
     position: relative;
     height: 100%;

}
 .wbox-focuspoint-content .content {
     padding: 15px;
     position: relative;
     color:#fff;
     line-height: 1.4em;
     font-size: 1.2em;
     height: 80%;
     text-align: right;
}
 .content p {
     margin: 0;
}
h3.header-text {
    font-size: 2em;
    font-weight: 600;
    margin: 20px 0 10px 0;
    line-height: 1.2em;
    text-shadow: -1px 0px 6px rgba(0, 0, 0, 1);
}
 .focuspoint-img-links {
    background-position: 25% 50%;
}
 .focuspoint-img-rechts {
    background-position: 75% 50%;
}
 @media (max-width:599px) {
    .bild {
        min-height: 100%;
    }
    .wbox-focuspoint-content {
        position: absolute;
    }
    .wbox-focuspoint-content .container {
        padding: 0;
     }
    .wbox-focuspoint-content .content {
        height: 100%;
     }
    .content {
         position: relative;
         top: 0;
/*         -webkit-transform: initial;
         -ms-transform: initial;
         transform: initial;*/
    }
}

 @media (min-width:600px) {
     .wbox-focuspoint-content .content {
         position: absolute;
         top: 0;
            right: 0;
         font-size: 1.3em;
         width: 70%;
         height: auto;
         
         
    }
      .content.links {
         left:0px;
    }
     .content.rechts {
         right: 0px;
    }
         .wbox-focuspoint-content .container {
    width: 100%;
}
}
 @media (min-width:768px) {
     .wbox-focuspoint-content .content {
         padding: 20px;
         font-size: 1.2em;
         margin-left: -25px;
    }
}
 @media (min-width:992px) {
     .wbox-focuspoint-content .content {
         width: 68%;
         font-size:1.3em;
         right: 0;
         top:0;
    }
    h3.header-text {
    font-size: 2.5em;
    font-weight: 600;
    margin: 10px 0 10px 0;
    line-height: 1.1em;
}

}
@media (min-width:1367px) {
     .wbox-focuspoint-content .content {
         font-size:1.4em;
         padding: 30px;
    }
}