/*Farbauswahl von Instagram*/

#skelett2 .card-skelett {box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.10),0 1px 8px 0 rgba(0,0,0,.10)!important; display: flex; border-radius: 6px; position: relative; overflow: hidden;;}
#skelett2 .img-skelett {width: 100%; height: 206px; background-color: #ededed;}

#skelett2 .titel-skelett {width: 71%; background-color: #ededed; height: 24px; margin-top: 10px; margin-bottom: 18px; transition: 1s all; border-radius: 5px;}
#skelett2 .art-skelett {background-color: #ededed; height: 24px; margin-bottom: 15px; width: 60%; transition: 1s all; border-radius: 5px;}
#skelett2 .ausstatung-skelett {width: 80%; height: 24px; background-color: #ededed; margin-bottom: 15px; transition: 1s all; border-radius: 5px;}
#skelett2 .preis-skelett {width: 50%; background-color: #ededed; height: 24px; margin-bottom: 4px; transition: 1s all; border-radius: 5px;}
#skelett2 .zeitraum-skelett {width: 65%; height: 24px; margin-top: 8px; background-color: #ededed; transition: 1s all; border-radius: 5px;}
#skelett2 .button-details-skelett {width: 128px; height: 41px; position: absolute; bottom: 16px; right: 16px; background-color: #ededed; border-radius: 5px; transition: 1s all;}
#skelett2 .button-merk-skelett {width: 36px; height: 38px; position: absolute; top: 16px; right: 16px; background-color: #ededed; border-radius: 5px; transition: 1s all;}

#skelett2 .card-skelett:after {animation: skelett-wave2 1200ms linear .5s infinite; background: linear-gradient(180deg,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-wave2 {0% {bottom: 0%;} to {top: 50%; bottom: 50%;}}

@media (max-width: 767px) {
    #skelett2 .card-skelett {flex-direction: column;}
    #skelett2 .button-merk-skelett {top: 150px;}
    #skelett2 .button-details-skelett {display: flex; float: right; margin-top: 16px; position: initial;}
}

@media (max-width: 500px) {
    #skelett2 .button-details-skelett {width: 100%; transition: 1s all;}
    #skelett2 .titel-skelett {width: 100%; height: 28px; transition: 1s all;}
    #skelett2 .ausstatung-skelett {width: 90%; transition: 1s all;}
    #skelett2 .zeitraum-skelett {width: 80%;}
}

/*Ohne Effekt*/

#skelett2OhneEffekt .card-skelett {box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.10),0 1px 8px 0 rgba(0,0,0,.10)!important; display: flex; border-radius: 6px; position: relative; overflow: hidden;;}
#skelett2OhneEffekt .img-skelett {width: 100%; height: 206px; background-color: #ededed;}

#skelett2OhneEffekt .titel-skelett {width: 71%; background-color: #ededed; height: 24px; margin-top: 10px; margin-bottom: 18px; transition: 1s all; border-radius: 5px;}
#skelett2OhneEffekt .art-skelett {background-color: #ededed; height: 24px; margin-bottom: 15px; width: 60%; transition: 1s all; border-radius: 5px;}
#skelett2OhneEffekt .ausstatung-skelett {width: 80%; height: 24px; background-color: #ededed; margin-bottom: 15px; transition: 1s all; border-radius: 5px;}
#skelett2OhneEffekt .preis-skelett {width: 50%; background-color: #ededed; height: 24px; margin-bottom: 4px; transition: 1s all; border-radius: 5px;}
#skelett2OhneEffekt .zeitraum-skelett {width: 65%; height: 24px; margin-top: 8px; background-color: #ededed; transition: 1s all; border-radius: 5px;}
#skelett2OhneEffekt .button-details-skelett {width: 128px; height: 41px; position: absolute; bottom: 16px; right: 16px; background-color: #ededed; border-radius: 5px; transition: 1s all;}
#skelett2OhneEffekt .button-merk-skelett {width: 36px; height: 38px; position: absolute; top: 16px; right: 16px; background-color: #ededed; border-radius: 5px; transition: 1s all;}


@media (max-width: 767px) {
    #skelett2OhneEffekt .card-skelett {flex-direction: column;}
    #skelett2OhneEffekt .button-merk-skelett {top: 150px;}
    #skelett2OhneEffekt .button-details-skelett {display: flex; float: right; margin-top: 16px; position: initial;}
}

@media (max-width: 500px) {
    #skelett2OhneEffekt .button-details-skelett {width: 100%; transition: 1s all;}
    #skelett2OhneEffekt .titel-skelett {width: 100%; height: 28px; transition: 1s all;}
    #skelett2OhneEffekt .ausstatung-skelett {width: 90%; transition: 1s all;}
    #skelett2OhneEffekt .zeitraum-skelett {width: 80%;}
}