@media all and (max-width: 920px)       {


/*----------------------------------------------------------------------------*/
/* General                                                                    */
/*----------------------------------------------------------------------------*/


div, span, ul, li, img, a, h1, h2, h3, h4, h5, h6, hr, p, 
table, tr, td, form, legend, label, dt, dd
	{ 
	margin: 0px; 
	padding: 0px;
	border: 0px;
	}

a
	{
	text-decoration: none;
	color: #3c5ba3;
	}

a:hover
	{
	text-decoration: underline;
	color: #000000
	}
	
.clear
	{
	clear: both;
	}


/*----------------------------------------------------------------------------*/
/* Content center                                                             */
/*----------------------------------------------------------------------------*/



div
	{
	text-align: left;
	}


	
.page {

/*width: 100%;*/
}





.trennlinie
	{
	border-top: 1px solid #cccccc;
	}



/*----------------------------------------------------------------------------*/
/*  page structure														  */
/*----------------------------------------------------------------------------*/




.abstand_margin
	{
	width: 160px;
	margin-left:10px;
	
	
	

	}



#banner_content {

display: none;
	}
	
	
	

#bigsizebanner_wrapper
	{

margin-bottom: 10px;
border-top: 1px solid #ffb500;
display: none;
	}

#bigsizebanner
	{
	width: 728px;
	/* margin-left: 20px; */
	}
	
#main
	 { 
	 
   margin-top: 20px;
  /* margin-right: 20px; */
   margin-bottom: 20px;
   margin-left: 10px; 
   
	 
	}
	 
#main_buchung_links
	 { 
	 float: left;
	 margin-top: 7px;
	 margin-bottom: 5px;
	 margin-right: 10px; 
	 width: 215px;
	 }	 

#main_buchung_rechts
	 { 
	 float: left;
	 margin-top: 7px;
	 margin-bottom: 5px; 
	 width: 600px;
	 padding-left: 10px;
	 padding-right: 10px;
	 border-left: 1px solid #dfdedb;
	 border-right: 1px solid #dfdedb;
	 }	
	 
	 
#main_mobile_links
	 { 
	 float: left;
	 margin-right: 0px; 
	 width: 200px;
	 }	
	 

#main_mobile_rechts
	 { 
	 float: left; 
	 width: 292px;
	 padding-left: 10px;
	 }		 
	 

#main_wide
	 { 
	 float: left; 
	 margin-bottom: 5px; 
	 width: 849px;
	 padding-right: 10px;
	 border-right: 1px solid #dfdedb;
	 }

#sidebar
	 { 
	padding: 10px !important;
  width: 95%;
	 	 
	 }
	 

	#sidebar img {
    left: 0px;
    position: relative;
    top: -2px;
}

#margin {
    background: none repeat scroll 0 0 #DFDFDF;
    float: right;
    margin-left: 0;
    position: relative;
    right: 5px;
    top: 0px;
    display: none;
}

#content_footer
	{
	clear: both;	
	}



#fb_ad
	{
 bottom: 93%;
    float: right;
    left: -2%;
    position: relative;
    /*display: none;*/

}
	

.mobile_hidden {
    display: none;
}

/*----------------------------------------------------------------------------*/
/* font and text properties, excl. of link indication, alignment, text-indent */
/*----------------------------------------------------------------------------*/

body
	{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
  /*background: url(../pics/hintergrund.jpg) no-repeat fixed center top #ffffff;*/ 
  margin:0 auto; 
  
	}

p
	{
	line-height: 1.45em;
	}
h1
	{
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0em;
	text-transform: uppercase;
  padding: 10px;
	}

h2
	{
	font-size: 1.1em;
	font-weight: bold;
	}

h3
	{
	font-size: 1.0em;
	font-weight: bold;
	}
  
  
.title
	{
  font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
	}  
  
	
#mainnav ul li.active a
	{
	font-weight: bold;
	}

#claim h2
	{
	font-size: 11px;
	}
	
	
.byline
	{
	font-size: 0.8em; margin-top: 2px; margin-bottom: 6px; color: #999999;
	}		

/*----------------------------------------------------------------------------*/
/* colors, backgrounds, borders, link indication                              */
/*----------------------------------------------------------------------------*/



