@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Lato|Maven+Pro|Muli|Open+Sans|Syncopate');
/*-------------------------------------------------------------------------*/
/* hide 
/*-------------------------------------------------------------------------*/
nav.subnaviwrapper, section.subnavitop, nav.navdesk, aside.print, figure.claim, section.ausgabe, article.printlogo, nav.navdsmart, section.gewinnspiel, section.buchen, aside.impressum, aside.printlogo, #notext, .notext, section.icons, aside.tophead  {display:none;	}


/*-------------------------------------------------------------------------*/
/* Bildergalerie Lightbox 
/*-------------------------------------------------------------------------*/

    .gallery li, .gallery ul, ul.gallery li {
      float: left; padding-left:0!important; list-style:none!important; display
    }

.gallery li, .gallery ul, ul.gallery li {
      float: left; padding-left:0!important; list-style:none!important

    }

.gallery li img  {
   -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);

    }

.gallery li img:hover  {
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
    }




   .gallery2 li, .gallery2 ul, ul.gallery2 li {
      float: left; padding-left:0!important; list-style:none!important; display
    }

.gallery2 li, .gallery2 ul, ul.gallery2 li {
      float: left; padding-left:0!important; list-style:none!important

    }

.gallery2 li img  {
   -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);

    }

.gallery2 li img:hover  {
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
    }


 


/	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	border: 1px solid #ccc;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		 
	}
th.headline, th.hide { 
		color: #e4600a; 
		font-weight: bold; 
	background: none; 
	}
	th { 
		background: #e4600a; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 0px solid #ccc; 
		text-align: left; 
	}


