.skiurlaub{}
.skiurlaub .main-search .card{border: none; border-radius: 0.25rem; background-color: #093554;}
.skiurlaub .main-search .card button{max-width: 300px; margin: auto; padding: 0.5rem 0.75rem; border: none;border-radius: 0.25rem;color: #fff!important; background-color: #167199; color: #093554;}
.skiurlaub .main-search .card button:hover{background-color: #0bc2e0; color: #fff;}
.skiurlaub .main-search .form-floating label i{margin-right: 0.3rem; color: #167199;}
.skiurlaub .main-search .form-floating .form-select { padding-top: 1.625rem; padding-bottom: 0.325rem;}
.skiurlaub .main-search .form-floating .form-control{border: none;}
.skiurlaub .main-search .form-floating .form-select{border: none;}
.skiurlaub .main-categories .card{border-radius: 0;border: none; width: auto;}

.skiurlaub .skiurlaub-categories{height: unset;}
.skiurlaub .skiurlaub-categories .active{ background-color: #167199; color: #fff;}
.skiurlaub .skiurlaub-categories .active i{color: #00ddff;}

.skiurlaub-liste .main-search h2{color: #fff; font-size: 1.3rem; text-align: left;}
.skiurlaub-liste .main-search .filter-wrap{margin-top: 1rem; margin-bottom: 0; border-bottom: 1px solid #0bc2e0!important; width: 100%;}
.skiurlaub-liste .main-search .filter-wrap .filter-button{text-decoration: none; color: #fff;}
.skiurlaub-liste .main-search .filter-wrap .filter-button i:first-child{margin-right: 0.3rem; margin-left: 0;}
.skiurlaub-liste .main-search .filter-wrap .filter-button i{margin-left: 0.3rem;}

.skiurlaub-liste .main-search .collapse{background-color: #fff; font-size: 0.9rem; border-radius: 0.25rem; border: none; padding: 1rem;}
.skiurlaub-liste .main-search .collapse .form-check-input:checked{background-color: #0bc2e0; border-color: #0bc2e0;}
.skiurlaub-liste .main-search .collapse label{color: #167199; font-size: 1rem;font-weight: 500; text-transform: uppercase;  margin-bottom: 0.3rem;}
.skiurlaub-liste .main-search .collapse .form-check-label{display: flex; align-items: center;text-transform: unset; font-weight: 400!important; font-size: 1rem; margin-bottom: unset; color: #212529;}
.skiurlaub-liste .main-search .collapse .form-check-label i{font-size: 1.2rem; color: #167199; width: 30px;}

.skiurlaub-liste .sort-filters{margin: 0.5rem 0rem;position: relative;border-radius: 0;}
.skiurlaub-liste .sort-filters label{font-size: 1rem; font-weight: 300;}
.skiurlaub-liste .sort-filters-inner{border-bottom: 1px solid #0bc2e0!important; display:flex; flex-direction: row; align-items: center; justify-content: flex-end; flex-wrap: wrap;padding: 0.5rem 0rem;}
.skiurlaub-liste .sort-filters-inner div{display: flex; font-size: 1rem; font-weight: 300; margin-left: 1rem; align-items: center;}
.skiurlaub-liste .sort-filters-inner div input{margin-right: 0.3rem;}
.skiurlaub-liste .sort-filters-inner .form-check-input:checked{color: #0bc2e0;border-color: #0bc2e0; background-color: #0bc2e0;}
.skiurlaub-liste .sort-filters-inner select {margin-left: 1rem; font-size: 1rem; font-weight: 300;}

.skiurlaub-liste .offers .alert{color: #093554;background-color: #fff; border: none;}
.skiurlaub-liste .offers .alert p{margin: 0;    display: flex; align-items: center;}
.skiurlaub-liste .offers .alert p span{font-weight: 500; margin: 0 0.3rem;}
.skiurlaub-liste .offers .alert p i{font-size: 1.4rem;color: #167199;}



/*Carousel*/
.skiurlaub-vip-carousel .card{ margin: auto; max-width: 400px; position: relative; border: none; border-radius: 0;}
.skiurlaub-vip-carousel .card:hover img{filter: saturate(1.2) contrast(1.2);}
.skiurlaub-vip-carousel .card:hover .card-body h5{color: #167199!important;}
.skiurlaub-vip-carousel .price {transition: 0.5s; position: absolute; top: 10px; right: -5px; z-index: 1111111; background-color: #093554; color: #fff!important; padding: 0.3rem 0.5rem; font-size: 0.9rem;}
.skiurlaub-vip-carousel .card:hover .price{background-color: #167199;}
.skiurlaub-vip-carousel .card:hover .price span{color: #FF6600;}
.skiurlaub-vip-carousel .price p{margin-bottom: 0;}
.skiurlaub-vip-carousel .price p a{margin-bottom: 0; color: #fff; text-decoration: none;}
.skiurlaub-vip-carousel .price p span{transition: 0.5s; color: #FF6600; font-size: 1.3rem; font-weight: 500;}
.skiurlaub-vip-carousel .card-body {transition: 0.5s; position: relative; padding: 0.5rem; display: flex;  background-color: #fff; flex-wrap: wrap;}
.skiurlaub-vip-carousel .card img {transition: 0.5s; border-radius: 0; height: 270px; object-fit: cover; transition: 0.5s; object-position: bottom;}

.skiurlaub-vip-carousel .card-body h5 { color: #167199!important; margin-top: 0; font-weight: 400!important; margin-bottom: 0; text-align: left!important; font-size: 1rem!important;}
.skiurlaub-vip-carousel .card-body p {display: flex;align-items: center;  text-align: left!important; margin-bottom: 0; font-size: 0.9rem!important;}
.skiurlaub-vip-carousel .stars i { color: #febf16!important; font-size: 0.7rem!important; margin-right: 0.2rem;}
.skiurlaub-vip-carousel .card-body a { color: unset; text-decoration: none;}
.skiurlaub-vip-carousel .card-body p a { color: #212529!important;}
.skiurlaub-vip-carousel .card-body p i { color: #167199;}
.skiurlaub-vip-carousel .card-body img{width: 20px; margin-right: 0.3rem;height: auto;}



/*Ski POIs*/
.skiurlaub .offers i{margin-right: 0.3rem;}
.skiurlaub .offers .card{max-width: 350px; margin-left: auto; margin-right: auto; border: none; border-radius: 0; padding: 0; height: unset;}
.skiurlaub .offers .card p{margin: 0;}
.skiurlaub .offers .card .card-body{padding: 0.5rem 0.5rem;}
.skiurlaub .offers .card img{border-radius: 0; transition: .5s; width: 100%; height: 200px; object-fit: cover; object-position: center;}
.skiurlaub .offers .card:hover img{filter: contrast(1.1) brightness(1.1);}
.skiurlaub .offers .card h5{color: #00768e; margin: 0.3rem 0rem; text-align: left!important; font-size: 1.8rem;}

.skiurlaub .offers .img-wrap{position: relative;}

.skiurlaub .offers .vip-offer .col-md-3{position: relative;}
.skiurlaub .offers .vip-offer-tag{display: flex; position: absolute; padding: 0.3rem 0.75rem;  top: 10px; left: -5px; text-align: left; justify-content: left; width: auto; background-color: #FF6600;  color: #fff; font-size: 1rem; font-weight: 500;}
.skiurlaub .offers .vip-offer-tag i{color: #febf16;}
.skiurlaub .offers .vip-offer-tag p{color: #fff;}
.skiurlaub .offers .vip-offer .desktop-price{background-color: #093554; color: #fff;}

.skiurlaub .offers .card .poi-category{color: #0bc2e0; font-weight: 500; font-size: .9rem;}
.skiurlaub .offers .card .poi-list-data{ color: #212529; font-size: 1rem;    display: flex; align-items:center; align-content: center;}
.skiurlaub .offers .card .poi-list-data img{ padding: 0!important;/* border: 1px solid #d1d1d1;*/ width: 25px; margin-right: 0.2rem; height: auto!important;}
.skiurlaub .offers .card .poi-list-data i{    line-height: 1.4; color: #00ddff; margin-right: 0.3rem;}
.skiurlaub .offers .card .poi-list-text{ max-height: 2.4rem;text-align: left; overflow: hidden; line-height: 1.2; font-size: .9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.skiurlaub .card-body .location {margin: 0; align-items: flex-start; display: flex; color: #212529; font-size: 0.9rem;}
.skiurlaub .card-body .location img {margin-top: 0.3rem; filter: unset; transform: unset; width: 20px; object-fit: unset; border-radius: 0; margin-right: 0.3rem; height: auto;}

.skiurlaub .offers .stars{margin: 0; font-size: 0.9;}
.skiurlaub .offers .stars i{color: #febf16;margin-right: 0rem;}
.skiurlaub .offers .price{font-size: 0.9rem;width: 100%; text-align: left; height: 100%;}
.skiurlaub .offers .price p{line-height: 1.2;}
.skiurlaub .offers .price span{font-size: 2.2rem; margin: 0 0.2rem; font-weight: 500; color: #FF6600;}


.skiurlaub .offers .categories{font-size: 1.4rem; display: flex; align-items: center;}
.skiurlaub .offers .equipment{display: flex; align-items: center; font-size: 0.9rem; flex-wrap: wrap;}
.skiurlaub .offers .equipment span i{color: #167199;    width: 20px;font-size: 1.1rem;margin-right: 0.5rem;}
.skiurlaub .offers .equipment span{margin-right: 0.75rem; flex-direction: row; align-content: center; display: flex; align-items: center;}
.skiurlaub .offers .equipment span .fa-check{position: absolute;  width: 12px;  height: 12px; font-size: 0.5rem; display: flex; align-items: center; align-content: center; font-size: 0.5rem;  text-align: center;  justify-content: center;  color: #fff; margin-left: 14px; margin-top: 10px; margin-right: 0; background: green; border-radius: 50rem;}

.skiurlaub .offers .desktop-price{display: flex;align-items: center; padding: 0.5rem;background-color: #f5f8f9;}
.skiurlaub .offers .mobile-price{display: block;}

.skiurlaub .offers .categories i{color: #167199;}
.skiurlaub .offers .categories .familie {color: #002560!important; }
.skiurlaub .offers .categories .low-budget{color: #ffae00!important; }
.skiurlaub .offers .categories .gletscher{color: #00ddff!important;}
.skiurlaub .offers .categories .luxus{color: #ff0054!important;}
.skiurlaub .offers .categories .wellness{color: #008e2d!important;}
.skiurlaub .offers .categories .an-der-piste{color: #00768e!important;}
.skiurlaub .offers .categories .gruppen{color: #1d006d!important;}
.skiurlaub .offers .categories .last-minute{color: #a5008c!important;} 
.skiurlaub .offers .categories .kurzurlaub{color: #a50000!important;}
.skiurlaub .offers .categories .singles{color: #105900!important;}
.skiurlaub .offers .categories .mit-skipass{color: #3a006d!important;}
.skiurlaub .offers .categories .an-wochenenden{color: #db7c23!important;}
.skiurlaub .offers .categories .beautybubble{color: #c37fff!important;}



/*Saison*/
.skiurlaub .main-saison .card{border-radius: 0;border: none;}
.skiurlaub .main-saison .card img{transition: 0.5s; height: 120px;object-fit: cover; border-radius: 0;}
.skiurlaub .main-saison .card .card-body{padding: 0rem}
.skiurlaub .main-saison .card .card-title{transition: 0.5s; font-size: 1.1rem;}
.skiurlaub .main-saison .card:hover img{filter: saturate(1.2) contrast(1.2);}
.skiurlaub .main-saison .card:hover .card-title{color: #167199;}


/*Countries*/
.skiurlaub .skiurlaub-countries a {transition: 0.2s; min-width: 100px; flex: 1 1 18%; padding: 0.75rem; display: flex; flex-wrap: wrap; margin: 0.3rem; align-content: center; text-align: center; justify-content: center; flex-flow: column; background-color: #fff; text-decoration: none; color: #212529;}
.skiurlaub .skiurlaub-countries a.active{background-color: #167199; color: #fff;}
.skiurlaub .skiurlaub-countries a img{ width: 40px; height: auto!important; margin: auto;}
.skiurlaub .skiurlaub-countries a:hover{ background-color: #167199; color: #fff;}

.skiurlaub .offers .btn{padding: 0.2rem; font-size: 0.9rem; width: 100%; transition: 0.2s; background-color: #167199; color: #fff;max-width: 500px;margin: auto;margin-top: 0.5rem;}
.skiurlaub .offers .btn:hover{background-color: #0bc2e0; color: #fff;}
.skiurlaub .offers .btn i{color: #0bc2e0;}
.skiurlaub .offers .btn:hover i{color: #fff;}

.skiurlaub .desktop-price .btn:hover{background-color: #0bc2e0; color: #fff;}


/*Unterkunft des Tages*/
.skiurlaub .UdT .card{border: none; border-radius: 0;max-width: 350px; margin-left: auto;  margin-right: auto;}
.skiurlaub .UdT .card img{transition: 0.2s; height: 300px; object-fit: cover; width: 100%;}
.skiurlaub .UdT .card .card-body p img{margin-right: 0.3rem; width: 30px; height: auto!important;}
.skiurlaub .UdT .card .card-body{font-size: 0.9rem; transition: 0.5s; position: absolute; bottom: 0;  left: 0; right: 0;  padding: 0.5rem; display: flex;text-align: center;backdrop-filter: blur(5px); background-color: rgb(255,255,255,0.7); flex-wrap: wrap;}

.skiurlaub .UdT .card:hover img{filter: saturate(1.1) contrast(1.1);}
.skiurlaub .UdT .card:hover h5{color: #0bc2e0!important;}
.skiurlaub .UdT .card .card-body h5{font-size: 1.1rem;margin: 0; width: 100%; font-weight: 500; color: #167199;}
.skiurlaub .UdT .card .card-body p{width: 100%;margin: 0;font-weight: 300;}
.skiurlaub .UdT .card .card-body .price{width: 100%;}
.skiurlaub .UdT .card .card-body .price span{color: #FF6600; font-weight: 400; font-size: 1.4rem!important;}


/*Super Small Devices*/
@media (min-width: 300px) {
    .skiurlaub .offers .btn{width: 49%; }
}

@media (min-width: 450px) {
   
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
   
    .skiurlaub .offers .card img{max-height: 250px; height: unset;}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .skiurlaub .offers .card{max-width: unset;margin-left: unset; margin-right: unset;}
    .skiurlaub .offers .btn{width: 100%; }
    .skiurlaub .UdT .card{max-width: unset; margin-left: unset;  margin-right: unset;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .skiurlaub .offers .desktop-price{display: flex; /*position: absolute;top: 0; right: 0; bottom: 0;*/}
    .skiurlaub .offers .mobile-price{display: none;}
    /*.skiurlaub .offers .card{height: 175px;}*/
    /*.skiurlaub .offers img{height: 175px!important;max-height: unset!important;}*/
    .skiurlaub .offers .btn{width: 100%;}
}

@media (min-width: 1100px) {

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { }