body {background: #bbb; width: 100%; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 100.01%; font-weight: 400; line-height: 130%; color: #333; }
body.default {background: none; }

	a { color: #000; text-decoration: underline; -webkit-tap-highlight-color: transparent; }
	a:hover { color: #89190b; text-decoration: none; }
	a:focus { outline: none; }
	img { margin: 0; padding: 0; border: 0; }
	.clear { clear: both; padding: 0; height: 0; margin: 0; }
	*:focus { outline: 0; outline: none; }
	select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

	h1, h2, h3, h4, p, table { line-height: 130%; margin: 0px 0px 15px 0px; }
	#main h1 { font-weight: 400; }
	#main h2 { font-size: 24px; font-weight: 400; letter-spacing: 0.25em; }
	#main h2.nospace { font-size: 20px; letter-spacing: 0; margin: 0; }
	#main h3 { font-size: 16px; font-weight: 400; color: #777; padding: 15px 0 0 0; margin: 0 0 8px 0; clear: both; }
	#main .small { font-size: 14px; font-weight: 400; color: #666; }
	#start ul, #mainNav ul, #subNav ul { margin: 0; padding: 0; list-style-type: none; }
	#start ul li, #mainNav ul li, #subNav ul li { display: inline; }
	
#header { background: #fff; width: 100%; height: 71px; padding: 10px 0 0 0; color: #666; position: relative; }
	#header .headLeft { position: absolute; bottom: 10px; left: 220px; }
	#header .headRight { position: absolute; bottom: 10px; left: 460px; }

#start { width: 100%; position: relative; }	
	#start img { display: block; margin-left: 460px; width: calc(100% - 460px); max-width: 980px; height: auto; }

	#startNav { position: absolute; top: 50%; left: 20px; margin-top: -80px; }
		#startNav a { display: block; font-size: 13px; padding: 2px 0px; color: #666; text-decoration: none; }
			#startNav a:hover { color: #89190b; }
	#startNav .imprint { padding-top: 11px; }
		#startNav .imprint a { display: inline-block; margin-right: 5px; text-transform: none; }
			#startNav .imprint li:last-child a { margin-right: 0; }

#title { width: 1000px; text-align: right; position: fixed; top: 500px; right: -460px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
	#title h1 { color: #000; font-size: 28px; font-weight: 400; margin: 0; }

#headerDefault { width: 100%; height: 90px; padding: 10px 0 0 0; position: relative; }
	#logo { width: 185px; height: 90px; padding: 0 0 0 10px; float: left; }
	#header #logo { height: 61px; }
		#logo a { background-image: url(/gfx/logo.jpg); background-repeat: no-repeat; background-position: right 0; display: block; width: 185px; height: 61px; color: #666; font-size: 14px; text-align: right; text-decoration: none; }
		#logo a:hover { background-position: right -61px; }
		#logo span { display: block; padding: 69px 0 0 0; }

	#mainNav { float: left; padding: 0 0 0 35px; }
		#mainNav .tinynav { display: none; }
		#mainNav ul li a { display: block; font-size: 13px; line-height: 110%; color: #666; text-decoration: none; }
		#mainNav ul li.float a { float: left; padding: 0 10px 0 0; }
			#mainNav ul li a:hover, #mainNav ul li.current a, #mainNav ul li.active a { color: #89190b; }
			#mainNav ul ul { display: none; }

#main { max-width: 1100px; width: 100%; padding: 25px 0; font-size: 13px; color: #777; position: relative; }
	#sidebar { width: 185px; float: left; padding: 0 35px 0 10px; overflow: hidden; }
		#subNav { width: 100%; margin: 0 0 30px 0; }
			#subNav ul li a { display: block; width: 100%; height: 44px; margin: 0 0 15px 0; text-indent: -5000px; opacity: 0.4; -webkit-transition: all .8s; transition: all .8s; }
				#subNav ul li a:hover, #subNav ul li.current a  { opacity: 1; }
				#subNav img { display: block; width: 80px; height: 44px; float: right; }

	#content { height: 100%; padding: 0 100px 0 0; overflow: hidden; }
		#content .box { width: 100%; margin: 0 0 25px 0; }
		#content .special { color: #89190b; }

#content .keepongoing, #content .linkinghistory { width: 100%; }
#content .keepongoingLeft { width: 50%; float: left; }
#content .keepongoingRight { width: 40%; padding-left: 10%; float: left; }
#content .linkinghistoryLeft { width: 50%; float: left; }
#content .linkinghistoryRight { width: 40%; padding-left: 10%; float: left; }
.placeholder { opacity: .5; }
#content .linkinghistory h2.nospace { font-size: 24px; margin-bottom: 15px; }
#content .linkinghistoryRight a { color: #89190b; }
.insta { position: relative; padding-right: 30px; display: inline-block; }
.insta::after { content: '\f16d'; display: block; font-size: 24px; position: absolute; right: 0; top: 50%; margin-top: -9px; }

.face { position: relative; padding-right: 30px; display: inline-block; }
.face::after { content: '\f308'; display: block; font-size: 24px; position: absolute; right: 0; top: 50%; margin-top: -9px; }

/* BILDER */
#content .bild1 { display: block; width: 100%; height: auto; margin: 0 0 25px 0; }
#content .bild1NoGap { display: block; width: 100%; height: auto; margin: 0; }
#content .bild1Small { display: block; width: 55%; height: auto; margin: 0 auto 25px auto; }

#content .bild2 { width: 48.6%; height: auto; float: left; margin: 0 0 15px 2.8%; }
#content .bild2First { width: 48.6%; height: auto; float: left; margin: 0 0 15px 0; }

#content .bild4 { width: 23.5%; height: auto; float: left; margin: 0 0 15px 2%; }
#content .bild4First { width: 23.5%; height: auto; float: left; margin: 0 0 15px 0; }

#content .bild2Right { width: 48.6%; height: auto; float: right; margin: 0 0 15px 2.8%; }
#content .bild2Left { width: 48.6%; height: auto; float: left; margin: 0 2.8% 15px 0; }

#content .bild3Right { width: 31.5%; height: auto; float: right; margin: 0 0 15px 2.75%; }
#content .bild3Left { width: 31.5%; height: auto; float: left; margin: 0 2.75% 15px 0; }

#content .bild4Right { width: 23.5%; height: auto; float: right; margin: 0 0 35px 2%; }
#content .bild4Left { width: 23.5%; height: auto; float: left; margin: 0 2% 35px 0; }

/* GOOGLE MAPS + BOOKING IFRAME */
#content iframe { border: none; }
#content .responsiveContainer { width: 100%; position: relative; padding-bottom: 60%; height: 0; margin: 0 0 15px 0; overflow: hidden; }
#content .responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#content .wrapper { width: 100%; height: 100%; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
iframe::-webkit-scrollbar { display: none; }

/* TABELLEN + LISTEN */
#content table { width: 100%; margin: 0 0 25px 0; }
#content td, #content th { padding: 6px 15px 6px 0; text-align: left; vertical-align: top; }

#content th { font-weight: 400; background: #E0DFDE; }
#content ul, #content ol { margin: 10px 0; padding: 0 0 0 20px; }
#content ul li { padding: 2px; }

/* GALLERY */
#content .gallery, #content .galleryDrei { width: 100%; margin: -26px 0 20px 0; }
	#content .galleryZwei { width: 55%; margin: -26px auto 20px auto; }
	#content .gallery .img { width: 25%; float: left; }
	#content .galleryDrei .img { width: 33.333%; float: left; }
	#content .galleryZwei .img { width: 50%; float: left; }
		#content .gallery a, #content .galleryDrei a, #content .galleryZwei a { display: block; width: 100%; }
			#content .gallery img, #content .galleryDrei img, #content .galleryZwei img { display: block; width: 100%; height: auto; }

	#content .linkinghistoryRight .gallery { padding: 15px 0 0 0; }
	#content .linkinghistoryRight .gallery .img { width: calc(25% - 4px); margin: 0 4px 4px 0; }


/* KONTAKTFORMULAR */
#content .contactform div { margin: 0px 0px 12px 0px; }
	#content .formgroup label { width: 100px; padding: 3px 0; display: block; float: left; }
	#content .formgroup input { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; border: 1px solid #e0dfde; padding: 3px 0 3px 5px; width: 220px; }
	#content .contactform .heightFix { height: 24px; }
	#content .contactform .heightFix label { padding: 1px 0; }

#content .contactform textarea { width: 80%; height: 200px; padding: 10px; font-family: 'Roboto', sans-serif; font-size: 14px; border: 1px solid #e0dfde; }

#content .contactform .submit input { width: 140px; background: #ccc; margin: 15px 0; border: none; color: #fff; font-size: 18px; font-weight: 600; }
	#content .contactform .submit input:hover { background: #999; color: #000; }

#content .error_message ul { list-style-type: none; color: #bb0000; padding: 5px; margin: 0px 0px 15px 0px; border: 2px solid #bb0000; }
#content .contactform .small { display: block; color: #bb0000; font-size: 12px; line-height: 180%; }

.contactform .privacy { width: 100%; height: auto; position: relative; }
.contactform .privacy label { width: 80%; display: inline-block; padding-left: 30px; position: relative; line-height: 1.2; height: auto; float: none; }
.contactform .privacy input { position: absolute; top: 0px; left: 0px; }

/* Fancybox*/
#fancybox-loading {position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}
#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('/js/fancybox/fancybox.png');}
#fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;}
#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap {position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;}
#fancybox-outer {position: relative;width: 100%;height: 100%;background: none;}
#fancybox-content {width: 0;height: 0;padding: 10px;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0 none;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}
#fancybox-close {position: absolute;top: -5px;right: -5px;width: 30px;height: 30px;background: transparent url('/js/fancybox/fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}

#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}
#fancybox-frame {width: 100%;height: 100%;border: none;display: block;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('/js/fancybox/blank.gif');z-index: 1102;display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico {background-image: url('/js/fancybox/fancybox.png');background-position: -40px -30px;}
#fancybox-right-ico {background-image: url('/js/fancybox/fancybox.png');background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */}

#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span {left: auto;right: 20px;}
.fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;}
#fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;}

.fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}
.fancybox-title-outside {padding-top: 10px;color: #fff;}
.fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}
#fancybox-title-over {padding: 10px;background-image: url('/js/fancybox/fancy_title_over.png');display: block;}
.fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;}
#fancybox-title-float-wrap {display:none;border: none;border-collapse: collapse;width: auto;}
#fancybox-title-float-wrap td {border: none;white-space: nowrap;}
#fancybox-title-float-left {padding: 0 0 0 15px;background: url('/js/fancybox/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('/js/fancybox/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right {padding: 0 0 0 15px;background: url('/js/fancybox/fancybox.png') -55px -90px no-repeat;}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* Portrait tablet to landscape and desktop 
------------------------------------------- */

