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

.status-wrap .ski-status {
	color: #093554;
	font-size: 0.8rem;
}

/*Changed Bootstrap CSS*/
/*.row{--bs-gutter-x: unset!important;}*/
.navbar-light{background-color: #f5f8f9; transition: 0.5s;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: #167199!important; font-weight: 500;}
.navbar-light .navbar-nav .nav-link{margin-right: 0.5rem; color:#808080; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#167199!important;}
.navbar-light .navbar-nav .active{color: #167199;}
.navbar-brand img{width: 150px;}
.navbar-nav .me-auto .my-2 .my-lg-0 .navbar-nav-scroll {--bs-scroll-height: unset!important;}
.navbar .form-select{display: none;}
#suche{ z-index: 1!important;}

.breadcrumb{font-size: 0.9rem;}
/*.breadcrumb-wrap{padding: 0!important; max-width: 1200px; float: unset;}
.breadcrumb{padding: 0.5rem 0.5rem!important; background: rgb(255,255,255, 0.6); backdrop-filter: blur(10px); margin-bottom: 0.6rem!important;}*/
.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;}

.carousel-control-next i, .carousel-control-prev i{ font-size: 2.5rem; width: 30px; height: 45px; background-color: #fff; display: flex; color: #093554;align-items: center; justify-content: center; border: 1px solid #093554;}
.carousel-control-next{ justify-content: right!important; opacity: 0.7!important;}
.carousel-control-prev{ justify-content: left!important; opacity: 0.7!important;}

.carousel-control-next:hover, .carousel-control-prev:hover{ opacity: 0.9!important;}
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; background: #808080; height: 3rem!important; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%;}

.btn-search{color: #167199!important; border: 1px solid #167199!important;}
.carousel-item img{height: 300px;object-fit: cover;object-position: center;}

.carousel-control-next, .carousel-control-prev{width: 7%!important;}



.content .table-responsive{margin-left: 1rem!important; margin-right: 1rem!important; display: none;/* background: #f5f8f9;*/ overflow-x: auto!important;  max-width: 300px!important;}
.table-responsive{}
.table-responsive tr a{ color: #093554; text-decoration: none;}
.table-responsive tr a:hover{ color: #0bc2e0;  text-decoration: none;}
.table-responsive td a i{ color: #167199!important;}
.table-responsive td a:hover i{ color: #0bc2e0!important;}
.table-responsive table tr td{ padding-top: 1rem!important; padding-bottom: 1rem!important;}
.table-responsive table{margin-bottom: 0;}

.tab-content{ width: 100%;}
.table-dark th{font-weight: 400!important;}
.table-dark { --bs-table-bg: #093554!important; --bs-table-striped-bg: #093554!important; --bs-table-striped-color: #fff; --bs-table-active-bg: #093554!important; --bs-table-active-color: #fff; --bs-table-hover-bg: #093554!important; --bs-table-hover-color: #fff; color: #fff; border-color: #093554!important;}
.badge{  padding: .45em .75em;}

/*Footer CSS */
.partner .row .col-12{background: rgb(255,255,255, 0.6); backdrop-filter: blur(10px);}
.partner h4{font-size: 1.7rem; font-weight: 400; margin: 0.5rem 0rem; width: 100%;text-align: center;}
footer{ background: #093554!important; border: none!important; width: 100%;}
footer h5{ color: #0bc2e0!important;text-transform: uppercase!important; font-weight: 400!important; font-size: 1.2rem!important;}
footer p a{ color: #fff!important; text-decoration: none; font-size: 1.1rem;}
footer a i{ color: #0bc2e0; margin-right: 0.3rem;}
footer p a:hover{ color: #0bc2e0!important;}
footer ul{list-style: none;padding-left: 0;}
footer ul li{ font-size: 1.1rem; padding: 0.3rem 0rem;}
footer ul li a{ text-decoration: none!important; color: #fff;}
footer ul li a:hover{ text-decoration: none!important; color: #0bc2e0;}
footer label{ color: #fff!important;}

footer .btn:hover{ color: #0bc2e0!important;}
footer .social{ font-size: 2rem; display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto;}
footer .social a{ color: #fff!important; text-decoration: none!important;}
footer .social a i{ color: #fff!important; text-decoration: none!important;}
footer .social a:hover i{ color: #0bc2e0!important;}

footer .footer-app-promo img{width: 170px; margin-left: auto;margin-right: auto; padding: 0.5rem;}
footer .footer-newsletter{}
footer .footer-newsletter input{flex-grow: 1; width: unset; }
footer .btn{margin-top: 0.5rem; border: none; background-color: #fff!important; width: 100%; padding: 0.5rem 0.8rem; color: #167199!important; font-weight: 500;}

@media (max-width: 991px) { 
.scrolled .navbar-collapse.show{top: 3.3rem;}
.navbar-collapse.show{  position: absolute;left: 0;background: #093554;box-shadow: 3px 3px 3px 2px rgb(0 0 0 / 40%); height: 100vh; top: 5.7rem; padding: 1rem;}
.dropdown-menu{background-color: #093554!important; border-bottom: 1rem solid #093554!important;}
.mega-content{display: none;}
.mobile-dropdown{display: block; text-transform: uppercase;margin-top: -1rem!important;}
.navbar-collapse .nav-link{color: #fff!important; font-size: 1.1rem; margin: 0.5rem 0rem;font-weight: 300;}
.mobile-dropdown button{ color: #fff; background: unset; border: none;}
.mobile-dropdown .dropdown a{ color: #fff; font-size: 1rem; text-decoration: none; margin-left: 0.5rem; font-weight: 300;}    
.mobile-dropdown .dropdown a:hover{ color: #0bc2e0;}
.mobile-dropdown .dropdown a:active{color: #0bc2e0;}
.mobile-dropdown .dropdown li:active{color: #0bc2e0;}
.mobile-dropdown .dropdown-menu li{ margin: 0.7rem 0rem;padding-left: 0.5rem;}
.mobile-dropdown .dropdown-menu .show::before{ color: #0bc2e0!important;}
.navbar-collapse form{border-top: 1px solid #0bc2e0; padding-top: 0.3rem;}
.btn-search{ border: none!important; background-color: #167199!important; color: #fff!important;}
.scrolled .nav-link { color: #fff!important; font-size: 1.1rem!important;}

.is-dimmed .navbar form { margin: auto;flex-wrap: wrap;width: 90%; max-width: 250px;}
.is-dimmed .navbar .form-select {display: block;width: 100%; max-width: unset!important;}
.is-dimmed #suche{ width: 100%!important; max-width: unset!important; margin-right: 0!important;margin-top: 0.3rem;}
.is-dimmed .btn-search{width: 100%!important; margin-top: 0.3rem!important; text-align: center;}}


/*Scrolled navbar CSS*/
.scrolled .navbar{padding: 0; background-color:#093554!important; color: #fff!important; }
.scrolled .nav-link{ color: #fff!important; font-size: 0.9rem;}
.scrolled .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{ color: #0bc2e0!important; font-weight: 500;}
.scrolled .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #0bc2e0!important;}
.scrolled .btn-search{ border: none!important; background-color: #167199!important; color: #fff!important;}
.scrolled .navbar-light .navbar-toggler { border-color: #f5f8f9;}
.scrolled .navbar-light .navbar-toggler i{color: #f5f8f9;}
.scrolled .navbar-brand img {width: 100px; }


/* Dimmed Effect */
.is-dimmed:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
.is-dimmed .navbar-nav{display: none;}
.is-dimmed .navbar form{margin: auto;width: 90%;}
.is-dimmed{overflow: hidden; width: 100%; height: 100%;}
.is-dimmed .navbar-light{z-index: 1111111;}
.is-dimmed #suche{width: 100%!important;max-width: 1750px;}
.is-dimmed .navbar .form-select{display: block;max-width: 175px;}

/*More Link*/
.schnee-link{margin-top: 0; width: 100%; text-align: right;}
.schnee-link a{font-weight: 400; text-decoration: none; color: #167199;}
.schnee-link a:hover{color: #0bc2e0;}
.schnee-link a i{margin-right: 0.3rem; color: #FF6600;}


/*CSS*/
body{background-image: url('/rendercontrol/images/schneehoehen/sh_bg_6.jpg');background-attachment: fixed; background-repeat: no-repeat;background-position: center; background-size: cover; margin-top: 6.4rem!important;}
.body-wrapper{display: flex; justify-content: flex-start; flex-direction: row; margin-left: auto; margin-right: auto;}
.content{padding-bottom: 8rem; width: 1200px; background: rgb(255,255,255, 0.8); /*backdrop-filter: blur(10px);*/}

.body-wrapper-sh{padding: unset; display: flex;}
.content-sh{padding: 1rem 0rem; padding-bottom: 8rem;display: flex; flex-wrap: wrap; width: 1200px; background: rgb(255,255,255, 0.8); /*backdrop-filter: blur(10px);*/}


.mt-extra{margin-top: 5rem!important;}
/*.light-row{background-color: #f5f8f9; margin-left: -1.5rem!important; margin-right: -1.5rem!important; padding-top: 2rem; padding-bottom: 2rem;}
.full-row{margin-left: -1.5rem!important; margin-right: -1.5rem!important;}*/

.dp-desktop{display: none!important;}

.side-ad{position: sticky; left: 1205px; height: 600px; width: 300px; background-color: thistle; top: 4rem; margin-left: 1rem;}
.side-ad-sh{position: sticky; left: 1205px; width: 300px; top: 4rem; margin-left: 0.7rem; height: fit-content!important;}
.side-ad-sh img{height: 600px; width: 300px; position: sticky; top: 4rem;}
.content h1, .content-sh h1{font-size: 2.5rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
.content h2, .content-sh h2{font-size: 2.2rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
.content h3, .content-sh h3{font-size: 2rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
.content h4, .content-sh h4{font-size: 1.7rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
.content h5, .content-sh h5{font-size: 1.4rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}


/*Banner*/
#mainHeader .carousel-item img{height: 200px;}
#mainHeader .carousel-item-next,#mainHeader .carousel-item-prev,#mainHeader .carousel-item.active { display: flex!important; flex-wrap: wrap; justify-content: center;}

.banner-caption-wrap{background: #093554;display: flex; height: 200px; width: 100%; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;justify-content: center;}
.banner-caption { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;align-items: flex-start;}

.banner-caption h5 { text-align: center!important; font-weight: 700!important; line-height: 1.2; color: #fff;}
.banner-caption button{border: none; background-color: #fff;width: 100%; max-width: 250px; padding: 0.5rem 0.8rem; color: #167199!important; font-weight: 500;}
.banner-caption button i{margin-right: 0.3rem;}

.banner-caption-wrap-right{background: #093554; display: flex; height: 200px; width: 100%; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;justify-content: center;}
.banner-caption-wrap-right .banner-caption{width: 100%; display: flex;flex-wrap: wrap; justify-content: center; align-content: center; align-items: flex-start;}
.banner-caption button{border: none; background-color: #fff;width: 100%; max-width: 250px; padding: 0.5rem 0.8rem; color: #167199!important; font-weight: 500;}
.banner-caption button i{margin-right: 0.3rem;}
.banner-caption button:hover{color: #0bc2e0!important;}

.banner-caption-side-wrap{ display: none; flex-wrap: wrap;top: 0; right: 0; flex-flow: column; justify-content: center; align-items: flex-start; align-self: flex-end; height: 100%; position: absolute;  min-width: 300px;max-width: 375px;}
.banner-caption-side{background: rgb(245, 248, 249,0.6); padding: 1.5rem; margin-right: 3rem; display: flex; flex-wrap: wrap; backdrop-filter: blur(10px);}

.banner-caption-side h5{ width: 100%!important; font-size: 1.5rem!important; font-weight: 300!important; text-align: left!important; text-transform: uppercase;}
.banner-caption-side h5 i{ color: #167199; margin-left: 0.3rem;}
.banner-caption-side h6{ width: 100%; font-size: 1.1rem; color: #093554; font-weight: 500;}
.banner-caption-side h6 i{margin-right: 0.3rem;}
.banner-caption-side h6 .ski-banner-icon{font-size: 1.5rem;}
.banner-caption-side a{display: flex; align-items: center; width: 100%; font-size: 1.1rem; font-weight: 400; color: #212529; text-decoration: none;}
.banner-caption-side a i{ margin-right: 0.3rem; color:#167199; }
.banner-caption-side a:hover{  color: #0bc2e0; }.banner-caption-side button{ border: none; background-color: #fff; width: 100%; max-width: 250px;  padding: 0.5rem 0.8rem; color: #167199!important; font-weight: 500; }
.banner-caption-side button i{ margin-right: 0.3rem; }
.banner-caption-side button:hover{color: #0bc2e0!important;}
.banner-caption-side .small,.banner-caption-side small { font-size: .80em;    margin-bottom: 0.3rem;}
.banner-caption-side small span:first-child{ margin-right: 0.3rem;}

.banner-country{ margin: 0.5rem 0rem; width: 100%;font-size: 1.5rem!important; font-weight: 300; display: flex; flex-flow: row; align-items: center;  }
.banner-country a{text-decoration: none; color: #212529;font-weight: 400;font-size: 1.3rem;}
.banner-country a:hover{color:#0bc2e0!important}
.banner-img-country-left{ width: 30px; height: auto!important; transform: rotate( 10deg); margin-right: 1rem;}
.banner-img-country-right{ width: 30px; height: auto!important; transform: rotate( -10deg); margin-right: 1rem;}

.banner-caption-side-promo-img{ background: rgb(245, 248, 249,0.7); width: 100%; display: flex; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;backdrop-filter: blur(10px);}
.banner-caption-side-promo-img img{ height: auto; object-fit: contain; max-height: 295px; object-position: center;  }
.banner-caption-side-promo-img .promo-img-caption{ position: absolute; transform: rotate( 10deg); bottom: 20%; color: crimson;text-shadow: 1px 1px #fff; left: 20%; font-size: 1.4rem;}
.carousel-item .promo-img .promo-desktop{display: none!important;}
.carousel-item .promo-img .promo-mobile{display: block!important;}


/* Megamenu */
.fixed-top{ display: flex!important; flex-wrap: wrap!important;}
.dropdown-menu { width: 100%!important; position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; margin-top: 0!important; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-clip: padding-box; border: none!important; border-bottom: 1rem solid #f5f8f9; border-radius: 0rem 0rem 0rem 0rem!important;}
.mega-content .card{ border: none!important;}
.mega-content h5{font-weight: 400;  font-size: 1.1rem!important; color: #167199;}
.mega-content h4 a{font-weight: 300; font-size: 1.7rem!important; color: #212529!important; text-decoration: none!important;}
.mega-content h4 a:hover{ font-weight: 300;font-size: 1.7rem!important; color: #0bc2e0!important; text-decoration: none!important;}
.mega-content h4 i{margin-right: 0.3rem; color: #167199;}
.mega-content h5 i{margin-right: 0.3rem; color: #167199;}
.mega-content h4{ font-weight: 300; font-size: 1.7rem!important; color: #212529!important; text-decoration: none!important;}
.mega-content p{ color: #212529; font-weight: 300; line-height: 1.6; font-size: 1.1rem;}
.mega-content a{ color: #167199!important; font-weight: 400; text-decoration: none;}
.mega-content a:hover{ color: #0bc2e0!important;}
.mega-content .badge { background: #167199!important; margin-left: 0.3rem;}
.mega-content h4 button{ border: none; font-size: 1.2rem; background-color: #167199!important; padding: 0.5rem 0.8rem; border-radius: .25rem; color: #fff; font-weight: 300;}
.mega-content h4 button:hover{ background-color: #0bc2e0!important;}
.mega-content{border-bottom: 7px solid #093554; padding-bottom: 0.3rem;}

.mega-list-wrap{ border-left: 1px solid #0bc2e0;}
.mega-list-wrap h5{padding-left: 0.3rem; font-size: 1.1rem!important; font-weight: 400; text-transform: uppercase; color: #808080!important;}
.mega-list-wrap h5 a{font-size: 1.1rem!important; color: #167199!important;}
.mega-list-wrap h5 a:hover{font-size: 1.1rem!important;color: #0bc2e0!important;}
.mega-list-wrap a{text-decoration: none;}
.mega-list-wrap ul{ list-style: none; padding-left: 0.3rem;}
.mega-list-wrap ul li:first-child{ margin-top: 0!important;}
.mega-list-wrap ul li{margin: 0.5rem 0rem 0.5rem 0rem!important;}

.mega-list-wrap ul li a{ color: #212529;font-weight: 300; font-size: 1.1rem;}
.mega-list-wrap ul li a:hover{ color: #0bc2e0; }
.mega-list-wrap ul li a i{margin-right: 0.3rem;color: #167199!important; }
.mega-list-title{font-size: 1.1rem!important;font-weight: 400; text-transform: uppercase!important; color: #808080!important;}


/* Megamenu Schneehöhen Content */
.mega-content-schneehoehen .card-img-overlay .btn{ border: none; background-color: #fff; width: 100%; padding: 0.5rem 0.8rem; color: #167199!important; font-weight: 500;}
.mega-content-schneehoehen .card-img-overlay{ backdrop-filter: blur(3px); padding: 1.5rem!important; font-size: 1.1rem; background-color: rgb(255,255,255,0.5);}

.mega-content-img-wrap{justify-content: center; display: flex; margin-bottom: unset!important; margin-left: unset!important; margin-top: unset!important; background-size: cover; background-position: center; background-repeat: no-repeat;}
.mega-content-img-wrap div{ align-self: center; height: fit-content; padding: 1rem; backdrop-filter: blur(5px); background-color: rgb(255,255,255,0.6);}
.mega-content-img-wrap .btn{ border: none; background-color: #fff;  width: 100%; padding: 0.5rem 0.8rem; color: #167199!important; font-weight: 500;}

.mega-content-promo{display: none; background-color: #fff!important; color: #167199!important;}
.mega-content-promo h5{ color: #167199!important; font-size: 1.3rem!important;}
.mega-content-promo a{color: #167199!important;}

.mega-content-schneehoehen #schneehoehen-carousel-id{width: 100%; display: none;}
.mega-content-schneehoehen #schneehoehen-carousel-id .card-title{text-align: center;font-weight: 300;}
.mega-content-schneehoehen #schneehoehen-carousel-id .card-title a{ font-size: 1.3rem!important; color: #212529!important; font-weight: 300;}
.mega-content-schneehoehen #schneehoehen-carousel-id .card-title a:hover{ color: #0bc2e0!important;}
.mega-content-schneehoehen #schneehoehen-carousel-id .card{background-color: #f5f8f9;}
.mega-content-schneehoehen #schneehoehen-carousel-id .card img{display: none; height: 120px; border-radius: 0;}
.mega-content-schneehoehen #schneehoehen-carousel-id .card p{margin-bottom: 0;}

.mega-content #mega-ski-carousel-id{width: 100%; display: none;}
.mega-content #mega-ski-carousel-id .card-title{text-align: center;font-weight: 300;}
.mega-content #mega-ski-carousel-id .card-title a{ font-size: 1.3rem!important; color: #212529!important; font-weight: 300;}
.mega-content #mega-ski-carousel-id .card-title a:hover{ color: #0bc2e0!important;}
.mega-content #mega-ski-carousel-id .card img{ height: 120px; border-radius: 0;}


/* Megamenu Skiurlaub */
.mega-content .carousel-item img{transition: 0.5s;}
.mega-content .carousel-item:hover img{filter: saturate(1.2) contrast(1.2);}
.mega-content .carousel-caption{ bottom: 0!important; left: 0!important; right: unset!important; height: fit-content; padding: 0.5rem; display: flex!important; width: 100%!important; backdrop-filter: blur(5px); background-color: rgb(255,255,255,0.8); flex-wrap: wrap;}
.mega-content .carousel-caption h5{ color: #167199!important; font-weight: 400!important; margin-bottom: 0; text-align: left!important; font-size: 1.2rem!important;}
.mega-content .carousel-caption h5 a{ color: #167199;}
.mega-content .banner-caption h5 a:hover{ color: #0bc2e0!important;}
.mega-content .carousel-caption p{ text-align: left!important; margin-bottom: 0;font-size: 1rem!important;}
.mega-content .carousel-caption p a{color: #212529!important;}
.mega-content .carousel-price{position: absolute; top: 0%; z-index: 111; right: 0; background-color: crimson; color: #fff!important; padding: 0.5rem;}
.mega-content .carousel-item a{ color: unset; text-decoration:  none;}
.mega-content .carousel-price p{ margin-bottom: 0;}
.mega-content .carousel-price p a{ color: #fff!important; margin-bottom: 0;}
.mega-content .carousel-caption p i{color: #167199;}
.mega-content .carousel-stars i{ color: gold!important;font-size: 0.8rem!important;}


/*Megamenu Wetter Carousel*/
.mega-content .weather-carousel .weather-carousel-caption{ display: flex!important; flex-wrap: wrap; position: absolute; width: 100%; top: 0; height: 100%; left: 0; backdrop-filter: none; background-color: none;}
.mega-content .weather-carousel .weather-carousel-caption .weather-carousel-caption-content {backdrop-filter: blur(5px);width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;padding: 1rem;height: fit-content;background-color: rgb(255, 255, 255, 0.7);}
.mega-content .weather-carousel .weather-carousel-caption-content h5{ font-weight: 400; font-size: 1.5rem!important; color: #167199!important;}
.mega-content .weather-carousel-wrap .carousel-control-prev-icon{ background-color: #212529;}
.mega-content .weather-carousel-wrap .carousel-control-next-icon{ background-color: #212529;}
.mega-content .weather-element{min-width: 300px; margin: 0.5rem; height: 100%; flex: 1 1 25%; flex-wrap: wrap; flex-flow: column; justify-content: center; display: flex; background-color: #fff; padding: 0.3rem;}
.mega-content .weather-carousel-wrap{display: none;}
.mega-content .weather-element p{margin:0;padding:0;}
.mega-content .weather-line{ width: 50%; margin-left: auto; margin-right: auto; height: 1px; background-color: #0bc2e0!important;}
.mega-content .weather-element p .wert-1{ margin-left: 0.3rem; color: #167199; font-size: 1.5rem!important; font-weight: 500;}
.mega-content .weather-element p .wert-2{ font-size: 1.2rem!important; margin-left: 0.5rem!important;}
.mega-content .weather-element button{border: none; width: 100%; background-color: #167199; padding: 0.5rem 0.8rem;  color: #fff; font-weight: 400;}
.mega-content .weather-element button:hover{ background-color: #0bc2e0;}
.mega-content .weather-element button i{margin-right: 0.3rem;}
.mega-content .weather-element img{ width: 35px; height: auto!important;}
.mega-content .weather-element a i{margin-right: 0.3rem;}
.mega-content-promo-wetter{border-top: 2px solid #167199;}
.mega-content-promo-wetter i{font-size: 50px; color: #167199;}
.weather-row{display: none!important;}
.carousel-mega-weather .carousel-control-next-icon,.carousel-mega-weather .carousel-control-prev-icon { background-color: #093554!important; }


/*Megamenu Livecams*/
#livecam-carousel-id img{height: 250px;}


/*Megamenu Magazin*/
#magazin-carousel-id img{height: 250px;}
#magazin-carousel-id .card img{height: 150px; border-radius: 0;}
#magazin-carousel-id .card .card-title{ overflow: hidden; display: -webkit-box; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#magazin-carousel-id .card-body .card-hashtags{color: #0bc2e0; margin-bottom: 0;}
#magazin-carousel-id .card-body{padding: 0;}
#magazin-carousel-id .card{height: 250px;}


/* News Content Carousel */
.carousel-news .card{ margin: 0; border: none!important; border-radius: 0rem!important;}
.carousel-news .card:hover img{filter: saturate(1.2) contrast(1.2);}
.carousel-news .card img{object-fit: cover; width: 100%; border-radius: 0rem; height: 250px;transition: 0.3s;}
.carousel-news .card-img-overlay { height: fit-content; border-radius: 0!important; background-color: rgb(255,255,255,0.6); backdrop-filter: blur(5px); position: absolute; top: unset; right: 0; bottom: 0; left: 0; padding: 0.5rem 1rem;}
.carousel-news .card-img-overlay h5{ font-size: 1.1rem; font-weight: 400; margin: 0.5rem 0rem; width: 100%; text-align: left;}
.carousel-news .card-img-overlay p{ font-size: 0.9rem;text-align: left;}
.carousel-item-news{justify-content: center;}
.carousel-news .carousel-news-category { position: absolute; min-width: 120px; top: 0; left: 0; background-color: #167199; color: #fff!important; padding: 0.7rem;}
.carousel-news .carousel-news-category p{margin-bottom: 0;}
.carousel-news .carousel-news-category a { color: unset; text-transform: uppercase; font-size: 0.9rem; text-decoration: none;}
.carousel-news .card-body h5{text-align: left;font-size: 1.3rem;overflow: hidden;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.carousel-news .card-body p{text-align: left;}
.carousel-news .card-body .card-text{overflow: hidden; display: -webkit-box; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.carousel-news .card-body .carousel-news-category{position: relative; background-color: unset; height: unset;padding: unset;}
.carousel-news .card-body .card-hashtags{color: #0bc2e0; margin-bottom: 0;}
.carousel-news .card-body .card-hashtags span a{color: #167199; text-decoration: none; margin-right: 0.2rem}
.carousel-news .card-body .card-hashtags span a:hover{color: #0bc2e0}
.carousel-news .card-body .carousel-news-category p{text-align: left; font-size: 0.95rem; color: #093554;}

.mega-news{padding: 0!important; border-radius: 0!important; border: none!important;}
.mega-news-img{ height: 500px; object-fit: cover; object-position: center; border-radius: 0!important;  transition: 0.5s;}
.mega-news:hover .mega-news-img{ filter: saturate(1.2) contrast(1.2);}
.mega-news-overlay{ position: absolute; bottom: 0; display: flex; flex-wrap: wrap; width: 100%; padding: 1rem; background: rgb(255,255,255,0.8); backdrop-filter: blur(5px); align-items: flex-end; align-content: flex-end;}
.mega-news .mega-news-overlay h5{ color: #093554; text-align: left; overflow: hidden;line-height: 1.7;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mega-news .mega-news-overlay p{ text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.video-carousel-news .card-body{bottom: 0!important; left: 0!important; right: unset!important; height: fit-content;position: relative; padding: 0.5rem; display: flex!important; background-color: #fff; flex-wrap: wrap;}
.video-carousel-news .card-body h5 a{font-size: 1.2rem;color:#167199; text-decoration: none;}
.video-carousel-news .card-body h5{margin: 0; font-size: 1.2rem; text-align: left;}
.video-carousel-news .card-body h5 i{margin-right: 0.3rem;font-size: 0.8rem;}
.video-carousel-news .card-body h5 a:hover{color: #0bc2e0;}
.video-carousel-news .card{border: none; border-radius: 0; margin: 0;}
.video-carousel-news .card img{height: 200px; object-fit: cover;}


/* CMP Content Carousel */
.carousel-cmp .card{text-align: center;max-width: 350px; height: 100%; margin: auto; border: none!important; border-radius: 0rem!important;}
.carousel-cmp .card img{ border-radius: 0rem;height: 175px; transition: 0.3s; object-fit: cover;}
.carousel-cmp .card-img-overlay { height: fit-content; border-radius: 0!important; background-color: rgb(255,255,255,0.6); backdrop-filter: blur(5px); position: absolute; top: unset; right: 0; bottom: 0; left: 0; padding: 0.5rem 1rem;}
.carousel-cmp .card-img-overlay h5{ font-size: 1.4rem; font-weight: 400; margin: 0.5rem 0rem; width: 100%; text-align: left;}
.carousel-cmp .card-img-overlay p{ text-align: left;}
.carousel-cmp .card-body {padding: 0.5rem 0.5rem;}


/* CMP Content Carousel */
.carousel-cmp h5{font-size: 1.5rem!important; display: flex; font-weight: 300; margin: 0.5rem 0rem; width: 100%; overflow: hidden; display: -webkit-box; text-align: left; height: 60px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center;}
.carousel-cmp h5 a{color:#212529; text-decoration: none;}
.carousel-cmp h5 a:hover{color: #0bc2e0;}
.carousel-item-cmp .card:hover img{filter: saturate(1.2) contrast(1.2);}
.carousel-item-cmp .card:hover .card-body img{filter: saturate(1) contrast(1);}
.card-cmp-mountain-info{backdrop-filter: opacity(0.8); background-position: center; background-image: url("/images/mountain_t_grau.png");  background-size: contain; background-repeat: no-repeat;}
.card-cmp-mountain-info p:first-child{text-align: left;}
.card-cmp-mountain-info p{text-align: right;font-size: 0.9rem!important; margin: 0.5rem 0rem;}
.card-cmp-mountain-info p i{ margin-right: 0.3rem; color: #167199;;}
.card-cmp-mountain-info div:first-child{border-bottom: 1px solid #0bc2e0;}

.card-cmp-ski-info p{margin-bottom: 0; font-size: 0.8rem;}
.card-cmp-ski-info img{width: 30px; height: auto;}
.card-cmp-ski-info i{font-size: 30px; color: #167199;}

.card-cmp-ski-links{ display: flex; flex-direction: row; flex: 1; justify-content: space-between; flex-wrap: wrap; padding: 0 14px;}
.card-cmp-ski-links div{background: #f5f8f9; margin-bottom: 8px; display: flex; flex-direction: column; flex: 0 0 48%; padding: 5px 0; text-decoration: none; position: relative;}
.card-cmp-ski-links div p{ margin-bottom: 0; font-size: 0.8rem;}
.card-cmp-ski-links a{ font-weight: 300; font-size: 0.9rem; color: #093554; text-decoration: none;}
.card-cmp-ski-links a:hover{ color: #0bc2e0!important;}
.card-cmp-ski-links a span{ font-weight: 400;}


/* Top 10 List */
.top-list-wrap{ padding: 1rem 0rem!important; background: #fff; max-width: 1100px!important; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap;}
.top-list-nav{/*margin: 0rem 1.5rem;*/width: 100%; display: flex; flex-wrap: wrap; flex-flow: column; justify-content: center;}
.top-list-nav li{margin-left: auto; margin-right: auto; width: 90%;}
.top-list-nav .nav-item{ flex: 1 1 auto;}
.top-list-nav .nav-link{ border-radius: 0!important;font-size: 1.2rem; color: #167199!important; width: 100%;}
.top-list-nav .nav-link.active, .nav-pills .show>.nav-link{ background-color: #0bc2e0!important; color: #fff!important;}
.top-list-nav .nav-link:focus,.top-list-nav .nav-link:hover{ background-color: #0bc2e0!important; color: #fff!important;}

.nav-top-sh{ margin-top: 1rem;}
.nav-top-sh li{flex: 1 1 auto; border-radius: 0!important;}
.nav-top-sh .nav-link.active, .nav-pills .show>.nav-link{color: #0bc2e0!important;font-weight: 700; background-color: unset!important;}
.nav-top-sh .nav-link { justify-content: center; align-items: center; display: flex; color: #212529; background: 0 0; border-radius: 0!important; width: 100%; text-align: center; border: 0;}
.nav-top-sh .nav-link img{width: 25px; height: 15px; object-fit: cover; margin-right: 0.3rem;/*border: 1px solid #212529;*/}
.nav-top-sh .nav-link:focus,.nav-top-sh  .nav-link:hover{ color: #0bc2e0; background-color: unset!important;}

.nav-top-ns{ margin-top: 1rem;}
.nav-top-ns li{flex: 1 1 auto; border-radius: 0!important;}
.nav-top-ns .nav-link.active, .nav-pills .show>.nav-link{color: #0bc2e0!important;font-weight: 700; background-color: unset!important;}
.nav-top-ns .nav-link { justify-content: center; align-items: center; display: flex; color: #212529; background: 0 0; border-radius: 0!important; width: 100%; text-align: center; border: 0;}
.nav-top-ns .nav-link img{width: 25px;height: 25px;border-radius: 50px;margin-right: 0.3rem;}
.nav-top-ns .nav-link:focus,.nav-top-sh  .nav-link:hover{ color: #0bc2e0; background-color: unset!important;}

.ski-title a{font-size: 1.2rem;font-weight: 500; color: #167199; text-decoration: none;}
.mobile-table-toggle{ text-decoration: none; color: #212529;}
.mobile-table-toggle i{ text-decoration: none; color: #167199; margin-left: 0.3rem;}
.mobile-table-toggle:focus, .mobile-table-toggle:active{ color: #167199;}

.table-mobile .list-group .btn{ background-color: #167199; color: #fff; width: 100%;}
.table-mobile .list-group .btn i{ margin-right: 0.3rem;}
.table-mobile .list-group-item{ border: none; background: #f5f8f9; margin-bottom: 1rem;}
.table-mobile{ display: block; width: 85%; margin-left: auto; margin-right: auto;}

.top-list-btn{border: none; background-color: #167199!important; width: 100%; max-width: 350px!important; padding: 0.5rem 0.8rem; color: #fff!important;font-weight: 500;}
.top-list-btn:hover{ background-color: #0bc2e0!important; }


/* Skiurlaub Content */
.skiurlaub-carousel-content .card{position: relative; border: none; border-radius: 0;}
.skiurlaub-carousel-content .card:hover img{filter: saturate(1.2) contrast(1.2);}
.skiurlaub-carousel-content .card:hover .card-body h5{color: #0bc2e0!important;}
.skiurlaub-carousel-content .price {position: absolute; top: 0%; right: 0; z-index: 1111111; background-color: crimson; color: #fff!important; padding: 0.3rem 0.5rem; font-size: 0.9rem;}
.skiurlaub-carousel-content .price p{margin-bottom: 0;}
.skiurlaub-carousel-content .price p a{margin-bottom: 0; color: #fff; text-decoration: none;}
.skiurlaub-carousel-content .card-body {position: absolute; bottom: 0; left: 0; right: 0; padding: 0.5rem; display: flex; backdrop-filter: blur(5px); background-color: rgb(255,255,255,0.8); flex-wrap: wrap;}
.skiurlaub-carousel-content .card img {transition: 0.5s; border-radius: 0; height: 300px; object-fit: cover; transition: 0.5s; object-position: bottom;}

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

.skiurlaub-categories{ width: 100%; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; align-content: flex-start; align-items: flex-start;}
.skiurlaub-categories a{ flex: 1 1 15%; min-width: 100px; display: flex; justify-content: center; margin: 0.5rem; background-color: #fff;font-weight: 300; font-size: 0.9rem; text-decoration: none;text-align: center; color: #212529;height: 100%; width: 100%; display: flex; flex-wrap: wrap; padding: 0.5rem;}
.skiurlaub-categories a:hover,.skiurlaub-categories a:hover i{color: #0bc2e0;}
.skiurlaub-categories a i{ text-decoration: none; color: #167199; font-size: 2rem!important; width: 100%; text-align: center;}
.skiurlaub-categories ul{ display: flex; list-style: none; flex-wrap: wrap; padding: 0; margin-bottom: 0;}
.skiurlaub-categories ul li{ margin: 0.5rem; display: flex; flex: 1 1 40%; text-align: left; align-items: center; justify-content: left;}
.skiurlaub-categories ul li a{ text-decoration: none; display: flex; color: #212529; align-items: center;}
.skiurlaub-categories ul li a i{ color: #167199; margin-right: 0.3rem;}
.skiurlaub-categories ul li a img{ height: 15px!important; width: 15px; border-radius: 100px; margin-right: 0.3rem;}
.skiurlaub-categories ul li a:hover{ text-decoration: none; color: #0bc2e0;}
.skiurlaub-categories h5{ margin-top: 0!important;}
.skiurlaub-categories ul .badge{background-color: #167199;margin-left: 0.3rem;}
.skiurlaub-categories .active i { color: #00ddff; }
.skiurlaub-categories .active{ background-color: #167199; color: #fff;}

.skiurlaub-unterkunft-wrap{display: flex; flex-wrap: wrap;}
.skiurlaub-unterkunft-wrap .unterkunft-element{ flex: 1 1 100%;background: #fff; min-height: 75px; padding: 0; border: none!important; align-items: center;  justify-content: center;  border-radius: 0!important; }
.skiurlaub-unterkunft-wrap .unterkunft-element a{ text-decoration: none; width: 100%; color: #212529;}
.skiurlaub-unterkunft-wrap .unterkunft-element:hover .card-title{color: #167199!important;}
.skiurlaub-unterkunft-wrap .unterkunft-element:hover span{ color: #167199!important;}
.skiurlaub-unterkunft-wrap .unterkunft-element span{ color: #167199; font-weight: 400; font-size: 1rem;}
.skiurlaub-unterkunft-wrap .unterkunft-element .card-img-top{ max-height: 100px; object-fit: cover; object-position: center;border-radius: 0;}
.skiurlaub-unterkunft-wrap .unterkunft-element .card-title{width: 100%; align-items: center; display: flex;padding: 0rem 0.5rem;font-size: 1rem;}
.skiurlaub-unterkunft-wrap .unterkunft-element .card-title span{margin-left: auto;}
.skiurlaub-unterkunft-wrap .unterkunft-element .card-body{width: 100%; padding: 0;}

.container-highlight-ski{padding: 4rem 1.5rem!important;/* background-image: url('/images/sh_banner/mountain_banner_6.png');*/ background-position: top; background-size: cover; background-repeat: no-repeat;}
.container-highlight-ski .skiurlaub-countries a { flex: 1 1 18%; padding: 0.75rem; display: flex; flex-wrap: wrap; margin: 0 0.3rem 0.3rem 0.3rem; align-content: center; text-align: center; justify-content: center; flex-flow: column; background: rgb(255,255,255,0.8); backdrop-filter: blur(5px); text-decoration: none; color: #212529;}
.container-highlight-ski  h5 { font-size: 1.7rem; font-weight: 300!important; text-transform: uppercase; color: #212529; margin: 0.5rem 0rem; width: 100%; text-align: center;}
.container-highlight-ski a img{ width: 50px; height: auto; margin: auto;}
.container-highlight-ski .skiurlaub-countries a:hover{ background-color: rgb(255,255,255,0.9);}

.skiurlaub-countries{ display: flex; flex-wrap: wrap; width: 100%;}
.skiurlaub-countries a { flex: 1 1 45%; padding: 0.75rem; display: flex; flex-wrap: wrap; margin: 0.3rem; align-content: center; text-align: center; justify-content: center; flex-flow: column; background: #f5f8f9;text-decoration: none; color: #212529;}
.skiurlaub-countries a:hover{ color: #0bc2e0;}
.skiurlaub-countries a:hover i{ color: #0bc2e0;}
.skiurlaub-countries a p{ margin-bottom: 0;}
.skiurlaub-countries a i{ color: #167199;}


/*Skisuche Content*/
.ski-search-content .card{border: none; border-radius: 0; background: rgb(22,113,153,1);}
.ski-search-content .card .btn{ background-color: #fff; color: #167199; max-width: 250px; margin-top: 0.5rem;}
.ski-search-content .card .btn:hover{color: #0bc2e0;}
.ski-search-content .card label{color: #167199;}
.ski-search-content .card label i{margin-right: 0.3rem;font-size: 1.2rem;}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: .85!important;}
.ski-search-content .form-control,.ski-search-content .form-select { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; border-radius: 0; background-clip: padding-box; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition:0.2ms;}



/* Services CSS */
.service-wrap{margin-top: 5rem!important; margin-bottom: 5rem!important;}
.service-wrap .card .card-body p{ font-size: 1rem; font-weight: 300; line-height: 1.7; color:#212529;}
.service-wrap .card .card-body p i{ color: #167199;}

.service-wrap .card:hover .card-body p i{ color: #0bc2e0;}
.service-wrap .card .card-body h4 i{ color: #167199;}
.service-wrap .card .card-body h4{ color: #212529; font-size: 1.3rem!important;}
.service-wrap .card .card-body .btn{ background: #167199; color: #fff;}
.service-wrap .card .card-body .btn:hover{ background: #0bc2e0; color: #fff;}

.service-wrap .service-element{ flex: 1 1 50%;}
.service-wrap .service-element .card{height: 100%; border: none; border-radius: 0; background-color: #fff;}
.service-wrap .service-element .card .card-body{align-items: flex-start; margin-top: -10px; padding: 0 1rem 1rem 1rem; display: flex; flex-wrap: wrap; justify-content: center;}
.service-wrap .service-element .card h4{ color: #fff; margin: 0 0 0.5rem 0;}
.service-wrap .service-element .card p{text-align: center; color: #212529; font-size: 0.9rem; margin: 0;}
.service-wrap .service-element .card p i{ color: #fff;} 
.service-element .card:hover .card-icon-top i{color: #0bc2e0!important;}

.icon-lg { font-size: 45px}

.service-wrap .service-element .card-icon-top{ display: flex;justify-content: center; margin-top: -30px;}
.service-wrap .service-element .service-top{ height: 50px; background-color: #093554; object-fit: cover; border-radius: 0; object-position: center;}
.service-wrap .service-element .card-icon-top i{ background: #fff; border-radius: 50%; text-align: center; padding: 1rem 1.5rem; width: 75px; color: #167199!important; height: 75px;}
.service-wrap .card .card-body h5{font-size: 1.1rem; color: #0bc2e0;}



/* Tipps Carousel */
.carousel-tipps .card{margin: 0; height: 100%; border: none!important; border-radius: 0rem!important;}
.carousel-tipps .card img{height: 250px; border-radius: 0rem; transition: 0.5s;}

.carousel-tipps .card-img-overlay { height: fit-content; border-radius: 0!important; background-color: rgb(255,255,255,0.6); backdrop-filter: blur(5px); position: absolute; top: unset; right: 0; bottom: 0; left: 0; padding: 0.5rem 1rem;}
.carousel-tipps .card-img-overlay h5{ font-size: 1.1rem; font-weight: 400; margin: 0.5rem 0rem; width: 100%; text-align: left;}
.carousel-tipps .card-img-overlay p{ font-size: 0.9rem;text-align: left;}

.carousel-tipps .card-header { padding: .5rem 1rem; margin-bottom: 0; border: 0!important; color: #fff; background-color: #093554!important; border-bottom: 1px solid rgba(0,0,0,.125);}
.carousel-tipps .card-header:first-child { border-radius: 0!important; }
.carousel-tipps .card-header i{margin-right: 0.3rem;}
.carousel-tipps .card h5{ font-size: 1.1rem; font-weight: 400; margin: 0.5rem 0rem; width: 100%; text-align: left;}
.carousel-tipps .card p{margin: 0;}
.carousel-tipps .card .card-text{ overflow: hidden; display: -webkit-box; text-align: left; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.carousel-tipps .card .card-highlight{ color: #0bc2e0; text-align: left;}

.carousel-tipps .card:hover img{filter: saturate(1.2) contrast(1.2);}




/*Responsive*/
/* Tablet */
@media only screen and (max-width: 1020px) and (min-width: 640px){
    .side-ad{display: none;}
    .side-ad-sh{display: none;}
}

@media (max-width: 1499px){
    .side-ad{display: none;}
    .side-ad-sh{display: none;}
    .content{margin: auto;}
    .content-sh{margin: auto;width: 100%;max-width: 1200px;}

}

@media (min-width: 1500px){
    .side-ad{display: block;}
    .content{margin: unset!important;}
    /*.breadcrumb-wrap{max-width: 1200px; float: left;}*/

}

/* Phone*/
@media (max-width: 639px){
    .side-ad{display: none;}
    .side-ad-sh{display: none;}
    .carousel-control-next, .carousel-control-prev{width: 15%!important;}
  }


/*Super Small Devices*/
@media (min-width: 300px) { 
    .banner-caption-wrap{   height: 170px;}
    .banner-caption-wrap-right{height: 170px;}
    .skiurlaub-unterkunft-wrap .unterkunft-element {flex: 1 1 45%;}
}

@media (max-width: 575px) { 
    .banner-caption-side-wrap { left: calc(25% - 2rem) ;top: 2rem;display: unset; height: auto;}
    .banner-caption-side {margin-right: 2rem;}
}

@media (max-width: 400px) { 
    .banner-caption-side-wrap { left: 2rem;top: 2rem; display: unset; }
    .banner-caption-side {margin-right: 2rem;}
}

@media (max-width: 374px) { 
    .banner-caption-side-wrap { display: none; }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    .mega-content .weather-carousel .carousel-item{ min-height: 300px;}
    .mega-content .weather-carousel-wrap{display: flex;}
    .banner-caption h5{font-size: 2rem;}
    .banner-caption-wrap-right{ width: 70%;}

    .content .table-responsive{ max-width: 500px!important;}
    .table-mobile{width: 75%;}
    .top-list-nav{margin: 0rem 1rem; width: 100%; display: flex; flex-wrap: wrap; flex-flow: row; justify-content: center;}
    .top-list-nav li{margin-left: unset; margin-right: unset; width: unset;}

    .service-wrap .service-element { flex: 1 1 48%;}
    .skiurlaub-unterkunft-wrap .unterkunft-element{ flex: 1 1 45%; }
    .carousel-item .promo-img .promo-desktop{display: block!important;}
    .carousel-item .promo-img .promo-mobile{display: none!important;}

    /*Desktop Header Slider*/
    #mainHeader .carousel-item img{ height: 300px; }
    .banner-caption{transform: rotate( -10deg); width: 100%; padding: 0rem 0rem 0rem 2rem; height: 100%; display: flex; flex-wrap: wrap; align-content: center; align-items: center;}
    .banner-caption-wrap{     backdrop-filter: blur(10px); display: flex; justify-content: center; align-items: flex-start; top: -50px; position: absolute; left: -50px; height: 400px; width: 55%; transform: rotate(10deg); background: rgba(9, 53, 84, 0.7); padding: 1rem 2rem 3rem 3rem;}
    .banner-caption h5{ text-align: left!important;font-size: 1.7rem; font-weight: 700;line-height: 1.6;color: #fff;}
    .banner-caption button{margin-right: auto;}

    .banner-caption-wrap-right{backdrop-filter: blur(10px); background: rgb(12, 68, 108,0.6); display: flex; justify-content: center; align-items: flex-start; padding: 1rem 3rem 1rem 1rem; top: -50px; position: absolute; right: -50px; height: 400px; width: 55%; transform: rotate(10deg);}
    .banner-caption-wrap-right .banner-caption{transform: rotate(-10deg); width: 100%; padding: 0rem 2rem 0rem 1rem; height: 100%; display: flex; flex-wrap: wrap; align-content: center; align-items: center;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

    .table-mobile{ display: none;}
    .banner-caption-wrap{ width: 50%; }
    .banner-caption-wrap-right{ width: 50%;}
    .banner-caption h5{ font-size: 2rem;}
    .banner-caption-side-wrap{display: flex;}

    .content .table-responsive{ max-width: 700px!important; display: flex; margin-left: auto!important; margin-right: auto!important;}
    .service-wrap .service-element { flex: 1 1 33%;}
    .skiurlaub-unterkunft-wrap .unterkunft-element {flex: 1 1 33%;}
 }


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .content h1, .content-sh h1{font-size: 3rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
    .content h2, .content-sh h2{font-size: 2.7rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
    .content h3, .content-sh h3{font-size: 2.3rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
    .content h4, .content-sh h4{font-size: 2rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
    .content h5, .content-sh h5{font-size: 1.7rem; font-weight: 300; margin: 0.5rem 0rem; width: 100%;text-align: center;}
    
    .mobile-dropdown{display: none;}
    .dp-desktop{display: block!important;}
    
    .mega-content-promo{display: block;}
    .carousel-news .card-img-overlay p{ font-size: 1rem;}


    .body-wrapper { padding: 0 1.2rem 1rem 1.2rem!important;}
    .body-wrapper-sh {padding: 0 1.2rem 1rem 1.2rem!important;}


    #suche{ z-index: 1!important;max-width: 50px; display: none;}
    .is-dimmed #suche{ display: block;}
    .mega-content-img-wrap{ margin-bottom: -0.5rem!important; margin-left: -1rem!important; margin-top: -0.5rem!important; background-size: cover; background-position: center; background-repeat: no-repeat; }
    .banner-caption h5{ font-size: 2.3rem;}
    .banner-caption-wrap{ width: 40%; padding: 1rem 2rem 3rem 5rem; }
    .banner-caption-wrap-right{ width: 40%;padding: 1rem 5rem 1rem 2rem;}
    .mega-list-wrap{  margin-top: unset!important; }
  

   
    /*.table-responsive{ margin-left: auto!important; margin-right: auto!important; max-width: 900px!important;}*/
    .skiurlaub-unterkunft-wrap .unterkunft-element {flex: 1 1 20%;}
    .weather-row{display: flex!important;}

    .mega-content-schneehoehen #schneehoehen-carousel-id{display: block;max-width: 300px;}
    .mega-content #mega-ski-carousel-id{display: block;max-width: 300px;}
    .mega-content #magazin-carousel-id{max-width: 320px;margin:auto;}
    .mega-content #livecam-carousel-id{max-width: 320px; margin:auto;}
    .navbar-expand-lg .navbar-nav .dropdown-menu{padding-bottom: 0!important;}
    footer .btn { margin-top: 0rem; border: none; background-color: #fff!important; width: unset;  max-width: 200px; margin-left: 0.3rem; padding: 0.5rem 0.8rem; color: #167199!important; font-weight: 500;}
    footer .footer-app-promo img{width: 170px; margin-left: unset;margin-right: auto; margin-bottom: 1rem;}
    
    .webcamsponsoringslider .banner-caption h5{ font-size: 1.9rem;}
    
}

@media (min-width: 1100px) {  
    #suche{ z-index: 1!important;max-width: 140px; display: block;}
    .skiurlaub-categories a{ flex: 1 1 10%;}
}


/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .banner-caption h5{ font-size: 2.5rem; line-height: 1.2;}
    #suche{ z-index: 1!important;max-width: 200px;}
    .content .table-responsive{ max-width: 1000px!important;}
    .service-wrap .service-element { flex: 1 1 15%;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1100px!important;}
    .skiurlaub-unterkunft-wrap .unterkunft-element {flex: 1 1 20%;}
    
    .webcamsponsoringslider .banner-caption h5{ font-size: 2.0rem;}

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1100px!important;}

}