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

*/


.anzeige-note {font-size: 0.9rem;  margin-bottom: 0.2rem; color: #aaa!important;}
.description-header{padding: 0.75rem; flex-wrap: wrap; justify-content: center; display: flex; align-items: center;}
.description-header h2{width: unset!important;margin: 0;}
.description-header img{margin-top: 1rem; border-radius: 0.25rem; width: 140px; margin-left: 1rem; background-color: #167199; padding: 0.6rem;}

.alert{border-radius: 0!important; border: none!important;  margin-bottom: 0!important;}
.alert i{margin-right: 0.3rem;}
.alert p{margin-bottom: 0;overflow: hidden; font-size: 0.9rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0;}
.alert strong{font-size: 1.1rem;}
.alert a{color: #842029; font-weight: 500;}
.alert a:hover{color: #d43946;}

.breadcrumb-item.active{color: #FF6600!important;}
.breadcrumb-item a{color: #167199!important; text-decoration: none;}
.breadcrumb-item .breadcrumb-item::before{color: #167199!important;}
.breadcrumb-item a:hover{color: #0bc2e0!important;}
.breadcrumb.active a{color: #FF6600!important;}


.full-img{max-height: 350px;width: 100%!important; max-width: unset;}

.color-bg{background-color: #f5f8f9!important;}
.white-bg{background-color: #fff!important;}
.horizontal-line{margin-top: 1.5rem; margin-bottom: 1.5rem; height: 1px; background-color: #0bc2e0; width: 80%; margin-right: auto;margin-left: auto;}
.karte-placeholder{height: 700px; width: 100%; background-color: #ff944d;}
.karte-sticky{position: -webkit-sticky; position: sticky;top: 4rem;}

.ski-anchor{margin-top: -100px; position:absolute;}

.partner-carousel img{height: unset; width: unset; object-fit: unset; object-position: unset; margin-left: auto; margin-right: auto;}

.p-headline{color: #167199; margin-top: 0!important; text-align: left!important; font-size: 1.6rem!important; font-weight: 300!important;}
.btn-more{ display: block; margin-left: auto; background-color: #167199; border-radius: 0.35rem;  padding: 0.3rem 0.7rem; max-width: 350px; text-align: center; text-decoration: none;border: none;  color: #fff;}
.btn-more:hover{ background-color: #0bc2e0;}

.text-more a{text-decoration: underline; text-decoration-color: #FF6600; color: #167199; font-size: 1.2rem; font-weight: 300;}
.text-more a i{margin-right: 0.3rem;}
.text-more a:hover{color: #0bc2e0;}
.p-content img{ width: 100%; object-fit: cover;max-height: 250px;}
.p-content .pull-left{ float:left!important;max-width: 400px;}
.p-content .pull-right{float:right!important; max-width: 400px;}

.p-content .img-left{float: left; max-width: 500px; margin-right: 1rem;}
.p-content .img-left img{max-height: 300px; object-position: center; object-fit: cover;}
.p-content .img-right{float: right; max-width: 500px; margin-left: 1rem;}
.p-content .img-right img{max-height: 250px; object-position: center; object-fit: cover;}

.p-content p a{color: #167199; text-decoration-color: #FF6600;}
.p-content p a:hover{color: #0bc2e0;}

.p-content strong{font-weight: 500;}

.p-content .autor{ font-size: 1.1rem; color: #808080; font-style: italic; font-weight: 300; text-align: right;}
.p-content p{line-height: 1.6; font-weight: 300; font-size: 1.05rem;}
.p-content .img-caption{font-size: 0.8rem; color: #093554; font-weight: 400;}
.p-content ul{list-style: none; padding: 0;}
.p-content ul li{font-size: 1.1rem; font-weight: 300; margin: 0.3rem;display: flex;align-items: center;}
.p-content ul li i{font-size: 0.4rem; color: #0bc2e0; margin-right: 0.3rem;}

.p-info-box{display: flex; flex-wrap: wrap; padding: 1rem; background-color: #fff; border: 5px solid #f5f8f9}
.p-info-box ul{padding-left: 0; list-style: none; font-size: 1.2rem; font-weight: 300;}
.p-info-box ul li{margin: 0.5rem}
.p-info-box ul li i{margin-right: 0.3rem; color: #0bc2e0; font-size: 1rem;}

.p-social-box{margin: auto; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.p-social-box h4{font-weight: 300!important; margin:0}
.p-social-box .btn{margin-left: auto; margin-right: auto; background-color: #167199; color: #fff;}
.p-social-box .btn:hover{background-color: #0bc2e0; color: #fff;}
.p-social-box ul{padding-left: 0; flex-wrap: wrap; width: 100%; list-style: none; display: flex; align-items: center; justify-content: flex-start; font-size: 1.2rem; font-weight: 300; margin-bottom: 0;}
.p-social-box ul img{transition: 0.2s; width: 30px; border-radius: 0.25rem;}
.p-social-box ul li:hover img{filter: saturate(1.5) brightness(1.2);}
.p-social-box ul li{width: unset; margin: 0.3rem; display: flex; align-items: center;}
.p-social-box ul li i{margin-right: 0.3rem; color: #0bc2e0; font-size: .9rem;}
.p-social-box  ul li a{text-decoration: none; color: #167199;display: flex; align-items: center;}
.p-social-box  ul li a:hover{color: #0bc2e0;}
.p-social-box  ul li a span{display: none;}
.p-social-box .website-link{height: 30px;display: flex; align-items: center; background-color: #167199; padding: 0.3rem 0.75rem; border-radius: 0.25rem;}
.p-social-box .website-link:hover{background-color: #0bc2e0;}
.p-social-box .website-link:hover i{color: #fff!important;}
.p-social-box .website-link a{font-size: .9rem; color: #fff!important;}


/************************************************/

/*Skigebiet Detailseite*/
.ski-title{position: relative;}
.ski-title h1{text-align: left; margin: 0;color: #093554;}
.ski-title .ski-rating{margin-top: 0.5rem; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; align-content: center;}
.ski-title .ski-rating div{display: flex; flex-direction: row; justify-content: flex-start; width: 100%;}
.ski-title .ski-rating i{font-size: 1.5rem; color: #FF6600;}

.ski-saison{align-items: center; align-content: center; text-align: left; display: flex; flex-wrap: wrap; margin-top: 0.5rem;}
.ski-saison p{width: 100%; margin: 0;    font-size: 1.2rem; font-weight: 300;}
.ski-saison .highlight{font-weight: 400; color: #093554;}
.ski-saison .ski-status{width: unset; font-weight: 400; margin-top: 0.3rem; margin-right: auto; border: 1px solid green; padding: 0.3rem 0.5rem; color: green; font-size: 0.8rem;}
.ski-saison .ski-status span{color: green;font-size: 0.9rem; padding: 0;}
.ski-title .ski-saison img{border-radius: 0.25rem; width: 200px; margin-right: auto; background-color: #167199; padding: 0.6rem;}

.ski-title .ski-award-winner{display: flex; align-items: center; margin-top: 0.3rem; font-weight: 300;}
.ski-title .ski-award-winner div:first-child{margin-right: 0.3rem;}
.ski-title .ski-award-winner .title{font-size: 1.5rem; font-weight: 300; color: #167199;}
.ski-title .ski-award-winner .place{font-size: 1rem; color: #093554;}
.ski-title .ski-award-winner .year{font-size: 1.5rem;}
.ski-title .ski-award-winner .category{font-size: 1rem; font-weight: 300;}
.ski-title .ski-award-winner a{line-height: 1; text-align: left;}
.ski-title .ski-award-winner a:hover{color: #0bc2e0;}

.skiaward-winner{ display: none; position: absolute; left: 0.5rem; width: unset!important; top: 0; border: none; background: #167199; color: #fff; align-items: center; font-size: 0.9rem; padding: 0.3rem;}
.skiaward-winner a{font-weight: 400; color: #fff; font-size: unset; text-decoration: none; display: flex; align-items: center;}
.skiaward-winner a:hover{color: #0bc2e0;}
.skiaward-winner::after{ display: none; content: ' ';	position: absolute;	width: 0;	height: 0;	left: 0px;	top: 100%;	border-width: 3px 4px;	border-style: solid;	border-color: #2e2e2e #2e2e2e transparent transparent;}

.skiaward-winner p{margin-bottom: unset;}
.skiaward-winner i{margin-right: 0.3rem; font-size: 1.3rem; color: #0bc2e0;}
.status-wrap{position:absolute; top: 0; margin: 0.5rem; background: rgb(255, 255, 255,0.7);backdrop-filter: blur(5px);}
.status-wrap .ski-status{display: flex; align-items: center;padding: 0.5rem;}
.status-wrap .ski-status i{font-size: 0.8rem!important;}
.status-wrap .ski-status .open{color: green;}
.status-wrap .ski-status .closed{color: crimson;}


/*Subnavi*/
.ski-subnav .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #093554!important;}
.ski-subnav .nav-pills .nav-link.active:hover{color: #fff;}
.ski-subnav .nav-pills .nav-link{padding: 0.2rem 0.5rem; color: #167199;font-size: 1.2rem; font-weight: 300;border-radius: 0; border-right: 1px solid #167199;}
.ski-subnav .nav-pills .nav-link:last-child{border-right: none;}
.ski-subnav .nav-pills .nav-link:hover{color: #0bc2e0;}
.ski-subnav .nav-pills .disabled{color: #808080!important;}

.ski-subnav nav{display: none;}
.ski-subnav select{display: block; border-color: #0bc2e0;font-weight: 500; color: #167199;}



/*Skiübersicht*/
.ski-info {margin: auto!important;}

.ski-info .ski-info-button-wrap{align-content: center;background: #fff;/*border: 6px solid #f5f8f9;*/}
.ski-info .ski-info-button-wrap i{color: #093554; font-size: 1.5rem; margin-right: 0.5rem;}
.ski-info .ski-info-button-wrap p{font-size: 1.1rem;font-weight: 300; margin: 0;display: flex; align-items: center;}
.ski-info .ski-info-button-wrap p a{font-size: 1.1rem; font-weight: 400; text-decoration: none; color: #167199;}
.ski-info .ski-info-button-wrap p a:hover{color: #0bc2e0;}
.ski-info .ski-info-button-wrap .ski-info-button{height: 100%; border-radius: 0; border: none!important; text-align: center; width: 100%; justify-content: center;}
.ski-info .ski-info-button-wrap .ski-info-button p{justify-content: center; width: 100%; margin: 0;}
.ski-info .ski-info-button-wrap .ski-info-button p span{margin-left: unset; font-size: 1.3rem; color: #167199; padding: 0rem 0.3rem;}
.ski-info .ski-info-button-wrap .ski-rating i{font-size: 1.3rem; color: #febf16!important;margin-right: 0.3rem;}

.ski-info .ski-info-button-wrap .ski-info-button .card-header{border-radius: 0; background-color: #093554; color: #fff;display: flex;justify-content: center;align-items: center;}
.ski-info .ski-info-button-wrap .ski-info-button .card-header i{color: #0bc2e0;}
.ski-info .ski-info-button-wrap .ski-info-button .card-header img{height: 1.5rem; width: auto;margin-right: 0.3rem;}
.ski-info .ski-info-button-wrap .ski-info-button .card-body{justify-content: center; flex-wrap: wrap; display: flex; align-items: center; padding: 0.5rem 0.5rem!important;min-height: 75px;}
.ski-info .ski-info-button-wrap .ski-info-button .card-body .wetter{width: 47%;}
.ski-info .ski-info-button-wrap .ski-info-button .card-body .wetter .highlight{font-size: 1rem; font-weight: 300;}
.ski-info .ski-info-button-wrap .ski-info-button .card-body .wetter i{font-size: 1.2rem; margin-right: 0.2rem!important;}
.ski-info .ski-info-button-wrap .ski-info-button .card-body .wetter p span{font-size: 1rem; padding: unset!important;}
.ski-info .ski-info-button-wrap .ski-info-button .card-body .wetter img{width: 45px;}

.ski-info .ski-info-button-wrap .card:hover .card-header{background-color: #0bc2e0;}
.ski-info .ski-info-button-wrap .card:hover .card-header i{color: #fff!important;}
.ski-info .ski-info-content-wrap{width: 100%; margin: auto; height: 100%; display: flex;flex-wrap: wrap; padding: 1.5rem; background: #fff;/*border: 6px solid #f5f8f9;*/}
.ski-info .ski-info-content-wrap h5{    color: #167199; text-align: left; font-size: 1.8rem; font-weight: 300;}
.ski-info .ski-info-content-wrap i{color: #093554; font-size: 1.5rem; margin-right: 0.5rem;}
.ski-info .ski-info-content-wrap p{width: 100%; font-size: 1rem;font-weight: 300; margin: 0;display: flex; align-items: center;}
.ski-info .ski-info-content-wrap p a{font-size: 1.1rem; font-weight: 400; text-decoration: none; color: #167199;}
.ski-info .ski-info-content-wrap p a:hover{color: #0bc2e0;}
.ski-info .img-caption{background-color: #fff; font-size: 0.9rem; width: 100%; padding: 0.3rem;}


.ski-info .ski-info-content-wrap .ski-info-button{border-radius: 0; border: none!important; text-align: center; width: 100%; justify-content: center;}
.ski-info .ski-info-button .card{border-radius: 0; border:none}
.ski-info .ski-info-button .card .card-header{background-color: #167199; border: none; border-radius: 0;font-size: 1.3rem; color: #fff; font-weight: 300;}
.ski-info .ski-info-content-wrap .ski-info-button p{justify-content: center; width: 100%; margin: 0;}
.ski-info .ski-info-content-wrap .ski-info-button p span{font-size: 1.3rem; color: #167199; padding: 0rem 0.3rem;}

.ski-info .ski-info-content-wrap .btn{background-color: #167199; color: #fff; width: 100%;}
.ski-info .ski-info-content-wrap .btn:hover{background-color: #0bc2e0; color: #fff;}
.ski-info .ski-info-content-wrap .btn a{color: #fff; text-decoration: none;}
.ski-info .ski-info-lift img{width: 30px;height: auto;}
.ski-info .ski-info-lift{max-width: 750px;}
.ski-info .ski-info-lift i{ color: #093554;font-size: 1.4rem; margin-right: 0;}
.ski-info .ski-info-lift .sessel-icon{ background-color: #f5f8f9; flex: 1 1 10%!important;}

.ski-info .ski-info-lift div{ flex: 1 1 20%; /*border-bottom: 1px solid #167199;*/ padding: 0rem; margin: unset;}

.ski-info .ski-info-sessellift{background: #f5f8f9; border-bottom: none!important;}

.ski-info .ski-info-lift div p{justify-content: center; font-size: 0.8rem; font-weight: 300;}
.ski-info .ski-info-lift p span{margin-left: unset; font-size: 1.1rem; color: #167199; font-weight: 400;}

.ski-info p span{margin-left: auto; font-size: 1.1rem;color: #167199;font-weight: 400;padding: 0 0.3rem;}


.ski-info .ski-info-sessellift{display: flex;flex-direction: row; justify-content: flex-start;}
.ski-info .ski-info-sessellift div{ flex: 1 1 20%; border-bottom: none!important;}
.ski-info .ski-info-lift-sessel p{width: 100%; text-align: center!important; display: flex; justify-content: center;}
.ski-info .ski-info-lift-sessel i:first-child{ font-size: 2.4rem; color: #167199;}
.ski-info .ski-info-lift-sessel i{color: #093554;font-size: 1.2rem; margin-right: 0;}

.ski-info .ski-pass p{display: flex; align-items: flex-end; line-height: 0.7;}
.ski-info .ski-pass p span{font-size: 2.2rem!important;}

.ski-info .ski-urlaub .img-wrap{display: none;height: 100%; max-height: 120px;}
.ski-info .ski-urlaub .img-wrap img{width: 100%; object-fit: cover; height: 100%;}
.ski-info .ski-urlaub .content-wrap{width: 100%;}
.ski-info .ski-urlaub h6{text-align: left; font-weight: 300; margin: 0; font-size: 1.2rem; color: #167199;}
.ski-info .ski-urlaub .location{justify-content: flex-start!important; text-align: left!important; font-size: 0.8rem;}
.ski-info .ski-urlaub .price{line-height: .7;align-items: flex-end; margin-top: 0.5rem!important;justify-content: unset!important; text-align: left!important;}
.ski-info .ski-urlaub .price span{font-size: 1.7rem!important;}

/*Skidetail Pisten und Lifte*/
.ski-info .ski-pist-lift{margin-top: auto; max-width: 750px;}
.ski-info .ski-pist-lift .row{height: auto;}
.ski-info .ski-pist-lift p{width: 100%; font-size: 1rem; flex-wrap: wrap;}
.ski-info .ski-pist-lift p span{ font-size: 1rem;color: #167199;font-weight: 400;padding: 0 0.3rem;}
.ski-info .ski-pist-lift i{ color: #167199;font-size: 2.1rem;}
.ski-info .ski-pist-lift .highlight{color: #093554;font-size: 1.2rem; font-weight: 400; margin-top: -7px; margin-bottom: -5px;}

.ski-info .ski-pist-lift .btn i{font-size: 1.2rem; color: #0bc2e0;}
.ski-info .ski-pist-lift .btn:hover i{color: #fff!important;}
.ski-info .ski-pistenplan{max-height: 450px; width: 100%; padding: 0!important; position: relative; overflow: hidden;}
.ski-info .ski-pistenplan img{transition: 0.5s; height: 100%; max-height: 400px; width: 100%;object-fit: cover; object-position: top;}
.ski-info .ski-pistenplan:hover img{filter: contrast(1.2) blur(2px);transform: scale(1.15);}
.ski-info .ski-pistenplan:hover .pisten-plan-vb{display: flex!important;}
.ski-info .ski-pistenplan .img-caption{position: absolute;  display: flex; align-items: center; background: rgb(9, 53, 84,0.7);backdrop-filter: blur(2px); font-size: 0.9rem; padding: 0.3rem; width: unset!important; bottom: 0; left: 0; margin: 1rem; color: #fff;}
.ski-info .ski-pistenplan .img-caption span{margin-left: auto; font-size: 1rem;}
.ski-info .ski-pistenplan .img-caption span a{ font-size: 1rem;}
.ski-info .ski-pistenplan .img-caption span i{font-size: 1rem!important; margin-right: 0;}

.ski-info .ski-pistenplan .pisten-plan-vb{display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); align-items: center; text-align: center;align-content: center; justify-content: center; padding: 1rem; border-radius: 0.25rem; color: #fff!important; background: rgb(9, 53, 84,0.7);}
.ski-info .ski-pistenplan .pisten-plan-vb a{display: flex; align-items: center; color: #fff; text-decoration: none;}
.ski-info .ski-pistenplan .pisten-plan-vb i{color: #fff!important;}

.img-galery{max-height: 80px; align-content: center; display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; width: 100%;}
.img-galery div{height: 100%;width: 24%;}
.img-galery img{transition: 0.5s; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.img-galery img:hover{filter: saturate(1.2) contrast(1.2);}
.img-galery h5{text-align: left!important;}

.ski-info .ski-pist-lift .progress{height: 0.75rem; border-radius: 0; overflow: visible; margin: 1.5rem 0rem;}
.ski-info .ski-pist-lift .progress-bar{border-radius: 0; overflow: visible;}
.ski-info .ski-pist-lift .progress-bar span{font-weight: 500; margin-top: -30px; color: black;}
.ski-info .ski-pist-lift .progress-beginner{background-color: darkolivegreen;}
.ski-info .ski-pist-lift .progress-easy{background-color: #167199;}
.ski-info .ski-pist-lift .progress-medium{background-color: crimson;}
.ski-info .ski-pist-lift .progress-hard{background-color: #212529;}

.ski-info .ski-pist-lift i{font-size: 0.7rem;margin-right: 0.2rem;}
.ski-info .ski-pist-lift .easy i{color: #167199;}
.ski-info .ski-pist-lift .medium i {color: crimson;}
.ski-info .ski-pist-lift .hard i{color: #212529;}
.ski-info .ski-pist-lift .beginner i {color: darkolivegreen;}

.ski-info .fa-grip-lines-vertical{color: #808080!important; font-size: 1rem!important; margin: 0 0.2rem!important;}
.ski-info .ski-info-table p{border-bottom: 1px solid #f5f8f9; padding: 0.2rem}

/*Extra Buttons Content*/
.ski-extra-button-wrap .card{margin: auto; border: none; border-radius: 0; height: 100%; max-width: 470px;}
.ski-extra-button-wrap .card .card-header{border-radius: 0; background-color: #093554; color: #fff;}
.ski-extra-button-wrap .card .card-header i{margin-right: 0.3rem; color: #0bc2e0!important;}
.ski-extra-button-wrap .card .card-body{height: 100%; padding: 0; position: relative;}
.ski-extra-button-wrap .card .card-body .card-overlay{position: absolute; margin: 0.5rem; padding: 0.3rem; backdrop-filter: blur(2px); background-color: rgb(255,255,255,.4);top: 0;}
.ski-extra-button-wrap .card .card-body .overlay-price{color: #fff; font-size: 0.9rem; padding: 0.3rem; position: absolute; top: 0rem; right: 0rem; background-color: crimson;}

.ski-extra-button-wrap .card .card-body .overlay-wrap{ position: absolute; margin: 0.5rem; padding: 0.5rem; backdrop-filter: blur(5px); background: rgb(9, 53, 84,0.5);bottom: 0;}
.ski-extra-button-wrap .card .card-body img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.ski-extra-button-wrap .card .card-body .overlay-wrap h5{ color: #fff; margin: 0; text-align: left!important; font-size: 1.0rem!important;}
.ski-extra-button-wrap .card .card-body .overlay-wrap h5 i{margin-right: 0.3rem; color: #0bc2e0;}
.ski-extra-button-wrap .card .card-body .overlay-wrap h5 a{color: #fff; text-decoration: none;}

.ski-extra-button-wrap .card .card-body .overlay-wrap p{margin: 0; color: #fff; font-size: 0.9rem!important;}
.ski-extra-button-wrap .card .card-body .overlay-wrap p i{color: #0bc2e0;}
.ski-extra-button-wrap .card .card-body .overlay-wrap .stars i{color: #febf16; font-size: 0.9rem;}

.ski-extra-button-wrap .card .btn{border-radius: 0.25rem!important; height: 100%; display: flex;align-items: center; background-color: #167199; border-radius: 0rem; padding: 0.3rem 0.75rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; text-decoration: none; border: none; color: #fff;}
.ski-extra-button-wrap .card .btn i{margin-right: 0.3rem;}
.ski-extra-button-wrap .card .btn:hover{background-color: #0bc2e0;}

.ski-extra-button-wrap .card .card-body .card-comment-wrap{padding: 1rem;}
.ski-extra-button-wrap .card .card-body .card-comment-wrap .stars{color: #febf16;}
.ski-extra-button-wrap .card .card-body .card-comment-wrap h5{text-align: left!important;font-size: 1.2rem;color: #167199; margin: 0;}
.ski-extra-button-wrap .card .card-body .card-comment-wrap h5 img{width: 20px!important; height: auto!important; margin-right: 0.3rem!important;}
.ski-extra-button-wrap .card .card-body .card-comment-wrap p{font-size: 0.9rem; margin: 0.3rem 0rem;}
.ski-extra-button-wrap .card .card-body .comment-text{margin-top: 0.3rem!important; max-height: 5rem; text-align: left; overflow: hidden; line-height: 1.4; font-size: 1rem!important; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


/*Editorial News*/
.ski-news-editorial{ background: #fff; /*border: 6px solid #f5f8f9; */display: flex; flex-wrap: wrap; padding: 1rem;}
.ski-news-editorial h5{font-size: 1.75rem; margin-bottom: 0.5rem;}
.ski-news-editorial h5 i{margin-right: 0.3rem; color: #0bc2e0;}
.ski-news-editorial p{margin: 0; font-weight: 300;}
.ski-news-editorial p strong{color: #167199; font-weight: 600;}
.ski-news-editorial ul{margin: 0.5rem 0rem; list-style: none; padding: 0;}
.ski-news-editorial ul li i{margin-right: 0.3rem; font-size: 0.4rem; color: #0bc2e0;}
.ski-news-editorial ul li{font-weight: 300; display: flex; align-items: center;}
.ski-news-editorial a{font-weight: 500; color: #167199; text-decoration-color: #FF6600;}
.ski-news-editorial a:hover{color: #0bc2e0; text-decoration-color: #0bc2e0;}


/*Skiaward*/
.ski-award-content .card-header{border-radius: 0!important; font-weight: 300; font-size: 1.3rem; text-align: center; background-color: #093554; color: #fff;}
.ski-award-content .card-header img{margin-right: 0.3rem;}

.ski-award-content ul{list-style: none;}
.ski-award-content .position{color: #FF6600; font-size: 1.1rem; font-weight: 500; margin-right: 0.3rem;}
.ski-award-content .category{color: #167199; font-size: 1rem; font-weight: 500;}
.ski-award-content .stars i{color: #febf16;}

.ski-award-content a{text-decoration: none; color: #167199;}
.ski-award-content a i{color: #FF6600; margin-right: 0.3rem;}
.ski-award-content a:hover{text-decoration: none; color: #0bc2e0;}

.ski-award-content{border-radius: 0!important;flex: 1 1 100%; border: none!important; padding: 0px!important;}
.ski-award-content .card-footer:last-child{border-top: #0bc2e0 1px solid;}
.ski-award-content .card-footer{background-color: #fff;}
/*Tabelle Informationen*/
.ski-infos-table .card{border-radius: 0!important; flex: 1 1 150px ; margin: 0.3rem; min-width: 150 px;display: flex; flex-wrap: wrap; background-color: #fff; padding: 0; /*border: 5px solid #f5f8f9;*/ border: none;}
.ski-infos-table .card .card-body{padding: 0.5rem;}

.ski-infos-table .card .table-info-wrap h5{line-height: 1.7; margin-left: 0.5rem!important; margin: 0; text-align: left!important; color: #167199;}
.ski-infos-table .card .table-info-wrap h5 i{color: #FF6600; margin-right: 0.3rem;}
.ski-infos-table .card .table-info-wrap li{font-size: .9rem;}
.ski-infos-table .card .table-info-wrap li span{margin-right: 0.3rem;}
.ski-infos-table .card .table-info-wrap .table-element-title{color: #167199; font-size: 1.2rem!important;font-weight: 300;}

.ski-infos-table .card .table-info-wrap li span .easy{color: #167199!important;}
.ski-infos-table .card .table-info-wrap li span .medium{color: crimson!important;}
.ski-infos-table .card .table-info-wrap li span .hard{color: #2e2e2e!important;}

.ski-infos-table .card .table-info-wrap li span .open{color: green!important;}
.ski-infos-table .card .table-info-wrap li span .closed{color: #808080!important;}



/*Pisten und Rodelbahn*/
.ski-content-pist-wrap .card{border:none; border-radius: 0; font-size: 0.9rem;}
.ski-content-pist-wrap .pist-element .card-body{padding: 0.5rem;}
.ski-content-pist-wrap .pist-element{height: 100%; display: flex; flex-wrap: wrap; background-color: #fff; padding: 0;}

.ski-content-pist-wrap .pist-element h5{text-align: left!important; font-size: 1.2rem; color: #167199;}
.ski-content-pist-wrap .pist-element p{margin: 0; width: unset;}
.ski-content-pist-wrap .pist-element p span:first-child{margin-left: 0;}
.ski-content-pist-wrap .pist-element span{margin-left: 1rem;}
.ski-content-pist-wrap .pist-element i{margin-right: 0.3rem;}
.pist-element .easy{color: #167199;font-size: 0.7rem;}
.pist-element .medium{color: crimson!important;font-size: 0.7rem;}
.pist-element .hard{color: #212529;font-size: 0.7rem;}
.pist-element .all{color: darkolivegreen;font-size: 0.7rem;}

.ski-content-pist-wrap .table-responsive{display: block; max-width: unset!important;}

.ski-content-pist-wrap .row .col-sm-6{flex: 1 1 auto;}
.rodel-element h5{text-align: left!important; font-size: 1.2rem; color: #167199;}
.rodel-element{height: 100%; border-radius: 0; flex-wrap: wrap; display: flex!important;align-items: center;  height: 100%;}
.rodel-element .card-body{width: 100%;padding: 0.5rem; align-items: center;display: flex;flex-wrap: wrap; align-content: flex-start;}
.rodel-element p{width: 100%;margin: 0;}
.rodel-element i{margin-right: 0.3rem;}


/*Ski POIs*/
.ski-poi-element i{margin-right: 0.3rem;}
.ski-poi-element .card{border: none; border-right: 0;}
.ski-poi-element .card p{margin: 0;}
.ski-poi-element .card .card-body{padding: 0.5rem 0.5rem;}
.ski-poi-element .card img{ transition: .5s; width: 100%; height: 150px; object-fit: cover; object-position: center; padding: 0.5rem;}
.ski-poi-element .card:hover img{filter: contrast(1.1) brightness(1.1);}
.ski-poi-element .card h5{margin: 0.3rem 0rem; text-align: left!important; font-size: 1.2rem;}
.ski-poi-element .card .poi-category{color: #0bc2e0; font-weight: 500; font-size: .9rem;}
.ski-poi-element .card .poi-list-data{color: #167199; font-size: 1rem;}
.ski-poi-element .card .poi-list-data i{margin-right: 0.3rem;}
.ski-poi-element .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;}

.ski-poi-accommondation .stars{margin: 0;}
.ski-poi-accommondation .stars i{color: #febf16;}
.ski-poi-accommondation .price{font-size: 0.9rem;}
.ski-poi-accommondation .price span{font-size: 1.4rem; font-weight: 500; color: #FF6600;}

.ski-poi-town .poi-list-text{margin-top: 0.3rem!important;}
.ski-poi-town .poi-list-text p span{    margin-right: 0.5rem;font-size: 0.9rem!important; font-weight: 300; line-height: 1.5;}
.ski-poi-town .poi-list-text p .highlight{color: #167199;}

.ski-poi-pist .poi-list-text p span{  margin-right: 0.5rem;font-size: 0.9rem!important; font-weight: 300; line-height: 1.5;}
.ski-poi-pist .poi-list-text p .highlight{color: #167199;}

.ski-poi-pist .poi-list-text p .easy{color: #167199;}
.ski-poi-pist .poi-list-text p .medium{color: crimson;}
.ski-poi-pist .poi-list-text p .hard{color: #212529;}


/*Orte*/
.ski-content-orte .ort-element{height: 100%; border: 5px solid #f5f8f9; border-radius: 0;}
.ski-content-orte .ort-element h5{margin: 0; margin-bottom: 0.3rem; display: flex; align-items: center; justify-content: center;}
.ski-content-orte .ort-element h5 a{text-decoration: none;text-align: center!important; font-size: 1.4rem!important; color: #167199;}
.ski-content-orte .ort-element h5 a:hover{color: #0bc2e0;}
.ski-content-orte .ort-element h5 i{margin-right: 0.3rem;}
.ski-content-orte .ort-element p {margin: 0.3rem 0rem;}
.ski-content-orte .ort-element p i{margin-right: 0.3rem; color: #093554;} 
.ski-content-orte .ort-element .btn{display: block; background-color: #167199; border-radius: 0.35rem; padding: 0.3rem 0.75rem; width: auto; margin-left: auto; margin-right: auto; margin-top: 0.3rem; text-align: center; text-decoration: none; border: none; color: #fff;}
.ski-content-orte .ort-element .btn:hover{background-color: #0bc2e0;}
.ski-content-orte .ort-element .btn i{margin-right: 0.3rem;}


/*Orte Wetter*/
.ski-orte .main-weather{background: #fff;padding: 0.5rem;}
.ski-orte .main-weather h5{text-align: left; font-size: 1.3rem; font-weight: 300;}
.ski-orte .main-weather h6{margin: 0.5rem 0rem; font-size: 1rem; font-weight: 300;color: #167199;}

.ski-orte .main-weather .card{flex-direction: row; border: none; border-radius: 0;}
.ski-orte .main-weather .card .card-body{padding: 0.3rem; height: 100%; align-content: center; align-items: center; text-align: center;justify-content: center; display: flex; flex-wrap: wrap;}

.ski-orte .main-weather .card .card-body p{word-break: unset;white-space: unset; display: flex; flex-wrap: wrap;}

.ski-orte .main-weather .card .card-body p span:first-child{margin-left: 0;}
.ski-orte .main-weather .card .card-body p span{width: 100%; margin-left: 0; 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 p .rain{color: #167199;}
.ski-orte .main-weather .card .card-body p .temp{color: #093554;}

.ski-orte .main-weather .card img{max-width: 45px;}
.ski-orte .main-weather .card .row{flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;}
.ski-orte .main-weather .card .card-title{text-align: center; margin: 0; font-weight: 500; font-size: 1rem; color: #1E3B11;}





/*Artikel SKI News*/
.ski-content-article .card{ margin: 0; border: none!important; border-radius: 0rem!important;}
.ski-content-article .card:hover img{filter: saturate(1.2) contrast(1.2);}
.ski-content-article .card img{object-fit: cover; border-radius: 0rem; height: 250px;transition: 0.3s;}
.ski-content-article .carousel-news-category { position: absolute; min-width: 120px; top: 0; left: 0; background-color: #167199; color: #fff!important; padding: 0.7rem;}
.ski-content-article .carousel-news-category p{margin-bottom: 0;}
.ski-content-article .carousel-news-category a { color: unset; text-transform: uppercase; font-size: 0.9rem; text-decoration: none;}
.ski-content-article .card-body h5{ text-align: left; max-height: 3.4rem; max-height: 3.4rem; overflow: hidden; font-size: 1.2rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ski-content-article .card-body p{text-align: left;}
.ski-content-article .card-body .card-text{overflow: hidden; display: -webkit-box; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ski-content-article .card-body .carousel-news-category{position: relative; background-color: unset; height: unset;padding: unset;}
.ski-content-article .card-body .card-hashtags{color: #0bc2e0; margin-bottom: 0;}
.ski-content-article .card-body .carousel-news-category p{text-align: left; font-size: 0.95rem; color: #093554;}


/*Skigebiet kontakt*/
.ski-contact {border-right: 0!important; border: none!important; padding-top: 0.5rem; padding-bottom: 0.5rem;}
.ski-contact .card-title{text-align: left; font-size: 1.3rem;color: #167199; font-weight: 300; }
.ski-contact .card-body{padding: 0;}
.ski-contact .card-body p span:first-child{font-weight: 500!important;}
.ski-contact .card-body .btn{background-color: #167199; color: #fff;}
.ski-contact .card-body .btn:hover{background-color: #0bc2e0;}


/*Ski Zusammenschluss*/
.ski-zusammenschluss .card{max-width: 350px; margin: auto; border: none; border-radius: 0;}
.ski-zusammenschluss .card:hover img{filter: saturate(1.2) contrast(1.2);}
.ski-zusammenschluss .card img{transition: 0.5s; width: 100%;}
.ski-zusammenschluss .card h5{margin: 0; font-size: 1.4rem; color: #167199; text-align: left;}
.ski-zusammenschluss .card-body{padding: 0.5rem;}
.ski-zusammenschluss .card-body .data p{margin-bottom: 0; font-size: 0.9rem; width: 100%;align-items: center; align-content: center; display: flex;}
.ski-zusammenschluss .card-body .data p span{font-weight: 500; color: #167199; margin-left: auto;}
.ski-zusammenschluss .card-body .status{font-size: 0.9rem;}
.ski-zusammenschluss .card-body .status .open{color: green;}
.ski-zusammenschluss .card-body .status .closed{color: crimson;}
.ski-zusammenschluss .card-body .status i{margin-right: 0.2rem; font-size: 0.6rem;}

/************************************************************/
/*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;}


/*Super Small Devices*/
@media (min-width: 300px) {
    .ski-info .ski-info-lift div{padding: 0.3rem;}
    .skipass-detail .skipass-element .table-responsive{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{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{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{max-width: 700px!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{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{max-width: 1000px!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) { }