@media (max-width: 749px) {

.top {min-height: 260px;}
	
#slideshow { display: block !important; }
	
	.CONTENTSLIDE img {
    min-width: 100vw;
    width: 245vw;
    left: -50vw;
    position: absolute;
    max-width: unset !important;
}
	
	.suchfeld:focus {
		width: 70vw;}
	
.outer {
	position: relative !important;
	margin-top: 20px;
	padding-top: 20px;
}
    
#banner-fade{    
	margin-bottom: 13vh !important;
	margin-top: 0 !important;
	height: 80vh !important;
}
    
#banner-fade img { height: 100% !important; }

.bjqs h2 { font-size: 13px !important; }
    
.caption-inner {
	width: 140px !important;
	margin-left: -48px !important;
	padding: 20px 20px 20px 60px !important;	    
    }
    
.caption-over {
     width: 60% !important;
     right: 15% !important;
     }

.logo-responsive {
	left: unset !important;
	margin-left: 0 !important;
	display: block;
	z-index: 4998;
	    }   
    
.top .logo-responsive img {
	display: block !important;
    }  
    
.logo-responsive.large {
	width: 200px !important;
   top: -10px !important;
right: -21px;
    height: auto !important;
    	z-index: 4998;

    }
    
.logo-responsive.small {
	width: 100px !important;
	top: -34px !important;
right: -22px !important;
	
	padding: 5px !important;
		z-index: 4998;

    }
 
    
.footer-inner {
	width: 100%; 
	padding: 0 !important;
	text-align: center;
	min-height: 0 !important;
	margin: 0 !important;
	min-width: unset !important;
    }
  
.footer-inner a img {
	width: 25%; 
    }
	
.footer-inner p img {
	width: 60%; 
	margin-bottom: 10px;
    }
  
.footer-outer {
	width: auto !important;
	padding: 10px 5% !important; 
	display: block !important;
	position: unset !important;
	margin: 0 !important;
	font-size: 3vw;
    }
    
    .footer, a.onit, a.onit:visited, a.onit:focus, a.onit:active {
    font-size: 2.5vw !important;
}
  
.bottom {
	height: auto !important; 
	background-color: #cdcdcd;
	background-position: center;
	background-image: none; 
	padding-top: 10px;
	}

.flyout .nav {
    margin-top: -0 !important;
    z-index: 5000 !important;  
  }

.nav-toggle { background: #b80f3b url("/statimages/hamburger.gif") no-repeat scroll center center; }
  
.flyout .nav ul li a { 
	color: #fff !important;
	background-color: #b80f3b !important;
	border-bottom: 1px solid #fff !important;  
	text-indent: 0 !important;
	padding-left: 10px !important;
	text-transform: uppercase;
	}
	
.flyout .nav ul ul li a { 
	color: #fff !important;
	text-transform: none;
	background-color: #2b2b2b !important;
	padding-left: 20px !important;
	
}

.flyout .nav ul ul ul li a { 
	text-transform: none;
	color: #000 !important;
	background-color: #fff !important;
	font-size: 13px !important;
	line-height: 120% !important;
	
}

.flyout .nav ul ul ul li a::before {
	content:'\203A';
	margin-right: 4px;
}
	
.flyout .nav ul ul ul li { 
	width: 50vw !important;
	float: left;
}
  
.flyout .nav > ul > li > a:hover, .flyout .nav > ul > li.act > a, .flyout .nav > ul li ul > li > a:hover, .flyout .nav > ul li ul > li.act > a {
	background-color: #b80f3b !important;
    }
  
.flyout .nav > ul {
    padding-left: 0;
    padding-top: 15px !important;
    max-width: 100vw;
    }  
	
	.flyout .nav ul ul {
		padding-left: 0% !important;
padding-right: 0% !important;
margin-bottom: 5px !important;
max-width: 100vw;
	}
	
	.flyout .nav ul ul ul {
		/*display: none !important;*/
	}
	
.contentrahmen p {
    font-size: 4vw;
    line-height: 150%;
}	

h1 {font-size: 8vw;} 
h2 {font-size: 6vw;}
h3 {font-size: 5vw;}
h4 {font-size: 4vw;}
h5 {font-size: 4vw;}
h6 {font-size: 4vw;}


.sprachwahl { right: 10px; margin-right: auto; }

	.orangefont {
    font-size: 17px !important;
}
	.orangeback {
padding-left: 6% !important;
padding-right: 6% !important;
max-width: 100%;
	}
	.orangerand {
padding-left: 6% !important;
padding-right: 6% !important;
	}
	

	.teasetxt h2 {
    font-size: 25px;
}
	
	.faehnchen{
		left: 0;
		display: block; 
		top: 175px;
		z-index: 4999;
		
			}
			
			
.unterkunft-kachel a, .erlebnis-kachel a {
	border-radius: 0 8px 8px 0;
	border-top: 2px solid #fff;
border-right: 2px solid #fff;
	}		
			
			
			.unterkunft-kachel a:hover,
.erlebnis-kachel a:hover {
	padding-top: 10px; 
	padding-left: 30px;
}
	
	
	.bildganzebreite {
		left: -10vw;
		height: auto;
		
	}
	.farbvlf {
		position: relative;
		height: auto; 
		left: 5%;
	}
	
	.teasetxt {
		top: 20px;
		padding-left: 5% !important;
		width: 90%;
padding-bottom: 10%;
padding-top: 5%;
		
	}
	
	.ueberbreite {
    left: -20vw !important;
    padding-left: 20vw !important;
}
	
	.logos {
		left: 0px;
		top:4px;
	}
	
	.logos img {
		    height: unset;
	}

#accommodation-search	{
	display: none;
	left: 4% !important;
	width: 90% !important;
	padding-left: 2% !important;

}

