/*
Helles Blaugrau: #f5f8f9; 
Helles Grau: #808080;
akzent blau: #0bc2e0;
Mittel blau: #167199;
Dunkel blau: #0c446c;
Dunkel blau 2: #093554;

*/



/************************************************************/
/*Skipass CSS */
.skipass-detail .table-responsive{font-size: 0.9rem; width: 100%; display: block!important;max-width: 150px!important; margin-left: auto!important; margin-right: auto!important;}
.skipass-detail .table-responsive table tr td { padding-top: 0.5rem!important; padding-bottom: 0.5rem!important;}
.skipass-detail .table-responsive table thead th{color: #093554;font-size: 1rem;}
.skipass-detail .table-responsive table thead tr th{ border-bottom:1px solid #0bc2e0;}
.table>:not(:last-child)>:last-child>*{border-bottom-color: #0bc2e0!important;}

.skipass-detail .skipass-element{border: none; border-radius: 0;margin-top: 1.5rem;}
.skipass-detail .skipass-element h4{font-size: 1.5rem; text-transform: uppercase;text-align: center; color: #167199;}
.skipass-detail .skipass-element p{text-align: center; margin-bottom: 0; font-size: 1rem; font-weight: 300;}
.skipass-detail .skipass-element .highlight{color: #093554; font-weight: 400;}
.skipass-detail .skipass-element .hinweis{font-size: 0.8rem; font-weight: 400;}


.skipass-detail .special-offers .skipass-element h4{text-align: left;}
.skipass-detail .special-offers .skipass-element p{text-align: left;}

.skipass-detail .special-offers .inset-wrapper {margin-left: auto; margin-right: auto;}

.awardswiper{padding: 0!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: none!important;
}
.swiper-button-prev i, .swiper-button-next i {color: #093554; font-size: 30px;}
.swiper-button-prev {left: 6px!important;}
.swiper-button-next {right: 6px!important}

/*Super Small Devices*/
@media (min-width: 300px) {
    .ski-info .ski-info-lift div{padding: 0.3rem;}
    .skipass-detail .skipass-element .table-responsive,
    .skipass-detail .special-offers .inset-wrapper {max-width: 250px!important;}

 }
 
@media (min-width: 375px) {
  .ski-orte .main-weather .card .card-body p{word-break: keep-all;white-space: nowrap; display: flex;flex-wrap: nowrap;}
  .ski-orte .main-weather .card .card-body p span:first-child{margin-left: 0;}
  .ski-orte  .main-weather .card .card-body p span{width: unset; margin-left: 0.5rem; font-weight: 400; font-size: 0.9rem;}
  .ski-orte  .main-weather .card .card-body p span i{margin-right: 0.2rem;}
  .ski-orte  .main-weather .card .card-body{max-width: 120px; padding: 0.3rem; height: 100%; align-content: center; align-items: center; text-align: left;justify-content: unset; display: flex; flex-wrap: wrap;}
  .ski-orte .main-weather .card .row{flex-wrap: nowrap;}
  .ski-orte .main-weather .card .card-title{text-align: left;}
}



 @media (min-width: 450px) {
    .skipass-detail .skipass-element .table-responsive,
    .skipass-detail .special-offers .inset-wrapper {max-width: 450px!important;}
    .ski-info .ski-urlaub .img-wrap{display: flex;width: 50%;}
    .ski-info .ski-urlaub .content-wrap{width: 50%;}
 }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .ski-countries .ski-list{width: 50%;}
  .skipass-detail .skipass-element .table-responsive,
    .skipass-detail .special-offers .inset-wrapper {max-width: 500px!important;}

  .description-header img{margin-top: unset;}

  /*Nur falls Skiaward vorhanden ist*/
  .ski-title h1{margin-top: 2.5rem!important;}

  .skiaward-winner{display: flex!important; }

}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .p-social-box ul li a{flex-wrap: wrap; display: flex; align-items: center;}
  .ski-subnav nav{display: flex!important;}
  .ski-subnav select{display: none!important;}
  .ski-award-content{flex: 1 1 48%!important; margin: 0.3rem;}
  .skipass-detail .skipass-element .table-responsive,
    .skipass-detail .special-offers .inset-wrapper {max-width: 700px!important;}
  
  .awardswiper .ski-award-content{width: 100%!important; margin: 0!important;}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .ski-info .ski-pistenplan img{max-height: unset!important;}
  /*.img-galery{max-height: unset!important; align-content: center; display: flex; justify-content: space-between; align-items: center;height: 13%; margin: auto; width: 100%;}*/
  .ski-info .ski-pistenplan{max-height: unset!important; height: 85%; width: 100%; padding: 0!important; position: relative; overflow: hidden;}
  .karte-mobile{display: none;}
  .karte-desktop{display: block;}
  .skipass-detail .skipass-element .table-responsive,
    .skipass-detail .special-offers .inset-wrapper {max-width: 900px!important;}
 }


@media (min-width: 1100px) {
    .ski-info .ski-info-content-wrap .ski-info-button{width: unset;}
    .ski-award-content{flex: 1 1 24%!important;max-width: 30%!important;margin: 0.3rem;}
    .skiaward-winner{left: -.5rem!important;}
    .skiaward-winner::after{display: block!important;}
    .skipass-detail .skipass-element .table-responsive,
    .skipass-detail .special-offers .inset-wrapper {max-width: 1000px!important;}
    
    .awardswiper .ski-award-content{flex:0 0 100%!important; margin: 0!important; max-width: unset!important;}
  }


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

}

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