@media (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 

#booking {
position: absolute;
right: 5%;
width: 18%;
max-width: 210px;
z-index: 9999999;
bottom: -45px;
}


#container .pic_bg {
    position: relative;
	 min-height:100px;
  max-height: 450px;
    overflow: hidden;
}

.box-logo{	width: 20%; padding:0px; margin:0; float: left; display:inline-block;}	
.box-logo img { width: auto;}
.box-menue {width:80%; padding:0; margin:0; float:right; display:inline-block;}	

a.navi, a.navi_active  {padding: 45px 11px 30px 11px;}	

.ct70{ 
    max-width: 98%;
	padding: 40px 1%;
}
.ct100{ 
    max-width: 98%;
	padding: 40px 1%;
	}


#container #threeCols H2 { font-size: 1.5em;}

.footer-01{width:100%;max-width: 96%;}
.footer-02 {width:100%;max-width: 96%;}
.footer-03 {  padding: 10px 0 10px 3%; }
.footer-04 { text-align:right;  }


}

/*@media (min-device-width : 768px) */
@media (min-device-width : 900px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 

#responsive-menu-button {
	color: #fff;
	font-size: 2em;
	text-align: right;
	width: 100%;
	/* margin: 0 auto; */
	display: block;
	padding: 10px;
	line-height: 2em inherit;
}
	
	.sticky #responsive-menu-button,
	#responsive-menu-button:hover{
	color: #333;
	}
	
body {
    -webkit-text-size-adjust: 100%;  
     }
   
body > #wrap {
    height: auto;
  min-height: 1px;
}

	
#booking {
position: absolute;
right: 1%;
width: 18%;
max-width: 210px;
z-index: 9999999;
bottom: -25px;
}
	

#header-container.sticky { 
   height:auto; 
   position:fixed; 
   margin:0 auto; 
   width:100%; 
   top:0; 
   z-index: 50;  
   display:hidden;}

/*NAVIGATION*/
#navigation {
    display: none;
}

#mobile-header {
  display: block;
  height: 40px;
  padding:0;
  margin:0;
}
	/*
#mobile-header:after {
  content: '\f0c9';
  position: absolute;
  display: block;
  float: right;
  font-family: FontAwesome;
  font-size: 2.2em;
  padding-right: 9px;
  padding-top: 9px;
  color: #fff;
  right: 10px;
  top: 10px;
  z-index: 1;
}
#header-container.sticky #mobile-header:after {
color:#333;
}*/
.menu-seperator{
    display:none;
    }
    
    
#mega-nav{
  display:none;
  }

#mobile-header a {
	color: #fff;
	display: block;
	font-size: 2em;
	height: 40px;
	line-height: 2em;
	text-decoration: none;
	position: relative;
	text-align: right;
	z-index: 3;
	font-family: FontAwesome;
	margin-right: 20px;
	font-style: normal;
}
	#header-container.sticky #mobile-header a{
		color: #333;
	}
.sidr-class-csc-textpic-image.sidr-class-csc-textpic-1-col > img {
    float: left;
    width: auto;
}

.sidr-class-csc-default {
    padding: 10px;
}

#container .pic_bg {
    position: relative;
	 min-height:300px;
  max-height: 550px;
    overflow: hidden;
}
#container .pic_bg IMG { width: auto; max-width: initial;}  


#top-image {  height:auto; left:0; position:relative; text-align:center; width:100%; top:0px; z-index: 49; } 
#top-image IMG {width: 100%;}



#container { width:100%; padding: 0;  margin: 0px 0 0 0; height: auto; float:left; position: relative;  clear:both;}



.ct70{ 
    width: 100%;
    max-width: 90%;
	padding: 20px 0 5px 0;
	}


.ct100{ 
   width: 100%;
    max-width: 90%;
	margin:0 auto;
	padding: 20px 0 5px 0;
	}


/*3Spaltig 33%  Content*/
#container #threeCols .col33-l, 
#container #threeCols .col33-m,
#container #threeCols .col33-r{
  height: auto;
  display: inline-block;
  vertical-align:top;
  margin-top: 0; padding: 1.2%  1.2%  30px  1.2%;
}


#container #threeCols .col33-l {
  width: 80%;
  margin:0 10% 30px 10%; 
  border-bottom: 5px solid #90B117;
}
#container  #threeCols .col33-m {
  width: 80%;
  margin: 0 10% 30px 10%;   border-bottom: 5px solid #90B117;

}

#container #threeCols .col33-r {
  width: 80%;
  margin:0 10% 30px 10%; 
 
}

#twoCols .col30{
  width: 100%;
  float:left;
  padding: 0%; margin:0px 0;

 }

#twoCols .col60{
  width: 100%;
	padding: 0px 0% 0 0%;
}


#twoCols50 .col50{
  width: 100%;
  float:left;
  text-align:left;
  padding: 0px 0% 30px 0%;
  margin:0;
 }

#twoCols50 .col50-1{
width: 100%;
float: right;
text-align: left;
 padding: 0px 0% 0 0%;
}


/*3Spaltig 33%  Normal*/
#container-main #threeCols .col33-l, #container-main  #threeCols .col33-m, #container-main  #threeCols .col33-r {
  width: 96%;
  margin: 2%;
}