.contentrahmen .we2p div {

}

.view h2, .view h1 {
	font-size: 7vw;
}

.layout3leftpic {
	width: 100%;
	float: none;
}

.layout3right {
		width: 100%;
	float: none;

}

.contentrahmen .view .mask {
	height: 30%;
}

.contentrahmen .view:hover .mask {
	height: 90%;
}

/*#touren-iframe {
width: 100vw !important;
margin-left: -5vw;
	}*/
	
		
}
    
    
    
/* -------------------- Tablet CSS ---------------------------------------------------*/


	@media (max-width: 1500px) and	(min-width: 749px) {

.teasetxt p {
  font-size: 1.2vw;
  line-height: 1.8vw;
}
.teasetxt h2 {
  font-size: 3vw;
  padding-bottom: 0.2vw;
}
.teasetxt {
 padding-left: 15%;
top: 4vw;}

}

/* -------------------- Tablet CSS ------------------------------------------------------------- 


@media (max-width: 1080px) { 
	
	.inner {
    min-width: unset;
    width: 100%;
}
	.footer-outer {
    min-width: 90%;
    width: 95%;
}
	.bottom {
		min-height: 90px;
		height: 90px;
	}
	
	.orangeback{
	left: -3vw;
	}
	.orangerand{
	left: -3vw;
	}
	
	.flyout .nav ul {
		width: 70%;
		left: 55%;
		margin-left: -89%;
	}
	
	.logo-responsive.large {
    width: 190px;
	}
	.logo-responsive.small {
		width: 197px;
	}
	.teasetxt {
		top: 115px;
	}
	.ueberbreite{left: -12vw;}
	
}

*/



/* -------------------- Allgemeine CSS ------------------------------------------------------------- 
@media (max-width: 1338px) and (min-width: 1080px)
{ 
	.orangeback{
	left: -32vw;
width: 140vw;
	}
	.orangerand{
	left: -32vw;
width: 140vw;
	}
}*/

@media (max-width: 950px) and (min-width: 749px) { 

	.flyout .nav ul {
  width: 760px;
  top: 70px;
  position: fixed;
  right: 25vw;
  max-width: 72vw;
}


	.flyout .nav ul ul {
 /* width: 94vw;
  margin-left: 0;
  position: fixed;
  top: auto !important;
  padding-left: 3vw !important;
  padding-right: 3vw !important;
  max-width: 94vw;*/
  	
  	width: 94vw;
margin-left: 0;
position: fixed;
top: auto !important;
padding-left: 3vw !important;
padding-right: 3vw !important;
max-width: 94vw;
left: 0;
}

.flyout .newsubnavi li {
	width: 23vw;
}

.logo-responsive.small {
	top: -68px !important;
	width: 195px;
}
	
}


/*	.backbutton {
		display: none;
	}*/

  .backbutton a:hover {
  background-color: #f18f00;
    
  }
  
  .backbutton a {
	  position: fixed;
	z-index: 8000;
	right: 70px;
    top: 13px;
	font-size: 14px;
    width: auto;
	height: auto;
    background-color: #b80f3b; 
    padding: 8px 13px;
    color: #ffffff; 
	  text-decoration: none;
	  border-radius: 7px;
	  -webkit-box-shadow: 0px 5px 6px 0px rgba(128, 128, 128, 0.5);
-moz-box-shadow: 0px 5px 6px 0px rgba(128, 128, 128, 0.5);
box-shadow: 0px 5px 6px 0px rgba(128, 128, 128, 0.5);
  }
  
  
  	.backbutt {
	}

  .backbutt a:hover {
  background-color: #f18f00;
    
  }
  
  .backbutt a {
	font-size: 14px;
    width: auto;
	height: auto;
    background-color: #b80f3b; 
    padding: 8px 13px;
    color: #ffffff; 
	  text-decoration: none;
	  border-radius: 7px;
	  -webkit-box-shadow: 0px 5px 6px 0px rgba(128, 128, 128, 0.5);
-moz-box-shadow: 0px 5px 6px 0px rgba(128, 128, 128, 0.5);
box-shadow: 0px 5px 6px 0px rgba(128, 128, 128, 0.5);
  }
  
  .show {
	  display: block;
  }
  
  
  .right {
	  position: unset;
  }
  




.flyout .nav ul ul ul li a::before {

    content: '\203A';
    margin-right: 4px;
	color: #b80f3b;
}