#google_map	
	{
	background: #EDE9E2;
	background: url(../pics/google_map_background.gif) top center repeat-y;
	}



#rootline_footer
	{	
  padding-top: 20px;
	/*text-indent: 20px;*/
        padding-left: 20px;
	}
		
#content
	{
	background:url(../pics/hintergrund.png) top center repeat-y; 
	}
	
#content_footer.stat
	{
	background:url(../pics/hintergrund.png) top center repeat-y;
	}
	
#content_identification.stat
	{
	background:url(../pics/hintergrund.png) top center repeat-y;
	}
	
#rootline_wrapper a
	{
	color: #000;
	
	}		
	
#destination_header a
	{
	color: #ffb500;
	}		

#content_title_wrapper
	{
	background: #FAEBBB;
	background: url(../pics/content_title_background.gif) top center repeat-y;
	}

#destination_header_wrapper
	{
	background: #FFB500;
	background: url(../pics/destination_header_background.gif) top center repeat-y;
	}



#mainnav ul li
	{
	background-color: #faebbb;
	background-image: url('../pics/ul_FFE2B0.png');
	background-repeat: no-repeat;
	}

#mainnav ul li.active
	{
	color: #000000;
  background-color: #ffffff;
	background-image: url('../pics/ul_52180d.png');
	}
	
	

#mainnav ul li a
	{
	color: #000000;
	background-repeat: no-repeat;
	background-image: url('../pics/ur_FFE2B0.png');
	background-position: top right;
	padding:13px 7px 0 7px;
	}

#mainnav ul li.active a
	{
	color: #000000;
	background-image: url('../pics/ur_52180d.png');
	padding:13px 7px 0 7px;
	}




	

/*----------------------------------------------------------------------------*/
/* box properties (excl. borders), pos, alig, list types, text-indent         */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* Elements															          */
/*----------------------------------------------------------------------------*/


#header {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    /* height: 146px; */
    position: relative;
    width: 100%;
}


#header_image
	{/*float: right;*//* margin-top: 116px; */display: flex;align-items: center;justify-content: space-between;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}

#header_wrapper
{/* position:absolute; *//* top:-30px; */width: 100%;}

#content_header_wrapper
{position:absolute;top:98px;}



#content_title_wrapper
{
position:absolute;
top:262px;
padding-bottom: 4px;
padding-top: 4px;
width: 100%;
}


#content
{position:relative;top: 70px;width: 95%;}

#identification
	{
	position: absolute;
	bottom:30px;
	}

#headline
	{
	position: absolute;
	height: 80px;
	}
	
#claim
	{
	position: absolute;
	left:0;
	}
#header_links
	{
	position: absolute;
	right: 0;
	font-size: 10px;
	}
	
#mainnav ul
	{
	list-style-type: none;
	position: absolute;
	bottom: 0;
	left: 15px;
	}
	
#mainnav ul li
	{
	float: left;
	padding: 13px 0 5px 0;
	margin-left:5px;
	margin-top:7px;
	opacity: 0.9;
	}

#mainnav ul li.active
	{
	float: left;
	padding: 13px 0 5px 0;
	margin-left:5px;
	margin-top:7px;
	opacity: 0.9;
	}
	
#mainnav ul li a
	{
	}

#mainnav ul li.active a
	{
	}



ul.navigation
	{
	list-style-type: none;
	}
	
ul.navigation li
	{
	display: block;
	float: left;
	}
	
ul.navigation li a
	{
	margin-left: 5px;
	}

/*
ul.navigation li:after
	{
	content: " | "
	}

ul.navigation li.last_element:after
	{
	content: "";
	}
*/

.page_navigation
	{
	clear: both;
	margin-bottom: 20px;
	}
	
.page_navigation ul
	{
	list-style-type: none;
	}
	
.page_navigation ul li
	{
	display: block;
	float: left;
	}

.page_navigation ul li.page_element:after
	{
	content: " | ";
	display: none;
	}
	
.page_navigation ul li.first_element:after,
.page_navigation ul li.last_element:after
	{
	content: " "
	}

.page_navigation ul li a
	{
	margin-left: 5px;
	}


	
	




/*----------------------------------------------------------------------------*/
/* Mainnav_Drop-down															          */
/*----------------------------------------------------------------------------*/



