/*Farbauswahl von Mercedes*/
#temp03 .card-skelett {width: 100%;}
#temp03 .overflow-hidden {overflow: hidden;}
#temp03 .img-skelett {width: 100%; height: 380px; background-color: #dddddd; transition: 1s all;}
#temp03 .obj-besch {width: 100%; background-color: #ececec; position: relative; padding: 15px; transition: 1s all;}

#temp03 .name-skelett {width: 50%; background-color: #dddddd; height: 29px; border-radius: 5px; transition: 1s all;}
#temp03 .ausstatung-skelett {width: 100%; background-color: #dddddd; height: 40px; border-radius: 5px; transition: 1s all;}
#temp03 .preis-skelett {width: 85%; background-color: #dddddd; height: 24px; border-radius: 5px; transition: 1s all;}
#temp03 .einmalig-skelett {width: 90%; background-color: #dddddd; height: 24px; border-radius: 5px; transition: 1s all;}
#temp03 .button-details-skelett {width: 129px; height: 47px; background-color: #dddddd; float: right; border-radius: 5px; transition: 1s all;}
#temp03 .stars-skelett {position: absolute; top: 15px; right: 15px; height: 27px; width: 130px; background-color: #dddddd; border-radius: 5px; transition: 1s all;}

#temp03 .card-skelett:after {animation: skelett-wave03 1200ms linear .5s infinite; background: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;}

@keyframes skelett-wave03 {0% {transform: translate(-100%)} to {transform: translate(100%)}}

@media (max-width: 767px) {
    #temp03 .preis-skelett {width: 40%;}
    #temp03 .einmalig-skelett {width: 60%;}
    #temp03 .ausstatung-skelett {height: 50px;}
}

@media (max-width: 575px) {
    #temp03 .ausstatung-skelett {height: 80px;}
    #temp03 .stars-skelett {position: unset; width: 30%; margin-bottom: 15px;}
}

@media (max-width: 500px) {
    #temp03 .button-details-skelett {width: 100%; margin-top: 15px;}
}


/*Ohne Effekt*/

#temp03OhneEffekt .card-skelett {width: 100%;}
#temp03OhneEffekt .overflow-hidden {overflow: hidden;}
#temp03OhneEffekt .img-skelett {width: 100%; height: 380px; background-color: #dddddd; transition: 1s all;}
#temp03OhneEffekt .obj-besch {width: 100%; background-color: #ececec; position: relative; padding: 15px; transition: 1s all;}

#temp03OhneEffekt .name-skelett {width: 50%; background-color: #dddddd; height: 29px; border-radius: 5px; transition: 1s all;}
#temp03OhneEffekt .ausstatung-skelett {width: 100%; background-color: #dddddd; height: 40px; border-radius: 5px; transition: 1s all;}
#temp03OhneEffekt .preis-skelett {width: 85%; background-color: #dddddd; height: 24px; border-radius: 5px; transition: 1s all;}
#temp03OhneEffekt .einmalig-skelett {width: 90%; background-color: #dddddd; height: 24px; border-radius: 5px; transition: 1s all;}
#temp03OhneEffekt .button-details-skelett {width: 129px; height: 47px; background-color: #dddddd; float: right; border-radius: 5px; transition: 1s all;}
#temp03OhneEffekt .stars-skelett {position: absolute; top: 15px; right: 15px; height: 27px; width: 130px; background-color: #dddddd; border-radius: 5px; transition: 1s all;}


@media (max-width: 767px) {
    #temp03OhneEffekt .preis-skelett {width: 40%;}
    #temp03OhneEffekt .einmalig-skelett {width: 60%;}
    #temp03OhneEffekt .ausstatung-skelett {height: 50px;}
}

@media (max-width: 575px) {
    #temp03OhneEffekt .ausstatung-skelett {height: 80px;}
    #temp03OhneEffekt .stars-skelett {position: unset; width: 30%; margin-bottom: 15px;}
}

@media (max-width: 500px) {
    #temp03OhneEffekt .button-details-skelett {width: 100%; margin-top: 15px;}
}