#bannerBücherladen{
    background: #94A8C7;
    margin-top:10px;
    padding-bottom: 20px;
}

#bildBannerBoxBücherladen{
    width: 50%;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

#bildBannerBücherladen{
    width: 75%;
    margin-right:12.5%;
    float: right;
    box-shadow: 10px 10px 8px rgba(14, 14, 14, 0.5);
}

#textBannerBücherladen{
    width: 50%;
    float: right;
}

#bannerBücherladen h2{
    margin-top: 60px;
    margin-bottom: 20px;
}

#textBücherladen{
    width: 60% ;
    margin-left: 20%;
    text-align: justify;
    line-height: 1.5rem;
}

#bannerBücherladen a{
    text-decoration: none;
}



@media only screen and (max-width:1200px) {
    
    #bildBannerBoxBücherladen{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
        
    }


    #textBannerBücherladen{
        width: 100%;
        margin-bottom:20px;
        
    }

    #bildBannerBücherladen{
        width: 30%;
        float: none;
        margin-left: 35%;
        margin-bottom: 0px;
    }

    #bannerBücherladen h2{
        margin-top: 40px;
    }
}

@media only screen and (max-width:800px) {
    
    #bannerBücherladen h2{
        margin-top: 20px;
    }
 
}