/*Farbauswahl von Amazon*/


#temp01 .card-skelett {display: flex;}
#temp01 .overflow-hidden {overflow: hidden;}
#temp01 .header-skelett {width: 100%; height: 48px; background-color: #e0e0e0;}
#temp01 .img-skelett {width: 100%; height: 260px; background-color: #e0e0e0;}
#temp01 .ausstatung-skelett {width: 100%; height: 24px; background-color: #e0e0e0; border-radius: 5px; transition: 1s all;}
#temp01 .bg-grau {background-color: #f7f5f4;}
#temp01 .bg-white {background-color: white;}
#temp01 .kalender-skelett {width: 100%; height: 250px; background-color: #e0e0e0; border-radius: 5px; transition: 1s all;}
#temp01 .button-detail-skelett {width: 128px; height: 40px; background-color: #e0e0e0; margin-top: 10px; border-radius: 5px; transition: 1s all;}

#temp01 .card-skelett:after {animation: skelett-wave01 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-wave01 {0% {transform: translate(-100%)} to {transform: translate(100%)}}

@media (max-width: 991px) {
    #temp01 .card-skelett {flex-direction: column;}
    #temp01 .button-detail-skelett {margin-bottom: 30px;}
}

@media (max-width: 575px) {
    #temp01 .ausstatung-skelett {display: none;}
    #temp01 .first-ausstatung {display: block!important; width: 40%; height: 75px;}
    #temp01 .col-breit-klein {max-width: 100%; width: 100%; justify-content: center; display: flex;}
    #temp01 .kalender-skelett {height: 250px;}
}

@media (max-width: 450px) {
    #temp01 .btn-center {display: flex; justify-content: center;}
}

@media (max-width: 400px) {
    #temp01 .first-ausstatung {display: block!important; width: 60%; height: 75px;}
}




/*ohne Effect*/


#temp01OhneEffect .card-skelett {display: flex;}
#temp01OhneEffect .overflow-hidden {overflow: hidden;}
#temp01OhneEffect .header-skelett {width: 100%; height: 48px; background-color: #e0e0e0;}
#temp01OhneEffect .img-skelett {width: 100%; height: 260px; background-color: #e0e0e0;}
#temp01OhneEffect .ausstatung-skelett {width: 100%; height: 24px; background-color: #e0e0e0; border-radius: 5px; transition: 1s all;}
#temp01OhneEffect .bg-grau {background-color: #f7f5f4;}
#temp01OhneEffect .bg-white {background-color: white;}
#temp01OhneEffect .kalender-skelett {width: 100%; height: 250px; background-color: #e0e0e0; border-radius: 5px; transition: 1s all;}
#temp01OhneEffect .button-detail-skelett {width: 128px; height: 40px; background-color: #e0e0e0; margin-top: 10px; border-radius: 5px; transition: 1s all;}


@media (max-width: 991px) {
    #temp01OhneEffect .card-skelett {flex-direction: column;}
    #temp01OhneEffect .button-detail-skelett {margin-bottom: 30px;}
}

@media (max-width: 575px) {
    #temp01OhneEffect .ausstatung-skelett {display: none;}
    #temp01OhneEffect .first-ausstatung {display: block!important; width: 40%; height: 75px;}
    #temp01OhneEffect .col-breit-klein {max-width: 100%; width: 100%; justify-content: center; display: flex;}
    #temp01OhneEffect .kalender-skelett {height: 250px;}
}

@media (max-width: 450px) {
    #temp01OhneEffect .btn-center {display: flex; justify-content: center;}
}

@media (max-width: 400px) {
    #temp01OhneEffect .first-ausstatung {display: block!important; width: 60%; height: 75px;}
}