.jahreslosung-card, .tageslosung-card {
    width: 100%;
}

.jahreslosung-card {    
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    
    display: flex;
}

.tageslosung-card {
    background-image: url("../../../img/cards/spring2.jpg");
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    
    display: flex;
}

.white-box {
    box-sizing: border-box;
    padding: 20px;
    min-width: 300px;
    border-radius: inherit;
}

@media screen and (min-width: 1301px) {    
    .white-box {
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) calc(100% - 200px), rgba(255,255,255,0) 100%);
        padding-right: 200px;
    }
}

@media screen and (max-width: 1300px) {    
    .white-box:not(.adaptive) {
        background: #fff;
        width: 100%;
    }
    
    .white-box.adaptive {
        background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
        padding-top: 41%;
        width: 100%;
    }
}