body {
    background-color: white;
}
/*-----Stiere_offer------*/
.stiere_offer {
    margin-top:60px;
}
.headline_stiere{
    padding-bottom: 30px;
    text-align: center;
    font-size: 40px;
    text-shadow: 10px 20px 15px silver;
    position:relative;
    animation-name:start_stiere_headline;
    animation-duration: 1s;
}
.headline_stiere_small{
    padding-bottom:20px;
}
#text{
    text-align: center;
    font-size:40px;
    padding: 70px;

}
.stier_offer_list a {
    text-decoration: none;
    color:black
}

.stier_offer_list{
    text-align:center;
    padding: 0px;


    animation-name:start_stiere_row;
    animation-duration: 1s;
}
.stier_offer_list p{
    margin-top:40px;
    font-size:30px;
}
.stier_offer_list img {
    width:533px;
    height: 400px;
    border-radius: 20px;
	box-shadow: 10px 20px 15px silver;
    transition:0.5s;
}
.image_stiere :hover{

    box-shadow: 25px 35px 30px silver;
    transition:0.5s;
    border-style:solid;
    border-color:silver;
    border-width:5px;
}
/*-----Kalbinnen_offer-------*/
.headline_kalbinnen{
    text-align: center;
    font-size: 40px;
    text-shadow: 10px 20px 15px silver;
    padding-top:60px;
    position:relative;
    animation-name:start_kalbinnen_headline;
    animation-duration: 1s;
}
.list_kalbinnen {
    margin-top: 3%;
    display: flex;
    justify-content: space-between;
    padding-top:2%;
}
.headline_kalbinnen_small h1{
    padding-bottom:15px;
}
.kalbinnen_offer_list{
    text-align:center;
    padding:50px;
    margin:20px;
    position:relative;
    animation-name:start_stiere_row;
    animation-duration: 1s;
}
.kalbinnen_offer_list img {
    width:400px;
    height: 300px;
    border-radius: 20px;
	box-shadow: 10px 20px 15px silver;
    transition:0.5s;
}
.kalbinnen_image :hover{
    width:500px;
    height: 400px;
    box-shadow: 25px 35px 30px silver;
    transition:0.5s;
    border-style:solid;
    border-color:silver;
    border-width:5px;
}
.kalbinnen_offer_list p{
    padding-top:25px;
    font-size:30px;
}
.kalbinnen_offer_list a {
    text-decoration: none;
    color:black
}

.text {
    text-align:center;
    font-size:30px;
    padding:70px;
}
/*---PROV*/
#bild_prov img{
    height:450px;
    width:800px;
    margin-bottom:50px;
}
@media (max-width: 1200px){
    #bild_prov img{
    height:225px;
    width:400px;
}
}


/*---START_ANIMATIONS*/
@keyframes start_stiere_row{
    0%{
        left:2500px;
    }
    100%{
        left:0px;
    }
}
@keyframes start_stiere_headline{
    0%{
        bottom:500px;
        opacity: 0%;
    }
    100%{
        opacity: 100%;
        bottom:0px;
    }
}
@keyframes start_kalbinnen_headline{
    0%{
        top:500px;
        opacity: 0%;
    }
    100%{
        opacity: 100%;
        top:0px;
    }
}

/*RESPONSIVE*/
@media (max-width: 1500px){
    .headline_stiere{
        padding-top:100px;
    }
    /*STIERE*/
    .list_stiere{
        display:block;
    }
    .headline_stiere{
        font-size: 20px;
    }
    .stier_offer_list img {
        width:300px;
        height: 200px;

    }
    .image_stiere :hover{
        width:300px;
        height: 200px;
        border-radius: 20px;
        border-radius: 20px;
        box-shadow: 10px 20px 15px silver;
        border-style: none;
    }

    .stier_offer_list{
        padding:0px;
        margin:0;

        padding-top:25px;
        padding-bottom:25px;
    }
    /*KLABINNEN*/
    .list_kalbinnen{
        display:block;
    }
    .headline_kalbinnen{
        font-size: 20px;
    }
    .kalbinnen_offer_list img {
        width:300px;
        height: 200px;
    }
    .kalbinnen_image :hover{
        width:300px;
        height: 200px;
        border-radius: 20px;
        border-radius: 20px;
        box-shadow: 10px 20px 15px silver;
        border-style: none;
    }
    .kalbinnen_offer_list{
        padding:0px;
        margin:0px;

        padding-top:25px;
        padding-bottom:25px;
    }
}