body{position:relative;margin:0;padding:0;color:#4b3f3d;}
h1, .h1{font-family:'Handlee';color:rgba(0, 0, 0, 0.7);}
h2, .h2{font-family:'Handlee';color:#bba27a;}
h3, .h3{font-family:Handlee;color:#4b3f3d;}
h4, .h4{font-size: 10px; font-family:Verdana; color:#4b3f3d;}
h5, .h5{font-size: 40px; font-family:Handlee; color:#4b3f3d;}

.navbar .container{padding-left:0;}
.navbar .dropdown-menu h3{margin:5px 0;font-family:'Handlee', cursive;}
.navbar .dropdown-menu > li > a p{white-space:normal;margin:15px 0;}
.navbar .dropdown-menu .navbar-icon{float:right;margin:0 0 0 10px;}
.navbar .language{width:16px;height:22px;}
.navbar.affix{top:0;width:100%;z-index:3333;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.navbar.affix-top{position:static;top:-35px;}
.navbar.affix + #WebsiteContent{padding-top:100px;}
.modal-dialog{top:100px;}
.ekko-lightbox, .modal .modal-title{color:#bba27a;}
#WebsiteLogo .container{position:relative;}
#WebsiteLogo .logo-container{position:absolute;z-index:999;width:100%;}
#WebsiteLogo img{border:0;}
#WebsiteLogo .btn:link, .btn:visited{color:#fff;}
#WebsiteLogo .btn:hover, .btn:focus{color:#dedede;}
#WebsiteContent{background-color:#fff;color:rgba(0, 0, 0, 0.5);font-size:20px;}
#WebsiteContent #btnFooterTop{position:absolute;top:-15px;right:15px;}
#WebsiteFooter{padding:1% 0 1% 0;color:#ccc;}

#WebsiteFooter h2{color:#bba27a;font-family:'Handlee';}
#WebsiteFooter a:link, a:visited{color:#bba27a;}
#WebsiteFooter a:hover, a:focus{color:#fff;}
#meteoprovbz_widget img{margin:0 8px;}
#Slider_1 .item img{width:100%;min-height:100px;}
.carousel-fade{background-color:#222;}
.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{opacity:0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right{opacity:1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.carousel-indicators{bottom:6%;}
.carousel-indicators li{width:15px;height:15px;margin:5px;opacity:0.6;filter:alpha(opacity=60);border-radius:2px;}
.carousel-indicators .active{margin:4px;width:16px;height:16px;}
.carousel-indicators li:hover{opacity:0.9;filter:alpha(opacity=90);}
section{padding:2% 0;background-position:center 0px;background-color:#fff;}
section .section-inner{padding:15px; margin-top:15px; margin-bottom:15px; background-color: #fff; }
section .section-inner h1{margin:0 0 15px 0;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);}
section .section-text{padding:15px;}
.img-thumbnail{background-color:#fff;border:3px solid #bba27a;}
#Section_2, #Section_3, #Section_4, #Section_5{padding:10% 0;}
#Section_2 h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_2 h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
#Section_3 h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_3 h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
#Section_4 h1{font-size:40px; color: #bba27a;}
#Section_4 h1{text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);}
#Section_4 h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);color:#fff;}

#Section_5 h3{font-size:35px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_5 h4{font-size:15px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);color:#fff;}

#Section_Wandern {padding:1% 0; background-color:#bba27a;}
#Section_Wandern h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Wandern h3{font-size:20px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Wandern a:link, a:visited{color:white;}

#Section_Wandern_2, #Section_Wandern_2 {padding:1% 0;}
#Section_Wandern_2 {text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); color:aliceblue;}
#Section_Wandern_2 h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Wandern_2 h3{font-size:20px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Wandern_2 a:link, a:visited{color:white;}

#Section_Seilbahn, #Section_Seilbahn {padding:1% 0;}
#Section_Seilbahn {text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); color:#fff;}
#Section_Seilbahn h1{font-size:40px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Seilbahn h3{font-size:20px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Seilbahn a:link, a:visited{color:#bba27a;}

#Section_Plattform, #Plattform {padding:1% 0;}
#Section_Plattform {text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); color:#fff;}
#Section_Plattform h1{font-size:40px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Plattform h3{font-size:20px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Plattform a:link, a:visited{color:#bba27a;}

#Section_Knott, #Knott {padding:1% 0;}
#Section_Knott {text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); color:#fff;}
#Section_Knott h1{font-size:40px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Knott h3{font-size:20px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Knott a:link, a:visited{color:#bba27a;}


.bg-section{height:auto;margin:0 auto;width:100%;position:relative;padding:2% 0;}
.img-shadow{-moz-box-shadow:inset 0 8px 8px -8px rgba(0, 0, 0, 0.7),
inset 0 -8px 8px -8px rgba(0, 0, 0, 0.7);-webkit-box-shadow:inset 0 8px 8px -8px rgba(0, 0, 0, 0.7),
inset 0 -8px 8px -8px rgba(0, 0, 0, 0.7);box-shadow:inset 0 8px 8px -8px rgba(0, 0, 0, 0.7),
inset 0 -8px 8px -8px rgba(0, 0, 0, 0.7);}
.shadow{box-shadow:1px 1px 8px 0px rgba(0, 0, 0, 0.5);}

@media screen and (max-width:767px){.container{min-width:320px;max-width:480px;}
.navbar .container{padding-left:25px;}
h1{font-size:26px;font-weight:bold;}
h2{font-size:18px;font-weight:bold;}
h3{font-size:17px;font-weight:bold;}
h4{font-size:15px;font-weight:bold;}
.nav > li > a{padding-left:15px;padding-right:15px;font-size:18px;}
.carousel-indicators{bottom:0;}
}

@media screen and (min-width:768px) and (max-width:991px){h1{font-size:28px;}
.navbar .container{padding-left:25px;}
h2{font-size:19px;font-weight:bold;}
h3{font-size:18px;font-weight:bold;}
h4{font-size:16px;font-weight:bold;}
#WebsiteTop #Logo_Desktop{padding:10px;}
.nav > li > a{padding-left:8px;padding-right:8px;font-size:19px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:82%;}
}

@media screen and (min-width:992px) and (max-width:1199px){h1{font-size:36px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:17px;}
.nav > li > a{padding-left:14px;padding-right:14px;font-size:15px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:84%;}
}
@media screen and (min-width:1200px) and (max-width:1920px){h1{font-size:44px;}
h2{font-size:32px;}
h3{font-size:26px;}
h4{font-size:19px;}
.nav > li > a{padding-left:15px;padding-right:15px;font-size:19px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:87%;}
}
@media screen and (min-width:1921px){h1{font-size:46px;}
h2{font-size:32px;}
h3{font-size:26px;}
h4{font-size:19px;}
.nav > li > a{padding-left:15px;padding-right:15px;font-size:19px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:89%;}
}

.header-video {
  position: relative;
  overflow: hidden;
}

.header-video iframe,
.header-video video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.header-video iframe {
  height: 100%;
  width: 100%;
}

.header-video video {
  width: 100%;
}

.header-video__teaser-video {
  width: 100%;
  height: auto; 
}

.header-video__media {
  width: 100%;
  height: auto;
}