.footer-01{width:100%;max-width: 96%;}
.footer-02 {width:100%;max-width: 96%;}
.footer-03 {  padding: 10px 0 10px 3%; }
.footer-04 { text-align:right;  }


 }


@media (max-width : 1407px) {
/* @media only screen and (min-width : 320px) and (max-width : 500px){*/

	/*NAVIGATION*/
#navigation {
    display: none;
}

#mobile-header {
    display: block;
    height: 40px;
  padding:0;
  margin:0;
}

.menu-seperator{
    display:none;
    }
    
    
#mega-nav{
  display:none;
  }


.sidr-class-csc-textpic-image.sidr-class-csc-textpic-1-col > img {
    float: left;
    width: auto;
}

.sidr-class-csc-default {
    padding: 5px;
}
	#responsive-menu-button {
	
	font-size: 2em;
	text-align: right;
	width: 100%;
	/* margin: 0 auto; */
	display: block;
	padding: 10px;
	line-height: 3em;
}
	
	.sticky #responsive-menu-button,
	#responsive-menu-button:hover{
	color: #333;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media (max-width : 900px) {
/* @media only screen and (min-width : 320px) and (max-width : 500px){*/

	/*NAVIGATION*/
#navigation {
    display: none;
}

#mobile-header {
    display: block;
    height: 40px;
  padding:0;
  margin:0;
}

.menu-seperator{
    display:none;
    }
    
    
#mega-nav{
  display:none;
  }


.sidr-class-csc-textpic-image.sidr-class-csc-textpic-1-col > img {
    float: left;
    width: auto;
}

.sidr-class-csc-default {
    padding: 5px;
}
	#responsive-menu-button {
	color: #fff;
	font-size: 2em;
	text-align: right;
	width: 100%;
	/* margin: 0 auto; */
	display: block;
	padding: 10px;
	line-height: 2em inherit;
}
	
	.sticky #responsive-menu-button,
	#responsive-menu-button:hover{
	color: #333;
	}
	
#booking {
position: absolute;
right: 0%;
width: 25%;
max-width: 210px;
z-index: 9999999;
bottom: -15px;
}
		
	

#twoCols50 .col50{
  width: 96%;
  float:left;
  text-align:left;
  padding: 0px 2% 30px 2%;
  margin:0;
 }

#twoCols50 .col50-1{
width: 96%;
float: right;
text-align: left;
 padding: 0px 2% 0 0%;
	margin:0;
}

body {
    -webkit-text-size-adjust: 100%;  
     }
   
body > #wrap {
    height: auto;
  min-height: 1px;
}


#header-container.sticky { 
   height:auto; 
   position:fixed; 
   margin:0 auto; 
   width:100%; 
   top:0; 
   z-index: 50;  
   display:hidden;}



.ct70{ 
    width: 100%;
    max-width: 96%;
	padding: 20px 0 5px 0;
	}


.ct100{ 
   width: 100%;
    max-width: 96%;
	margin:0 auto;
	padding: 20px 0 5px 0;
	}

.ctleft-br {
width: 100%;
max-width:96%;
}

#top-image {   top:0px; } 
#container {  margin: 0px 0 0 0;}


.box-logo{	width: 30%;}	
.box-menue {width:70%;}	


/*3Spaltig 33%  Headerbereich*/

#threeCols .col33-l {
  width: 96%;
  margin-bottom:30px; text-align:left;
}
 #threeCols .col33-m {
  width: 96%;
  margin-bottom:30px; text-align:left;
}

#threeCols .col33-r {
  width: 96%;
  margin-bottom:30px; text-align:left;
 
}

/*3Spaltig 33%  Startseite*/
#container #threeCols .col33-l, 
#container #threeCols .col33-m,
#container #threeCols .col33-r{
width: 96%;
margin:0 2% 30px 2%; 
  border-bottom: 5px solid #90B117;
}


#container #threeCols .col33-l {
 width: 96%;
margin:0 2% 30px 2%; 
  border-bottom: 5px solid #90B117;
}
#container  #threeCols .col33-m {
width: 96%;
margin:0 2% 30px 2%; 
  border-bottom: 5px solid #90B117;

}

#container #threeCols .col33-r {
  width: 96%;
margin:0 2% 30px 2%; 
}

/*3Spaltig 33%  Normal*/
#container-main #threeCols .col33-l, #container-main  #threeCols .col33-m, #container-main  #threeCols .col33-r {
  width: 96%;
  margin: 2%;
  text-align: center;
}


#twoCols .col30{
  width: 100%;
  float:left;
  padding: 0%; margin:20px 0;

 }

#twoCols .col60{
  width: 100%;
	padding: 0px 0% 0 0%;
}

.footer-01{width:100%; padding: 0 5%}
.footer-02 {width:100%; padding: 20px 5%}
.footer-03 { width:100%; float:left; padding: 10px 5%}
.footer-04 { width:100%; float:left; padding: 10px 5%}

/*POWERMAIL*/
.powermail_label {
    float: none;
    width: 90%;
}

.powermail_field select,
	.powermail_field input{
  width:98.3%;
  }
  
input.powermail_field {
    width: 96%;
}
input.powermail_radio {
    width: auto;
}

.powermail_textarea {
    width: 96%;
}

.powermail_submit{
  margin: 10px 16px 10px 0%;
  }
  
.powermail_field.powermail_submit {
    width: 98%;
}



.bg-image {
	background-position: center;
	height: 300px !important;
}

}