@media (min-width: 768px) and (max-width: 979px) {

h1, h2, h3, h4, p, ul { margin: 0 0 12px 0; }
#main h2 { font-size: 20px; }
#mainNav { padding: 0 0 0 20px; }
#sidebar { padding: 0 20px 0 10px; }
#title h1 { font-size: 22px; }
#content { height: 100%; padding: 0 80px 0 0; overflow: hidden; }

#start img { margin: 0; width: 100%; }
#startNav { position: relative; top: auto; left: auto; margin: 0; padding: 20px; }

#content .keepongoingLeft, #content .linkinghistoryLeft { width: 100%; padding-bottom: 30px; float: none; }
#content .keepongoingRight, #content .linkinghistoryRight  { width: 100%; padding: 0; float: none; }

}

	
/* Landscape phone to portrait tablet 
------------------------------------- */

@media (max-width: 767px) {

html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

h1, h2, h3, h4, p, ul { margin: 0 0 10px 0; }
#main h2 { font-size: 20px; }

#header { height: 125px; padding: 15px 0 0 0; }
	#header #logo { margin-bottom: 10px; }
	#header .headLeft { text-align: center; position: relative; bottom: auto; left: auto; }
	#header .headRight { text-align: center; position: relative; bottom: auto; left: auto; }

#start img { width: 100%; padding: 0; margin: 0; }
#startNav { position: relative; top: auto; left: auto; margin: 0; padding: 20px; }

#headerDefault { height: 130px; }
	#logo { padding: 0; margin: 0 auto; float: none; }
#mainNav { position: absolute; float: none; padding: 0 15px; bottom: 0; left: 0; right: 0; }
	.js #mainNav .tinynav { display: block; width: 100%; font-size: 18px;}
	    .js #mainNav #nav { display: none; }
#title, #sidebar { display: none; }
#main { padding: 35px 0; }
	#content { height: 100%; padding: 0 15px 0 15px; overflow: hidden; }
		
/* KONTAKTFORMULAR */
#content .contactform div { margin: 0px 0px 10px 0px; }
	#content .formgroup label { width: 80px; }
	#content .formgroup input { width: 180px; }

#content .contactform textarea { width: 96%; height: 150px; padding: 2%; }
.contactform .privacy label { width: 85%; }

#content .conta#content ctform .submit { text-align: center; }
#content .error_message #content l { margin: 0 0 10px 0; padding: 3px; }

#content .keepongoingLeft, #content .linkinghistoryLeft { width: 100%; padding-bottom: 30px; float: none; }
#content .keepongoingRight, #content .linkinghistoryRight  { width: 100%; padding: 0; float: none; }

}


/* Landscape phones and down 
---------------------------- */

@media (max-width: 479px) {

body { overflow-x: hidden; }

#main h2 { font-size: 18px; font-weight: 400; letter-spacing: 0; }

/* KONTAKTFORMULAR */
#content .contactform div { margin: 0px 0px 10px 0px; }
	#content .formgroup label { width: 65px; }

#content .contactform textarea { height: 110px; }

}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../font/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../font/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../font/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../font/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?98270014');
  src: url('../font/fontello.eot?98270014#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?98270014') format('woff2'),
       url('../font/fontello.woff?98270014') format('woff'),
       url('../font/fontello.ttf?98270014') format('truetype'),
       url('../font/fontello.svg?98270014#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"]::before, [class*="icon"]::before, .insta::after, .face::after { font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; display: inline-block; text-decoration: inherit; text-align: center; }
 

.icon-location:before { content: '\e800'; } /* '' */
.icon-phone-1:before { content: '\e807'; } /* '' */
.icon-phone:before { content: '\f098'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-youtube-squared:before { content: '\f166'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */