#bannerHarryPotterUndDerHalbblutprinz{
    background: #242C2E;
    color: #D5F4F8;
}

#bildBannerBoxHarryPotterUndDerHalbblutprinz{
    width: 50%;
    float: left;
}

#bildBannerHarryPotterUndDerHalbblutprinz{
    width: 40%;
    margin-left: 25%;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow: -10px 10px 8px rgba(14, 14, 14, 0.8);    
}

#bildBanner{
    width: 50%;
    margin-left:25%;
    float: left;
}


#textBannerHarryPotterUndDerHalbblutprinz{
    width: 50%;
    float: left;
}

#bannerHarryPotterUndDerHalbblutprinz h2{
    margin-top: 60px;
    margin-bottom: 20px;
}

#textHarryPotterUndDerHalbblutprinz{
    width: 90% ;
    margin-left: 0;
    text-align: justify;
    line-height: 1.5rem;
}

#bannerHarryPotterUndDerHalbblutprinz a{
    text-decoration: none;
}

#ZumBuchHarryPotterUndDerHalbblutprinz{
    text-align: center;
    width: 100%;
    background: #D5F4F8;
    border-radius: 8px;
}

#ZumBuchHarryPotterUndDerHalbblutprinz a{
    color: #242424;
    line-height: 1.5rem;
}

#ZumBuchBoxHarryPotterUndDerHalbblutprinz{
    width: 15%;
    margin-left: 43%;
    margin-top: 20px;
    margin-bottom: 20px;
    
}


@media only screen and (max-width:1200px) {
    
    #bildBannerHarryPotterUndDerHalbblutprinz{
        width: 20%;
        margin-left: 40%;
        margin-right: 40%;
    }
    
    #bildBannerBoxHarryPotterUndDerHalbblutprinz{
        width: 100%;
       margin-top: 20px;
    }


    #textBannerHarryPotterUndDerHalbblutprinz{
        width: 100%;
    }

    #textHarryPotterUndDerHalbblutprinz{
        width: 80% ;
        margin-left:10%;
        
    }

    
}

@media only screen and (max-width : 480px) 
{ 
    
#bannerHarryPotterUndDerHalbblutprinz h2{
    margin-top: 10px;
    margin-bottom: 20px;
}
}