/*-------------------------------------------------------------------------*/
/* iframe
/*-------------------------------------------------------------------------*/
.video-container {
    position: relative;
   
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map_canvas { width:100%; height:400px}


/*-------------------------------------------------------------------------*/
/* Header oben
/*-------------------------------------------------------------------------*/

aside.tophead { max-width:1030px; margin:0 auto; position:relative; z-index:99999999!important}	
section.suche1      { width:195px; float:left;}
section.suche2      { width:26px; border:0px; color:#FFF; float:left; }
section.suche  {width:225px; float:right; text-align:right; margin:0px 0% 2.3% 0em; margin-right:9em;  }

section.topsubnavi   { width:100%; border:0px; color:#f5d815;  float:right; text-align:right; padding:3px 0px 0 0 ; margin-bottom:15px; font-size:.9em}


aside.tophead a {color: #f5d815!IMPORTANT; text-decoration: none!important; padding:0;  }
aside.tophead a:hover {color: #f5d815!IMPORTANT; text-decoration: underline!important; padding:0; }
aside.topheadp a:active {color: #f5d815!IMPORTANT; text-decoration: none!important; padding:0;}
	
section.bobo  { top:-.7em; z-index:1!important; position:absolute; right:0; float:right;}
section.bobo img  { width:170px; float:right; margin-bottom:15px;}




/*-------------------------------------------------------------------------*/
/* Navigation 
/*-------------------------------------------------------------------------*/
#pageslide {display: none; position: absolute; position: fixed; overflow:scroll; float:right; top: 0; right:0; height: 100%; z-index: 999999; width: 200px; padding: 20px; background-color: #221f1e; color: #FFF;}
#pageslide ul {background:none;}
#pageslide ul li a { background:none;  text-align:left;  font-size:.9em; }
#pageslide  li { width:250px; color:#FFFFFF!important; padding-bottom:15px;}
#pageslide ul li a.current, ul#pageslide > li.current { color: #FFFFFF!important; }
#pageslide .dropdown { display:block; z-index:999!important; font-size:1em; }

#smart a {color: #FFFFFF!IMPORTANT; text-decoration: none!important; list-style:none!important;  }
#smart a:hover {color: #FFFFFF!IMPORTANT; text-decoration: underline!important; list-style:none!important;}
#smart a:active {color: #FFFFFF!IMPORTANT; text-decoration: none!important;  list-style:none!important;}

#smart ul {padding:10px 0 15px 0;  }


nav.navdesk, #navMain {display:none!important;}

nav.navdesk a {text-decoration:none!important; color:#FFFFFF; font-size:.7em;  }
ul#navMain {list-style:none!important; display:block!important; z-index:9999!important}
ul#navMain li a {			 text-align:center;  } 	
ul#navMain li {text-align:center; 		position:relative;  padding:0% .7% 0% 0%; width:100%; display:inline; font-family: 'Lato', sans-serif; text-transform:uppercase; }
#navMain a.current, ul#navMain > li.current { color: #ffdf4f!important;}	



.dropdown {	list-style: none;	display: none;	position: absolute; 	top: 1em;	left: .5em;	margin: 0px;	padding: 0px;	;	z-index:99999!important;		text-align:left!important;	font-size:.9em; color:#000000!important; background-image:url(/medien/images/hg-nav.png); }

.dropdown li {	list-style: none;	z-index:99999!important;	color: #FFF!important;	text-align:left!important;  padding-top:170px!important; }
.dropdown li a { 	color: #FFF!important;	list-style: none;		text-align:left!important; text-decoration:none!important; display:block; margin: .1em 0em .1em 1em; line-height:.4em;}
.dropdown li a:hover {	color: #ffdf4f!important;	list-style: none;		text-decoration:underline!important; }

ul.dropdown {	padding-top:2.3em!important; 	width: 24em!important; }

/*-------------------------------------------------------------------------*/
/* Bilder 
/*-------------------------------------------------------------------------*/

img { width:100%; height:auto;border:0px!important;}

section.footer4 img {width:auto;}
section.footer5 img {width:auto;}
section.footer3 img {width:100px;}

#supersized,  #supersized img {display:none!important}

li.trenner img  {width:6px; height:auto;}

aside.impressum img  {width:70px;}

section.buchen img  {width:auto;}

p.googlekarte img  {width:80%}
p.icon img  {width:auto;}
p.icon {line-height:3em!important;}

article.footerinfo img  {width:auto;}

/*-------------------------------------------------------------------------*/
/* Slider 
/*-------------------------------------------------------------------------*/

*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('/fonts/flexslider-icon.eot');
	src:url('/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('/fonts/flexslider-icon.woff') format('woff'),
		url('/fonts/flexslider-icon.ttf') format('truetype'),
		url('/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 200px;  }
.flexslider .slides { zoom: 1; z-index:99!important;  display: block;}
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 99; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }





.flex-control-paging li a {display: none;}




/*-------------------------------------------------------------------------*/
/* Formulardaten 
/*-------------------------------------------------------------------------*/


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


 

input.pen{background-image:url(/medien/images/pen.gif); background-repeat:no-repeat; padding-left:40px; }
textarea.pen {background-image:url(/medien/images/pen.gif); background-repeat:no-repeat; padding-left:40px; margin-top:7px; padding-top:20px;}

textarea.nice {background-image:url(/medien/images/nice.png) ; background-repeat:no-repeat; padding-left:20px; margin-top:7px; padding-top:20px;}
textarea.bad {background-image:url(/medien/images/bad.png); background-repeat:no-repeat; padding-left:20px; margin-top:7px; padding-top:20px;}


input.street {background-image:url(/medien/images/street.gif); background-repeat:no-repeat; padding-left:40px;}
input.ort {background-image:url(/medien/images/ort.gif); background-repeat:no-repeat; padding-left:40px;}
input.plz {background-image:url(/medien/images/plz.gif); background-repeat:no-repeat; padding-left:40px;}
input.tel {background-image:url(/medien/images/tel.gif); background-repeat:no-repeat; padding-left:40px;}
input.mail {background-image:url(/medien/images/mail.gif); background-repeat:no-repeat; padding-left:40px;}


input.pen:focus{background-image:url(/medien/images/pen.gif); background-repeat:no-repeat; padding-left:40px; background: #dddedf;}
textarea.pen:focus {background-image:url(/medien/images/pen.gif); background-repeat:no-repeat; padding-left:40px; padding-top:10px; background: #dddedf;}

input.street:focus {background-image:url(/medien/images/street.gif); background-repeat:no-repeat; padding-left:40px;background: #dddedf;}
input.ort:focus {background-image:url(/medien/images/ort.gif); background-repeat:no-repeat; padding-left:40px;background: #dddedf;}
input.plz:focus {background-image:url(/medien/images/plz.gif); background-repeat:no-repeat; padding-left:40px;background: #dddedf;}
input.tel:focus {background-image:url(/medien/images/tel.gif); background-repeat:no-repeat; padding-left:40px;background: #dddedf;}
input.mail:focus {background-image:url(/medien/images/mail.gif); background-repeat:no-repeat; padding-left:40px;background: #dddedf;}

.form-field:focus {
   background: #e609e6;
   color: #627028;
   }




form article {
 background:#e4600a;
 margin: 0 0 20px 0; 
	color:#FFF
}
form header div {
  margin: 15px 0 15px 0;
 
}
form header h2 {
  margin: 0 0 5px 0;
}

.formheadline {
  margin: 15px 0 15px 0;
 background:#e4600a;
		color:#FFF;
	padding:5px;
}



form > div {
  clear: both;
  overflow: hidden;
  padding: 1px solid;

  
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
	
}
form > div > label,
legend {
	width: 100%;
  float: left;
	 padding: 15px 5px 0px 0;
	
	
}
form > div > div,
form > div > fieldset > div {
  width: 100%;


  float: right;
	
}

fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
select, input
{
	min-width:100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
 margin: 9px 0 9px 0;
	height:2.2em
}

.submit {
  background: #f4782c;
  background-image: -webkit-linear-gradient(top, #f4782c, #df5c0b);
  background-image: -moz-linear-gradient(top, #f4782c, #df5c0b);
  background-image: -ms-linear-gradient(top, #f4782c, #df5c0b);
  background-image: -o-linear-gradient(top, #f4782c, #df5c0b);
  background-image: linear-gradient(to bottom, #f4782c, #df5c0b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.submit:hover {
  background: #fa9251;
  background-image: -webkit-linear-gradient(top, #fa9251, #d16f32);
  background-image: -moz-linear-gradient(top, #fa9251, #d16f32);
  background-image: -ms-linear-gradient(top, #fa9251, #d16f32);
  background-image: -o-linear-gradient(top, #fa9251, #d16f32);
  background-image: linear-gradient(to bottom, #fa9251, #d16f32);
  text-decoration: none;
}

textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
	min-height:164px;

}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;

}


.blurBg,
.blurBg-true{
  background-attachment: fixed;
  background-image:
    -webkit-linear-gradient(5deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
    -webkit-radial-gradient(40% 60%, ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
    -webkit-radial-gradient(50% -10%, circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
    -webkit-radial-gradient(100% 0%, ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
    -webkit-radial-gradient(0% 0%, ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
    -webkit-radial-gradient(90% 60%, ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
    -webkit-radial-gradient(20% 10%, circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);
  
  background-image:
    linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
    radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
    radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
    radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
    radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
    radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
    radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
  /*
    radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%),
    radial-gradient(50% -10%,circle closest-corner, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 50%),
    radial-gradient(0% 100%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 20%),
    radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 20%),
    radial-gradient(1% 2%,circle farthest-side, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 20%);
  */
}


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


html, body { height:100%; background:none }

body { font-size:1em;	 position:absolute; width:100%; font-family: 'Open Sans', sans-serif; color:#000000; line-height:1.6; }


#hintergrund { width: 100%; position: relative; z-index: 1; position: fixed!important; }

.container, section.container, header.container, figure.featuredContainer { max-width:990px; margin:0 auto; }

.autoheight { margin: 0% 0% 3% 0%}
.clear {	float:left;	width:100%;	-height:8.125em; }


ul,  ol { margin-left:10px; padding-left:0.625em; }

li { list-style-image:url(/medien/images/li.png); width:100%; }
li:hover ul, li.over ul { /* lists nested under hovered list items */	display: block;	list-style: none;}



h1  {font-size:1.6em; padding-bottom:0.25em; margin-bottom:0px; color:#e15f0b;  line-height:1.8; padding:2% 0% 0% 0%; font-family: 'Lato', sans-serif; text-transform:uppercase}
h2 { font-size:1.2em; padding-bottom:0.39em; margin-bottom:0px; color:#000; line-height:1.4; font-style:italic;}
article.content2spalter h2, article.content2spalterpop h2, article.content1spalter h2 { font-size:1.2em; padding-bottom:0.39em; margin-bottom:0px; color:#e15f0b; line-height:1.4; font-style:italic;}
h2.trigger { font-size:1.2em; color:#e15f0b!important; font-style:italic; margin:1% 4% 0% 2%; line-height:2em}
.slide h2 { font-size:1.3em; margin-bottom:0px; color:#FFF; font-style:italic; padding-top:-0px!important; margin:0%!important; }
h3  {font-size:1.1em; padding-bottom:0.25em; margin-bottom:0px; color:#000000;  line-height:1.4; font-style:italic;}
h5 { font-size:1.1em; color:#FFFFFF; padding:.2em; font-style:italic;}


figure.logoweiss {	width:200px;}



section.top  {background-image: url(/medien/images/schiefer.gif); background-repeat:repeat-x; height: 12.5em; width:100%; position:fixed; z-index:9999!important;}

header.container {width:100%;  	webkit-box-sizing:border-box;	moz-box-sizing:border-box;	box-sizing:border-box;	behavior: url(/boxsizing.htc); position:fixed; z-index:9999!important; }

.openmen { float:right;  height:2.75em;  width:2.75em; background-image: url(/medien/images/pageslide.gif); position:absolute; z-index:999999!important; top:0}
section.sprachen  { width:7.5em; color:#FFFFFF!important; padding-top:3.438em; margin:0; right:0.625em; position:absolute; z-index:9999!important;}
section.social { display:none; width:100%; padding-top:4em; margin:0; right:10px; position:absolute; z-index:9!important; }
section.social img { width:auto; float:right; text-align:right; padding:0%; margin:0%;  z-index:9!important;}
figure.logo { width:150px; display:block;  height:95px;  margin:0 auto;  padding:0;  text-align:center; padding-top:4em; z-index:99999!important; position:relative; }

figure.sitemapimg {  padding-bottom:7%;  }

main.unterseite {width:100%; padding:0%;	 z-index:10; float:left}
main.unterseite {width:100%; margin-top:5em; padding:5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:999999!important float:left; }

article.mainont {background-image: url(/medien/images/hgmain.png); background-repeat:repeat; 	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); float:left; width:100%; }
article.mainontslider {-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); float:left; width:100%; }
section.maincont {border-width: 1px;   float:left; padding-bottom:2%; width:100%; } 

section.main{	max-width:1200px; width:100%;height: 100%; margin:0 auto;}


article.headline{width:100%;	padding:0%%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); float:left; }

.erhgheadline {	background:#171715; height:2em; margin-top:-10px;}

article.content1spalter{width:100%;	float:left; }
article.content1spalter section {	padding:2% 0%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); }
.content1spalterin{	width:100%;	} 


article.content1spalterslider{width:100%;	color:#FFF;}
article.content1spalterslider section {	margin:2% 4%;	padding:2% 4%;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); background-image: url(/medien/images/hg-slider.jpg); min-height:30em}
article.content1spalterslider img {	 width: 100%; min-height: 150px; max-height: 150px; object-fit: cover; overflow: hidden; padding: 0% 0% 3% 0% }


article.content2spalter, article.content2spalterfull {	width:100%;	}
article.content2spalter section, article.content2spalterhightlight section {	padding:2% 0% 4% 0%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); }

article.content2spalter li, article.content2spalterfull li {	width:100%;	float:left;}
article.content2spalter section li, article.content2spalterhightlight section li {	 float:left; width:100%}
.content2spalterina, .content2spalterina{	width:100%;	padding: 3% 0% 0% 0%; 	float:left;}
.content22spalterina, .content22spalterina{	width:100%;	padding: 3% 0% 0% 0%; float:left;	}
.content22spalterinabreit, .content22spalterinbbreit{	width:100%;	padding: 3% 0% 0% 0%; 	}

article.content2spalter section {  padding-bottom:2%;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; box-sizing:border-box;  *behavior: url(/boxsizing.htc);}


article.content3spalter {	width:100%;}
article.content3spalter section {	padding:2% 0% 4% 0%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc);}

article.content4spalter {	width:100%; color:#FFFFFF;}
article.content4spalter section {	padding:2% 0% 4% 0%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc);}



article.sitemapbox {width:100%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc);	text-align:left;		background-image: url(/medien/images/gelb.gif); padding:2% 2% 0 2%;}
article.sitemapbox section {	background:none;	margin-bottom:1%;	padding:1% 4% 1% 2%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc);}
article.sitemapbox section a {	padding:0%;	text-align:left;	color:white;	text-decoration:none;	width:100%;	display:block;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); }




h2.trigger  a {color: #e15f0b!IMPORTANT; text-decoration: none!important; padding:4% 2% 1% 8%; background-image: url(/medien/images/popup.gif);  background-repeat:no-repeat; margin:4% 4% 2% 2%; font-size:.8em }
h2.trigger  a:hover {color: #e15f0b!IMPORTANT; text-decoration: underline!important; font-size:.8em}
h2.trigger  a:active {color: #e15f0b!IMPORTANT; text-decoration: none!important; font-size:.8em }


#sitemap a {color: #000000!IMPORTANT; text-decoration: none!important; padding:0;  }
#sitemap a:hover {color: #000000!IMPORTANT; text-decoration: underline!important; padding:0; }
#sitemap a:active {color: #000000!IMPORTANT; text-decoration: none!important; padding:0;}
ul#sitemap li { padding:.1em 0px .2em 0px; text-decoration: none!important;		}


#menu a {color: #55620b!IMPORTANT; text-decoration: none!important; }
#menu a:hover {color: #55620b!IMPORTANT; text-decoration: underline!important; }
#menu a:active {color: #55620b!IMPORTANT; text-decoration: none!important; }

ul#menu { padding-left:.7em; width:auto;  text-decoration: none!important; }

ul#menu a.current { padding:0px;  margin:0px;  font-weight:bold;  text-decoration: underline!important; }
ul#menu li { padding:4% 0% 0% 0%; text-decoration: none!important; }
ul#menu li ul { text-decoration: none!important;  padding:0px 0px 0px 0px;  padding-left:20px;  }



article.footerinfo  {color: #FFFFFF; text-decoration: none!important;}
article.footerinfo a {color: #FFFFFF; text-decoration: none!important;}
article.footerinfo a:hover {color: #FFFFFF; text-decoration: underline !important;}
article.footerinfo a:active {color: #FFFFFF;text-decoration:  none!important;}

nav.subnaviwrapper a  {color: #FFFFFF; text-decoration: underline !important;}
nav.subnaviwrapper a  {color: #FFFFFF; text-decoration: underline !important;}
nav.subnaviwrapper a:hover  {color: #FFFFFF; text-decoration: none!important;}
nav.subnaviwrapper a:active  {color: #FFFFFF; text-decoration: underline !important;}


section.footer2   {color: #000!important; text-decoration: none!important;}
section.footer2  a {color: #000!important; text-decoration: none!important;}
section.footer2  a:hover {color: #000!important; text-decoration: underline !important;}
section.footer2  a:active {color: #000!important;text-decoration:  none!important;}

a article.content1spalterslider {color: #FFFFFF; text-decoration: underline !important;}
a:hover article.content1spalterslider {color: #FFFFFF; text-decoration: none!important;}
a:active article.content1spalterslider {color: #FFFFFF; text-decoration: underline !important;}

a {color: #000000; text-decoration: underline!important;}
a:hover {color: #000000; text-decoration: none !important;}
a:active {color: #000000;text-decoration:  underline!important;}

h5 a {color: #FFFFFF; text-decoration: none!important;}
h5 a:hover {color: #FFFFFF; text-decoration: underline !important;}
h5 a:active {color: #FFFFFF;text-decoration:  none!important;}


a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #E7630A;
  height: 27px;
  line-height: 27px;
  text-align: center;
  visibility: hidden;
  border-radius: 1px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #E7630A;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 1;
  left: 100%;
  top: 50%;
  margin-top: -13.5px;
  margin-left: 15px;
  z-index: 999;
}




a.tooltips2 {
  position: relative;
  display: inline;
}
a.tooltips2 span {
  position: absolute;
  width:100px;
  color: #FFFFFF;

  background: #E7630A;
  height: 27px;
  line-height: 27px;
  text-align: center;
  visibility: hidden;
  border-radius: 1px;
right:0
}
a.tooltips2 span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #E7630A;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips2 span {
  visibility: visible;
  opacity: 1;
  right: 0%;
  top: 4%;
  margin-top: -13.5px;
  margin-right: 40px;
  z-index: 999;
}


.content2spalterinbslider a {color: #FFFFFF; text-decoration: underline!important; z-index:99999999999!important}
.content2spalterinbslider a:hover {color: #FFFFFF; text-decoration: none !important; z-index:99999999999!important}
.content2spalterinbslider a:active {color: #FFFFFF;text-decoration:  underline!important; z-index:99999999999!important}


.content2spalterinaslider{display:none}
.content2spalterinbslider{float:right;  width:94%;			padding:0% 2% 0% 0;  z-index:99999999999!important}


footer.contentaufzu { position: relative; clear: both; width:100%;  z-index:99!important;padding:0; margin-bottom:0; }
footer.contentaufzugoogle { position: relative; clear: both; width:100%;  z-index:99!important;padding:0; margin-bottom:0}



section.container {	margin-top:1%;	}


section.footer2  {width:90%;	float:left; margin: 0.7em 0% 0% 5%; color:#e85b0c; position:relative; }
section.footer3  {width:90%;	float:left; margin: 0.7em 0% 0% 5%; color:#e85b0c; position:relative; }
section.footer4   {width:90%;	float:left; margin: 0.7em 0% 0% 5%; color:#e85b0c; position:relative; }
section.footer5   {width:90%;	float:left; margin: 0.7em 0% 0% 5%; color:#e85b0c; position:relative; }


article.footerimprint {		width:95%; margin:0 auto; color:#FFFFFF; padding:.7em 0% 0% 5%; color:#FFFFFF	;	}

aside.madeby   {width:90%;	float:left; margin: 0.7em 0% 0% 5%; position:relative; }


.togglecontainer  {	background:#FFF!important;	margin:4%}

figure.trick {height: auto; overflow:hidden; 	margin:0% 0% 4% 0%; float:left; padding:0; left:0}	




.flexslider { background: url(/medien/images/hg-slider.jpg);position: relative; -webkit- ; max-height: 390px; color:#FFF; overflow:hidden}

	

article.footerimprint   {	text-align:left; width:100%; float:left; padding: .4em 0% 0% 0%; color:#000!important}
	article.footerimprint  a {color: #000; text-decoration: none!important;}
	article.footerimprint a:hover {color: #000; text-decoration: underline !important;}
	article.footerimprint a:active {color: #000;text-decoration:  none!important;}

.back-to-top {display:none!important; }


.headermobile {display:block!important; }



/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:370px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:370px) {
	

section.footer2,section.footer4   {width:90%;	float:left; margin: 0.7em 0% 0% 5%; color:#e85b0c; position:relative; }
	
.back-to-top {display:none!important; }


}

/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:420px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:420px) {

article.sitemapbox {padding:2% 2% 0 2%;}
article.sitemapbox section {		float:left;		width:48%;			margin-right:4%;		margin-bottom: 4%;		padding:2% 2% 3% 2%;		}	
article.sitemapbox section:nth-of-type(even) {		margin-right:0;		}
	
article.footerinfo, article.footerimprint {		width:90%; margin:0 auto; color:#FFFFFF; padding:0 0% 0% 0%		}


section.footer2,section.footer4   {width:90%;	float:left; margin: 0.7em 0% 0% 0%; color:#e85b0c; position:relative; }
aside.madeby  {	text-align:right; width:50%; float:right;}
	




}


/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:500px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:500px) {
	
section.footer2  {		width:40%;	float:left; padding: .5em 0% 0% 4%}
section.footer3  {	display:block;	width:50%;			float:right; padding: .9em 0% 0% 0%}
section.footer3 img  {	display:block;	width:28%; float:left; margin-right:2%	}
	
h1  {font-size:2em; padding-bottom:0.25em; margin-bottom:0px; color:#e15f0b;  line-height:1.8; padding:2% 0% 0% 0%; font-family: 'Lato', sans-serif; text-transform:uppercase}

	nav.subnaviwrapper {display:block; padding:3em 0% 0% 4%; color:#FFF; font-size:.9em}

article.mainont {background-image: url(/medien/images/hgmain.png); background-repeat:repeat; 	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); float:left; width:100%; }
article.mainontslider {-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); float:left; width:100%; margin-top:1em;}
	
article.headline{width:100%;	padding:0% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); float:left; }

article.footerimprint a {color: #FFFFFF!important; text-decoration: none!important;}
article.footerimprint a:hover {color: #FFFFFF!important; text-decoration: underline !important;}
article.footerimprint a:active {color: #FFFFFF!important;text-decoration:  none!important;}
	
	.back-to-top {width:3.063em; height:2.563em; position: absolute;	bottom:42px; right:10%;	z-index: 999999!important; display:block;}
	

article.content3spalter section {padding:3% 3% 4% 3%; }
article.content4spalter section {padding:3% 3% 4% 3%; }

	
article.sitemapbox section {padding:3% 3% 4% 2%;}
	
main.unterseite {width:100%; margin-top:6em; padding:0% 4% 5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}
main.contentaufzu {width:100%; margin-top:6em; padding:5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}
	
footer.contentaufzu { background-image: url(/medien/images/footer.jpg); background-repeat:repeat-x; position: relative; clear: both; height:170px; overflow:hidden; width:100%;  z-index:99!important; padding:0; margin-bottom:0; top:3em}
footer.contentaufzugoogle { background-image: url(/medien/images/footer.jpg); background-repeat:repeat-x; position: relative; clear: both; height:170px; overflow:hidden; width:100%;  z-index:99!important; padding:0; margin-bottom:0; }
aside.google {position: relative; clear: both; top:3em;}


article.footerinfo {		width:85%; margin:0 auto; color:#FFFFFF; padding:0%; line-height:1.4em		}
article.footerimprint {		width:85%; margin:0 auto; color:#FFFFFF!important; padding-top:3%; }
aside.madeby  {	text-align:left; 	width:85%; float:left; top:-1em; padding:2% 0% 0% 4%; color:#FFF}
	
section.footer2  {		width:40%;	float:left; padding: 0em 0% 0% 0%}

section.footer4  {	display:block;	width:27%;		}	
section.footer5  {	display:block;	width:27%;	padding: .5em 0% 0% 0%	}	



	
#supersized,  #supersized img {display:block!important}
	
	
	
article.content2spalter, article.content1spalter { width:100%; }
article.content2spalter section, article.content1spalter section {  padding:0% 4% 4% 4%;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; box-sizing:border-box;  *behavior: url(/boxsizing.htc);}

.content2spalterina{  width:100%; padding: 2% 0% 4% 0%;   }
.content22spalterina{  width:100%; padding: 2% 0% 4% 0%;   }
.content22spalterinabreit, .content22spalterinbbreit{	 width:100%; padding: 2% 0% 4% 0%;	}

form > div > label,
legend {
	width: 35%;
		float:left;
	padding-right:3%;}
form > div > div,
form > div > fieldset > div {
  width: 50%;
  float: left;
		padding-right:3%;
	}
	
	.data{width:100%; padding:0; margin:0; }
	
	section.footer2   {color: #fbdc53!important; text-decoration: none!important;}
section.footer2  a {color: #fbdc53!important; text-decoration: none!important;}
section.footer2  a:hover {color: #fbdc53!important; text-decoration: underline !important;}
section.footer2  a:active {color: #fbdc53!important;text-decoration:  none!important;}


}



/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:550px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:550px) {
	

article.sitemapbox section {padding:2.5% 2.5% 3.5% 2%;}
	
article.content1spalter{width:100%;	}
article.content1spalter section {	 padding:2% 4% 1% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); }
	




	
article.content3spalter section {		float:left;		width:100%;			padding:2% 3% 2% 3%;}
article.content4spalter section {		float:left;		width:100%;			padding:2% 3% 2% 3%;}

	


	
article.content2spalter { width:100%; }
article.content2spalter section {  padding:0% 4% 4% 4%;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; box-sizing:border-box;  *behavior: url(/boxsizing.htc);}

.content2spalterina{  width:100%; padding: 2% 0% 4% 0%;   }
.content22spalterina{  width:100%; padding: 2% 0% 4% 0%;   }
.content22spalterinabreit, .content22spalterinbbreit{	width:100%; padding: 2% 0% 4% 0%;	}


	
}

/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:570px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:570px) {
	

section.top  {background-image: url(/medien/images/schiefer.gif); background-repeat:repeat-x; height: 12.5em; width:100%; position:absolute; z-index:9999!important;}

header.container {width:100%;  	webkit-box-sizing:border-box;	moz-box-sizing:border-box;	box-sizing:border-box;	behavior: url(/boxsizing.htc); position:absolute; z-index:9999!important; }


.openmen { float:right;  height:2.75em;  width:2.75em; position:relative; }
section.sprachen  { width:7.5em; color:#FFFFFF!important; padding-top:3.438em; margin:0; right:0.625em; position:absolute; z-index:9999!important;}
section.social { width:100%; padding-top:4em; margin:0; right:10px; position:absolute; z-index:9!important; }
section.social img { width:auto; float:right; text-align:right; padding:0%; margin:0%;  z-index:9!important;}
figure.logo { width:12.5em; display:block;  height:6.688em;  margin:0 auto;  padding:.4em 0% 0% 0% ;}

	
main.unterseite {width:100%; padding:5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}
main.contentaufzu {width:100%; padding:5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}
	
		section.footer4, section.footer5   {	display:block;	width:22%;	}	

	.headermobile {display:none!important; }


}
/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:620px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:620px) {
	
.toggleContentLink  {  position: absolute; left: 4%; top: 60px; width: 65px; height: 65px; overflow: hidden; background: url(/medien/images/open-close.png) top left no-repeat; z-index: 9999999!important; text-decoration: none; font-weight: normal; cursor: pointer;}
.toggleContentLink:hover {text-decoration: none; }
.toggleContentLinkActive {background-position: 0px -65px !important; }
	

section.buchen  {  display:block; z-index:9999!important; position:absolute; right:0px; top:130px;}	
section.icons {  display:block; z-index:9999!important; position:absolute; right:10px; top:250px; }	
	main.unterseite {width:100%; margin-top:12em; padding:0% 4% 5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}
main.contentaufzu {width:100%; margin-top:12em; padding:5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}

aside.google {position: relative; clear: both; top:4em;}
header {		padding:0px; margin:0px;	}

section.sprachen  { width:7.5em; padding-top:2em; margin:0; float:right; padding-right:0.625em; position:relative; z-index:9999!important;}

	
nav.navdesk {  display:none;}	


article.footerinfo {		width:95%; margin:0 auto; padding:0% 0% 0% 0%		}
article.footerimprint {		width:95%; margin:0 auto; padding:2% 0% 0% 0%		}


section.footer2  {		width:34%;	float:left; padding: .2em 0% 0% 4%}
section.footer4,section.footer5  {	display:block;	width:17%;		}

aside.impressum 	 {	display:block;	width:40%;	margin:0% 5% 0% 6%;	float:left}	
aside.madeby  {	width:45%;	text-align:right;		float:right; margin:0% 5% 0% 0%; }
	


	
h2.trigger  a {color: #e15f0b!IMPORTANT; text-decoration: none!important; padding:2% 2% 1% 4%; background-image: url(/medien/images/popup.gif);  background-repeat:no-repeat; margin:0% 4% 0% 2%;  font-size:.9em; }
h2.trigger  a:hover {color: #e15f0b!IMPORTANT; text-decoration: underline!important; font-size:.9em;}
h2.trigger  a:active {color: #e15f0b!IMPORTANT; text-decoration: none!important; font-size:.9em; }

	}



	/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:640px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:640px) {


article.content1spalter  {	 float:left;}
	

	
.back-to-top {display:block!important; }	
	
		section.footer2  {		width:30%;	float:left; padding: .5em 0% 0% 4%}
section.footer3  {	display:block;	width:60%;			float:right; padding: .9em 0% 0% 0%}

section.footer3 img  {	display:block;	width:18%; float:left; margin-right:2%	}


	}



/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:800px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:800px) {	
	
main.unterseite {width:100%; margin-top:24em; padding:0% 4% 5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}
main.contentaufzu {width:100%; margin-top:9em; padding:5% 4%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); z-index:10; float:left}
	
section.top  {background-image: url(/medien/images/schiefer.gif); background-repeat:repeat-x; height: 12.5em; width:100%; position:absolute; z-index:9999!important; top:155px;}
	
h1.slider, h2.slider { font-size:1.2em; padding-bottom:.5em; width:80%;  }
	
section.social { width:100%; padding-top:3em; margin:0; right:5%; position:absolute; z-index:9!important; }

figure.logo { width:277px; display:block;   left:0px; float:left; padding:0;  text-align:center; padding-top:7em; z-index:99999!important; position:relative; }	

section.footer3  {	display:block;	width:60%;			float:right; padding: .9em 0% 0% 0%}


#pageslide, .openmen, section.subnavitop {display:none;}
nav.navdesk { list-style:none!important; display:block!important; width:100%; text-align:center;   position:absolute; z-index:999999!important; margin-top:210px; }	
aside.tophead { max-width:700px; display:block!important}	

	footer.contentaufzu { position: relative; clear: both; height:170px; overflow:hidden; width:100%;  z-index:99!important; padding:0; margin-bottom:0}
	footer.contentaufzugoogle { position: relative; clear: both; height:170px; overflow:hidden; width:100%;  z-index:99!important; padding:0; margin-bottom:0}
	
footer.contentaufzu section { max-width:900px; margin:0 auto;}	
	footer.contentaufzugoogle section 	  { max-width:900px; margin:0 auto;}	
	
figure.trick {height: 180px; overflow:hidden; 	margin:0% 0% 4% 0%; float:left; padding:0; left:0}	
	
.flexslider { background: url(/medien/images/hg-slider.jpg);position: relative; -webkit- ; max-height: 200px; color:#FFF; overflow:hidden}
	
	article.content2spalter {width:100%;	height:100%;  }
article.content2spalter section {	padding:0% 0% 4% 2%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc);	}
article.content2spalterfull section {	padding:0% 0% 0% 0%;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc);	}

article.content2spalter, article.content1spalter { width:100%; }
article.content2spalter section, article.content1spalter section {  padding:0% 4% 2% 4%;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; box-sizing:border-box;  *behavior: url(/boxsizing.htc);}

.content2spalterina{float:left;  width:49%;			  padding:0% 2% 0% 2%;  }
.content2spalterinb{float:right;  width:49%;			padding:0% 2% 0% 2%	; }
	
.content22spalterina{float:left;  width:49;			  padding:0% 2% 0% 2%;   }
.content22spalterinb{float:right;  width:49%;			padding:0% 2% 0% 2%	; }
	
	.content22spalterinabreit{float:left;  width:32.4%;			  padding:0% 4.5% 0% 2%; }
.content22spalterinbbreit{float:right;  width:52.4%;			padding:0% 4% 0% 4.4%	; }
	
.content2spalterinaslider{display:block; float:left;  width:20%;	padding:0.8% 0% 0% 4%;		}
.content2spalterinbslider{float:right;  width:70%;			padding:0% 4% 0% 0;  }
	
	
article.sitemapbox {	float:right;	width:96%;	padding:1.3%;	margin-right:1.5%;		-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc);		background:none!important; }
article.sitemapbox section, 
article.sitemapbox section:nth-of-type(even) {	float:left;	width:30.666666666666664%;			margin-right:4%;		padding:1.2% 2% 2.2% 2%;		-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(../boxsizing.htc);	}
article.sitemapbox section:nth-of-type(3n+3) {		margin-right:0;		}	
	
	

		section.footer2  {		width:30%;	float:left; padding: .5em 0% 0% 4%}
section.footer3  {	display:block;	width:68%;			float:right; padding: .9em 0% 0% 0%}
section.footer4  {	display:block;	width:20%;	padding: .9em 0% 0% 0%	}
section.footer5  {	display:block;	width:20%;	padding: 2em 0% 0% 0%	}

	
	.toggleContentLink  {  position: absolute; left: 4%; top: 240px; width: 65px; height: 65px; overflow: hidden; background: url(/medien/images/open-close.png) top left no-repeat; z-index: 9999999!important; text-decoration: none; font-weight: normal; cursor: pointer;}
.toggleContentLink:hover {text-decoration: none; }
.toggleContentLinkActive {background-position: 0px -65px !important; }


section.buchen  {  display:block; position:absolute; right:0px; top:280px;}
	section.icons {  display:block; z-index:9999!important; position:absolute; right:20px; top:420px;}	

	
	
	.data {
	padding:3%; border:solid 1px #afafaf;
		width:100%
	
}
	
form > div > label,
legend {
	width: 20%;
		padding-right:5%
	
}
form > div > div,
form > div > fieldset > div {
  width: 50%;
float: left;
			padding-right:5%
	
}	

	nav.subnaviwrapper {display:block; padding:3em 0% 10% 4%;}

	}
		


	
/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:900px) 
/*-------------------------------------------------------------------------*/



@media screen and (min-width:900px) {	
	nav.navdesk a {font-size:.8em; }
	aside.tophead { max-width:800px; }	

	

	}

/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:1000px) 
/*-------------------------------------------------------------------------*/



@media screen and (min-width:1000px) {	
	nav.navdesk a {font-size:.9em; }
	
#map_canvas { height:550px;}	
	aside.tophead { max-width:900px; }	

	}

/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:1100px) 
/*-------------------------------------------------------------------------*/



@media screen and (min-width:1100px) {	
	nav.navdesk a {font-size:1em; }
	
article.content2spalter {width:100%;	padding:0%; margin:0%; }
article.content2spalter section {width:auto;max-width:100%;	padding:0%;  }	

.content2spalterina, .content22spalterina{float:left;  width:48%;	padding:0% 0% 0% 4%;		}
.content2spalterinb,.content22spalterinb{float:right;  width:48%;			padding:0% 4% 0% 0;  }
	

	
	article.content2spalterpop {width:100%;	padding:0%; margin:0%; float:left; padding:0% 0% 2% 0;	-}
	article.content2spalterpop section {width:auto;max-width:100%;	padding:0%;  }
.content2spalterinapop{float:left;  width:44%;	padding:0% 0% 0% 4%;}
.content2spalterinbpop{float:right;  width:44%;		padding:0% 4% 0% 0; }
	
	figure.trick {height: 220px; overflow:hidden; 	margin:0% 0% 4% 0%; float:left; padding:0; left:0}	
	aside.tophead { max-width:1000px; }	

section.footer3 img  {margin-right:3%	}

	}




	
/*-------------------------------------------------------------------------*/
/* @media screen and (min-width:1200px) 
/*-------------------------------------------------------------------------*/

@media screen and (min-width:1200px) {	
	



nav.navdesk  {font-size:1em; width:1200px; }
nav.navdesk a {font-size:1em; }

#navMain li a {padding:0% 1% 0% 0%;  }
	
aside.madeby  {	width:45%;	text-align:right;		float:right; margin:0% 0% 0% 0%; }

article.content3spalter img  {height: 148px}
	
article.content1spalterslider section {	margin:2% 4%;	padding:2% 4%;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;	*behavior: url(/boxsizing.htc); background-image: url(/medien/images/hg-slider.jpg); min-height:25em}

.toggleContentLink  {  position: absolute; left: .5em; top: 50%; width: 65px; height: 65px; overflow: hidden; background: url(/medien/images/open-close.png) top left no-repeat; z-index: 9999999!important; text-decoration: none; font-weight: normal; cursor: pointer;}
	
figure.trick {height: 240px; overflow:hidden; 	margin:0% 0% 4% 0%; float:left; padding:0; left:0}	

	nav.subnaviwrapper {display:block; padding:3em 0% 15% 4%;}
	
aside.tophead { max-width:1030px; }	

h2.trigger  a {color: #e15f0b!IMPORTANT; text-decoration: none!important; padding:1% 2% 1% 2%; background-image: url(/medien/images/popup.gif);  background-repeat:no-repeat; margin:0% 4% 0% 2%; font-size:.9em;}
h2.trigger  a:hover {color: #e15f0b!IMPORTANT; text-decoration: underline!important; font-size:.9em;}
h2.trigger  a:active {color: #e15f0b!IMPORTANT; text-decoration: none!important; font-size:.9em; }

}



/*-------------------------------------------------------------------------*/
/* graue Bilder
/*-------------------------------------------------------------------------*/	

	
	
figure.desaturate img {
	filter: url('/js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
		height:135px;
}
figure.desaturate img:hover {
	filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
}









/*-------------------------------------------------------------------------*/
/* Tabelle
/*-------------------------------------------------------------------------*/


@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		th.hide { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #000; 
			position: relative;
			padding-left: auto; 
		}
	
	td.ferienwohnung { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #898988; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		td.ferienwohnung:nth-of-type(1):before { content: "Angebot:"; }
		td.ferienwohnung:nth-of-type(2):before { content: "Rack Rate:"; }
		td.ferienwohnung:nth-of-type(3):before { content: "Brennseehof:"; }

	
td:nth-of-type(1):before { content: ""; }
		td:nth-of-type(2):before { content: ""; }
		td:nth-of-type(3):before { content: ""; }
		td:nth-of-type(4):before { content: ""; }

		}
	




/*-------------------------------------------------------------------------*/
/* Formular
/*-------------------------------------------------------------------------*/




@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: left;
  }
}











/*-------------------------------------------------------------------------*/
/* Bildergalerie 
/*-------------------------------------------------------------------------*/

.gallery2  {
      float:left;
      border:0px;

    }

    .gallery2 li a  {
      display:block;
      float:left;
      padding: 10px 10px 10px 0px;
    }

   .gallery2 li img {
      float:left;
      top:0px;
      left:0px;
 width:220px;
      height:150px;

      border: 2px solid #d5d3d3;
    }

.CookieDeclaration{
	display:none;
}
#CybotCookiebotDialogBody {
    max-width: 96% !important;
}
a#CybotCookiebotDialogBodyLevelButtonAccept {
    background-color: #a5a5a5 !important;
    border: 1px solid #9d9c9c !important;
}




	#cookie-law-info-bar {
	border: 0;
	font-size: 10pt;
	margin: 0 auto;
	padding: 5px 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 999999999;
bottom:0;
background:#FFFFFF;
	text-align:center; 
		float:left !important; 
		width:100% ; 
		padding:.8em !important; 
		border-top:#e15f0b 2px solid;
		left: 0;
		font-family: Arial, Helvetica, sans-serif !important;
		color:#85684f
}
#cookie-law-info-again {
	font-size: 10pt;
	margin: 0;
	padding: 2px 10px;
	text-align: center;
	z-index: 9999;
	cursor: pointer;
}
#cookie-law-info-bar span {
	vertical-align: middle;
}
.cli-plugin-button, .cli-plugin-button:visited {
	background: #e15f0b ;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff !important;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: auto 10px;
}
.cli-plugin-button:hover {
	background-color: #e15f0b;
	color: #fff !important;
}

.cli-plugin-button {
	background-color: #e15f0b;
color: #fff !important;
}
.cli-plugin-button:active {
	top: 1px;
		background-color: #ffffff;

}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
	font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
	.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
	font-size: 34px;
	padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
	background-color: #e22092;
}
.pink.cli-plugin-button:hover {
	background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
	background-color: #91bd09;
}
.green.cli-plugin-button:hover {
	background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
	background-color: #e62727;
}
.red.cli-plugin-button:hover {
	background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
	background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
	background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
	background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
	background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
	background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
	background-color: #fc9200;
}