#menu {
  font-size:1.0em;
  position:absolute; top:108px; left:20px; z-index:1;
  display: none;



  
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
  
  
}

#menu li.topmenu {
  float:left;
  padding: 0.2em;

 

}

.topmenu a {
  float:left;
  width:auto;
  text-align:left;

  padding:6px 5px 6px;
  border-collapse:collapse;
  color:#000;
  font-weight:regular;
  text-decoration:none;
  background-color:#FAEBBB;
  margin:0;
  width:auto;
  text-align:left;
  
}



.topmenu ul{
  display:none;
 
}


.submenu a{
  
  font-size:0.8em;
  width:140px;
  position:relative;
  border-collapse:collapse;
  position: relative;
  
  
  clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
  color:#fff;
  background-color:#ffb500;
  
  
  
}

.topmenu:hover ul {
  display:block;  
  
}




#mainimage{
  display: none;

 }


/*----------------------------------------------------------------------------*/
/* Mainnav_Drop-down	2														          */
/*----------------------------------------------------------------------------*/





.nav_active{
    
    background-color: #ffb500;
}



#nav
{
    display: none;
}




#maintext
{
padding: 20px;
}


/* Hamburger Menü für mobile Ansicht*/


#burger_wrapper {
    /* background: #f5f5f5 none repeat scroll 0 0; */
    /* height: 100px; */
    /* position: absolute; */
    /* width: 100%; */
    /* border-bottom: 1px solid #dcdcdc; */
    margin-top: 15px;
}


a
{
  text-decoration: none;
  color: #3c5ba3;
  
  transition: color 0.3s ease;
}

a:hover
{
  text-decoration: underline;
  
}

#burgerToggle
{
  display: block;
  position: relative;
  /* top: 50px; */
  /*left: 10px;*/
  /* padding-left: 10px; */
  z-index: 1;
  width: 50%;
  -webkit-user-select: none;
  user-select: none;
  margin-left: 15px;
}

#burgerToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#burgerToggle span
{
  display: block;
  width: 45px;
  height: 7px;
  margin-bottom: 6px;
  position: relative;
  
  background: #666;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#burgerToggle span:first-child
{
  transform-origin: 0% 0%;
}

#burgerToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#burgerToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #666;
}

/*
 * But let's hide the middle one.
 */
#burgerToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#burgerToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#burger
{
  position: absolute;
  width: 200px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#burger li
{
  padding: 7px 0;
  font-size: 17px;
  margin-left: 10px;
}

#burger li.burger-sub-navi
{
  margin-left: 30px;
}



/*
 * And let's fade it in from the left
 */
#burgerToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);

}

}


#intro
{
   display: none;
	
}





/* BESTELLBUTTON*/



.order {
   background-color: #ffb500;
    border: medium none;
    border-radius: 12px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    width: 260px;
}


.order a {

color: #000;

}

.order span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.order span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.order:hover span {
  padding-right: 25px;
}

.order:hover span:after {
  opacity: 1;
  right: 0;
}


/* 
 ORE
  cart icon
*/

#headerCart {
  
    text-align: right;
    padding-right: 10px;
    bottom: 5px;
    right: 2px

}
#headerCart a{
  
  display: inline-block;

}
#headerCart a :first-of-type {
  margin-right: 10px;
}


#headerCart img {
  height: 30px;
 }
 
.cart-wrapper > #content {
     top: 70px;               
} 

.content_box_wrapper_fva.cart-page #content {
   top: 0px; 
}

.content_box_wrapper_fva.cart #rootline {
    margin-bottom: 0px;
}
                

/* logo */
@media all and (max-width: 480px)       {
    .logo_xs {
    	display: block;
    }
    .logo_lg {
    	display: none;
    }
}
@media all and (min-width: 481px)       {
    .logo_xs {
    	display: none;
    }
    .logo_lg {
    	display: block;
    }
}


 
 #layer0 {
    
        position: sticky;
    top: 0px;
    z-index: 9998;
    background-color: white;
    	
	}






     /* listing */

     .news-vorschau-item {
    
display: flex;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    
    }
    
    #box_trennlinie {
        display: none;
    }


     @media all and (max-width: 480px)       {
        .news-vorschau-item {
            flex-direction: column;
        }
    }