@charset "UTF-8";

/* CSS Document */
@import url("//hello.myfonts.net/count/2e5f61");
  
@font-face {font-family: 'DarwinAlt-ExtraLight';src: url('../fonts/Darwin/2E5F61_0_0.eot');src: url('../fonts/Darwin/2E5F61_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/Darwin/2E5F61_0_0.woff2') format('woff2'),url('../fonts/Darwin/2E5F61_0_0.woff') format('woff'),url('../fonts/Darwin/2E5F61_0_0.ttf') format('truetype');} 
@font-face {font-family: 'DarwinAlt-Bold'; src: url('../fonts/Darwin/2E5F61_1_0.eot');src: url('../fonts/Darwin/2E5F61_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/Darwin/2E5F61_1_0.woff2') format('woff2'),url('../fonts/Darwin/2E5F61_1_0.woff') format('woff'),url('../fonts/Darwin/2E5F61_1_0.ttf') format('truetype');}
 
* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; font-family:'DarwinAlt-ExtraLight', sans-serif; line-height: 1.35em; font-size: 1em; }

#containerTop { color: #FFF; background-color: #424242; padding: 20px 8% 0px 8%; position: absolute; top: 0; width: 84%; height: 110px; z-index: 1000000; }
#containerTop.start { height: 180px; }
#containerTop.scrolled { position: fixed; height: 30px;  }

.start div#metaLinks {margin-bottom: 20px;}

#rundgang-map {width: 100%; height: 100vh;}

	#startTextTop { margin-bottom: 40px; margin-top: 0px; display: inline-block; max-width: 45%; font-size: 0.95em; }
	#startTextTop :first-child { margin-top: 0; }
	#startTextTop a.buttonTour { color: #FFF; background-color: #009DD3; padding: 6px 12px; clear:both; border-radius: 15px; margin-top: 0px; display: inline-block; text-decoration: none; clear: both; }
	#startTextTop img.claim { width: 50%; height: auto; }

	img.logo { float: right; max-width: 250px; height: auto; }
	#containerTop.start img.logo { max-width: 300px; }

	div#metaLinks { display: inline-block; padding-bottom: 20px; margin-bottom: 60px; width: 60%; border-bottom: 1px solid #6F6F6F; }
		div#metaLinks a { color: #6F6F6F; text-decoration: none; margin-right: 20px; font-size: 0.9em; }
		div#metaLinks a:hover { text-decoration: underline; }

		#containerTop.scrolled div#metaLinks { display: none; }
		#containerTop.scrolled #startTextTop { display: none; }
		#containerTop.scrolled img.logo { display: none; }

	#containerNavi { width: 84%; position: absolute; bottom: 0; }
	#containerTop.start #containerNavi { text-align: right; }

		#containerNavi a { color: #FFF; display: inline-block; text-decoration: none; padding-bottom: 10px; margin-right: 25px; text-transform: uppercase; font-family: 'DarwinAlt-Bold'; }
		#containerTop.start #containerNavi a:last-child { margin-right: 0; }
		#containerNavi a:hover { padding-bottom: 6px; border-bottom: 4px solid #FFF; }
		#containerNavi a.active { color: #FFF; display: inline-block; text-decoration: none; padding-bottom: 6px; border-bottom: 4px solid #009DD3;}

	a.btnNaviMobile { display: none; position:absolute; right: 8%; top: 28px; width: 30px; height: 30px; background-image: url(/assets/icons/icon_navi_mobile.png); 
										background-repeat: no-repeat; background-size: 100%; cursor: pointer; font-weight: normal; } 
	
	@media screen and (max-width: 1140px) {
		#containerTop { height: 130px; }
		#containerTop.start { height: 200px; }
			#startTextTop { font-size: 0.9em; }
			#containerTop.start img.logo { max-width: 220px; }
	}

	@media screen and (max-width: 1020px) {
		#containerTop { padding: 20px 4% 0px 4%; width: 92%; }
		#containerNavi { width: 92%; }
	}

	@media screen and (max-width: 900px) {
		div#metaLinks { display: none; }
		#containerNavi { display: none; }
	
		#containerTop, #containerTop.start { height: 60px; padding: 10px 4% 10px 4%; }
		#containerTop.scrolled { height: 60px; }
		#containerTop.scrolled img.logo { display: inline-block; }
	
		#startTextTop { position: absolute; left: 8%; top: 100px; width: 84%; }
	
		img.logo, #containerTop.start img.logo { margin-top: 0; float: left; max-height: 60px; width: auto; }
		a.btnNaviMobile { display: block; }
	}

#containerMoodImages { position: fixed; height: 100%; width: 100%; }
	#containerMoodImages div.moodImage { background-position: center; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover 100%; }

	a.slideNav { display: block; position: absolute; top: 33%; width: 30px; height: 60px; z-index: 10000; background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: center; }
		a.slideNav.prev { left: 8%; background-image: url(/assets/icons/arrow_white_left.png); }
		a.slideNav.next { right: 8%; background-image: url(/assets/icons/arrow_white_right.png); }

	#containerMoodImagesMobile { margin-top: 80px; display: none; }
		#containerMoodImagesMobile img { width: 100%; height: auto; } 

		#containerMoodImagesMobile a.slideNav { display: none; }

	@media screen and (max-width: 900px) {
		#containerMoodImages { display: none; }
		#containerMoodImagesMobile { display: block; }
		#startTextTop { left: 4%; }
	}

	@media screen and (min-width: 901px) and (max-width: 1279px)  {
#containerTop.start {
  height: 290px;
}
		}

#containerTeaserboxStart { position: absolute; z-index: 1000; bottom: 40px; left: 8%; width: 55%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;  
														align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: flex-start; align-content: flex-start; }

	div.teaserBox { width: 28%; padding: 0.5em 1.5%; background-color: #424242; }
	div.teaserBox img { width: 100%; height:auto; margin-bottom: 5px; }
	div.teaserBox a { color: #FFF; text-decoration: none; display: block; }
	div.teaserBox a.textlink { color: #FFF; text-decoration: none; display: block; padding-left: 20px; font-size: 0.9em; background-image: url(/assets/icons/icon_arrow_right.png); background-repeat: no-repeat; background-position: left 1px; }
	div.teaserBox a.textlink:hover { text-decoration: underline; } 

div.backgroundImageContainer { position: fixed; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover 100%; background-position: center; z-index: 1; top: 0; }

@media screen and (max-width: 900px) {
	#containerTeaserboxStart { width: 92%; position: relative; bottom: auto;  background-color: #009DD3; padding: 2em 4% 2em 4%; left: 0;  }
	
	div.teaserBox a.textlink { font-size: 0.8em; font-family: 'DarwinAlt-ExtraLight'; padding-left: 0px; background-image: none;  }
}

/*Content-Container*/
div.containerContent { padding: 0px 8%; margin-top: 130px; padding-top: 35px; }
div.containerContent.fullwidth { padding: 0;}

/*Allg. Content-Elemente*/
.clearFloat { clear: both; }
a { text-decoration: none; color: #009DD3; font-family: 'DarwinAlt-Bold'; }
div.containerContent a { font-family: 'DarwinAlt-ExtraLight'; }

a:hover { text-decoration: underline; }
img { border: 0px none; }

hr { height: 1px; border: 0px none; border-top: 3px solid #424242; margin: 25px 0; } 

a.bullet { display: inline-block; padding-left: 20px; background-image: url(/assets/icons/icon_arrow_right.png); background-repeat: no-repeat; background-position: left 2px; }

.clearFloat { clear: both; }

.imageFull { width: 100%; height: auto; margin: 40px 0 20px 0; clear: both; display: block; }
.imageHalf { width: 45%; height: auto; margin: 30px 0; display: inline-block; margin: 30px 0; }
.imageHalf:nth-of-type(2n) { float: right; }

/*Typo*/

p { margin: 10px 0; }

strong { font-family: 'DarwinAlt-Bold'; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4em; margin: 10px 0; }
.textLarge { font-size: 1.2em; line-height: 1.4em; }
.textBlue { color: #009DD3; }

@media screen and (max-width: 900px) {
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.3em; }
	h4,h5,h6 { font-size: 1.2em; }
	.textLarge { font-size: 1.1em; line-height: 1.3em; }
}

/*Editmode*/
div.contentEditmode { padding: 40px; }
div.boxEditmode { margin-bottom: 20px; background-color: #E9E9E9; padding: 20px; margin-bottom: 30px; }

/*Hafen-Perspektiven*/
div.overlayImage { position: relative; width: 100%; height: auto; }
	img.overlayImage { width: 100%; height: auto; clear: both; position: relative; display: block; }

	div.overlayMarker { position: absolute; width: 23px; height: 23px; cursor: pointer; background-image: url(/assets/icons/icon_imageMarkerWhite.png); background-repeat: no-repeat; z-index: 1000; background-size: 100%; }
	div.overlayMarker.active { background-image: url(/assets/icons/icon_imageMarkerBlue.png); }

	div.overlayInfobox { position: absolute; width: 300px; background-color: #FFF; margin-left: 17px; margin-top: 17px; z-index: 1000000; display: none; }
		div.overlayInfobox div.infoboxText { padding: 20px; font-size: 0.9em; }
			div.overlayInfobox div.infoboxText :first-child { margin-top: 0; }
			div.infoboxText h1, div.infoboxText h2, div.infoboxText h3, div.infoboxText strong { font-size: 1.1em; color: #009DD3; font-family: 'DarwinAlt-Bold';}
		div.overlayInfobox img { width: 100%; height: auto; }

		div.overlayInfobox.topleft { }
		div.overlayInfobox.topright { margin-left: -300px; }
		div.overlayInfobox.topcenter { margin-left: -150px; margin-top: 20px; }

	@media screen and (max-width: 900px) {
		div.overlayMarker { width: 18px; height: 18px; }
	}

	/*Perspektiven-Auswahl unten*/
	div#containerPerspective { position: absolute; bottom: 40px; left: 8%; padding: 1%; width: 40%; background-color: #009DD3; color: #FFF; display: block;  }
	div#containerPerspective .headline { clear: both; margin-top: 0; display: block; margin-bottom: 5px; font-size: 0.9em;  }

	div#containerPerspective div.selectPerspective { width: 29.5%; color: #FFF; display: inline-block; margin-right: 3%; vertical-align: top; }
		div#containerPerspective div.selectPerspective img { width: 100%; height: auto; clear: both; margin-bottom: 5px; }
		div#containerPerspective div.selectPerspective a.textLink { font-size: 0.9em; color: #FFF; text-decoration: none; padding-left: 23px; background-image: url(/assets/icons/icon_arrow_right.png); background-position: left; background-repeat: no-repeat; }
		div#containerPerspective div.selectPerspective a.textLink:hover { text-decoration: underline; }

	a.btnPerspectiveMobile { position: absolute; display: block; z-index: 1000; bottom: 20px; left: 8%; color: #FFF; background-color: #009DD3; padding: 5px 10px 5px 10px; 
														font-family: 'DarwinAlt-ExtraLight'; text-decoration: none; font-weight: normal; cursor: pointer; font-size: 0.9em; display: none; background-position: left; background-repeat: no-repeat; } 
	div.btnCloseContainerPerspective { display: none; margin: 10px 0 15px 0; padding: 5px 0; font-size: 0.9em; color: #FFF; clear: both; cursor: pointer; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }

	@media screen and (max-width: 900px) {
		div#containerPerspective { display: none; width: 84%; padding: 100px 8% 20px 8%; position: fixed; z-index: 10000; height: 100%; overflow: auto; top: 0px; left: 0; background-color: rgba(0, 156, 213, 0.8); border: 1px solid #009DD3; }
			div#containerPerspective .headline { font-size: 1em; margin-bottom: 10px; }
		div#containerPerspective div.selectPerspective { display: block; margin-right: 0; width: 100%; margin-bottom: 20px; }
			div#containerPerspective div.selectPerspective img { display: inline-block; width: 40%; vertical-align: top; }
			div#containerPerspective div.selectPerspective a.textLink { display: inline-block; width: 45%; vertical-align: top; float: right;}
	
		a.btnPerspectiveMobile { display: block; }
	
	}

/*Karte*/
div#containerGMap { position: absolute; top: 0; width: 100%; height: 100%; top: 0px; }

/*Textseite mit Navi*/
div.contentNavi { width: 25%; display: inline-block; margin-bottom: 30px; vertical-align: top; }
	div.contentNavi a { display: block; margin-bottom: 8px; background-color: #EFEFEF; padding: 12px 15px 10px 15px; color: #000; text-decoration: none; font-weight: normal; font-family: 'DarwinAlt-ExtraLight'; } 
	div.contentNavi a:hover { text-decoration: underline; } 
	div.contentNavi a.active { color: #FFF; background-color: #009DD3; }

div.contentText { width: 65%; padding-left: 5%;  display: inline-block; float: right; border-left: 1px solid #E0E0E0; vertical-align: top; }
	div.contentText :first-child { margin-top: 0; }

div.contentText h1 { display: block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #009DD3; font-family: 'DarwinAlt-ExtraLight'; }
div.contentText h2, div.contentText h3 { }

div.contentText hr { height: 1px; border: 0px none; border-top: 1px solid #009DD3; margin-bottom: 30px 0; }

div.contentText ul { list-style-type: square; margin-left: 1.1em; padding: 0;}

a.btnShowContentNavi { display: none; margin-bottom: 20px; color: #FFF; background-color: #009DD3; font-size: 1.2em; padding: 10px 15px 8px 45px; text-decoration: none; cursor: pointer; 
												background-image: url(/assets/icons/icon_navi_mobile.png); background-repeat: no-repeat; background-position: 10px center; background-size: 20px 20px;
												font-weight: normal; font-family: 'DarwinAlt-ExtraLight'; }

@media screen and (max-width: 900px) {
	div.containerContent { margin-top: 80px; }
}

@media screen and (max-width: 700px) {
	a.btnShowContentNavi { display: block; }
	div.contentNavi { width: 100%; display: none; } 
	div.contentText { width: 100%; display: block; padding-left: 0; border-left: 0px none; }
}

	/*Blocks/Box*/
	div.contentBoxContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;  
											align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: space-between; align-content: space-between;}

		div.contentBox { margin-bottom: 30px; }
			div.contentBox img { display: inline-block; width: 25%; height: auto; vertical-align:top; }
			div.contentBox div.contentBoxText { display: inline-block; width: 65%; vertical-align:top; float: right; }
	
		div.contentBox.box { display: inline-block; vertical-align:top; width: 47.5%; background-color: #EFEFEF; }
			div.contentBox.box :first-child { margin-top: 0; }
		div.contentBox.box:nth-of-type(2n) { margin-right: 0; }
			div.contentBox.box img { display: block; width: 100%; height: auto; }
			div.contentBox.box div.contentBoxText { display: block; width: auto; padding: 20px 7% 10px 7%; float: none; }
	
		div.contentBoxText ul { margin:0; padding: 0; list-style-type: none; }
			div.contentBoxText ul li { display: block; padding-left: 25px; margin: 10px 0; background-image: url(/assets/icons/icon_arrow_right.png); 
																	background-repeat: no-repeat; background-position: left 2px; }

		@media screen and (max-width: 700px) {
			div.contentBox { border-bottom: 3px solid #EFEFEF; }
				div.contentBox img { width: 40%; margin-bottom: 15px; float: right; }
				div.contentBox div.contentBoxText { display: block; width: 100%; }
		
			div.contentBox.box { display: block; width: 100%; margin-right: 0; border-bottom: 0px none; }
			div.contentBox.box div.contentBoxText { padding: 20px 4% 10px 4%; }
		}

	/*Tabellen*/
	div.tableContainer { width: 100%; overflow: auto; }
		div.tableContainer table { min-width: 500px; }

	div.contentText table { border-spacing: 3px; border-collapse: separate; }
		div.contentText table tr td { padding: 5px 20px 5px 0px; border-top: 1px solid #E0E0E0; vertical-align:top; }
		div.contentText table tr td p { margin-top: 0; margin-bottom: 0; }
		div.contentText table tbody tr:first-child td { border-top: 0px none; }
	
		div.contentText table tr th { text-align: left; border-bottom: 1px solid #009DD3; border-top: 1px solid #009DD3; padding: 10px 20px 10px 0px; font-family: 'DarwinAlt-Bold'; font-weight: normal; }
		
		/*Tabelle Kaientgelte*/
		table.kaientgelte { }
		table.kaientgelte tr td:nth-child(4) { text-align: right; min-width: 100px; }

		/*Tabelle Downloads*/
		table.download { width: 100%; }
			table.download tr td { padding: 15px 40px 15px 0 !important; }  
			table.download tr td:nth-child(2) { padding-right: 0; padding-left: 15px !important; } 
			table.download tr td img { max-width: 250px; height: auto; }

/*Standard-Inhaltsseite (Dagebüll, Hafenerlebnisse, ...)*/
img.headMoodImage { width: 100%; height: auto; display: block; }

div.contentBlock { padding: 40px 8%; position: relative; } 
div.contentBlock.editmode { background-color: #E9E9E9; margin: 20px 0; padding: 20px 8%; } 
div.contentBlock.blue { background-color: #009DD3; color: #FFF; }
	div.contentBlock.blue a { color: #FFF; }

div.contentBlock img.blockImage { display: inline-block; width: 40%; height: auto; vertical-align:top; position: relative;}
div.contentBlock div.blockText { display: block; width: 100%; float: right; vertical-align:top; position: relative; }
div.contentBlock div.blockText :first-child { margin-top: 0; }

div.contentBlock ul { margin-left: 20px; list-style-type: square; }

	div.contentBlock.image_left.hasImage {}
		div.contentBlock.image_left.hasImage img.blockImage {}
		div.contentBlock.image_left.hasImage div.blockText { float: right; width: 55%; }
	
	div.contentBlock.image_right.hasImage {}
		div.contentBlock.image_right.hasImage img.blockImage { float: right; }
		div.contentBlock.image_right.hasImage div.blockText { float: left; width: 55%; }

	div.contentBlock.image_right.hasSecondImage {}
		div.contentBlock.image_right div.imageContainer { display: inline-block; width: 45%; vertical-align: top; float: right; }
		div.contentBlock.image_right.hasSecondImage img.blockImage { width: 100%; margin-bottom: 1.5em; }
		div.contentBlock.image_right.hasSecondImage div.blockText { width: 50%; }

	div.contentBlock.image_left.hasSecondImage {}
		div.contentBlock.image_left div.imageContainer { display: inline-block; width: 45%; vertical-align: top; float: left; }
		div.contentBlock.image_left.hasSecondImage img.blockImage { width: 100%; margin-bottom: 1.5em; }
		div.contentBlock.image_left.hasSecondImage div.blockText { width: 50%; }

	div.contentBlock.image_full { padding: 0; }
		div.contentBlock.image_full img.blockImage { width: 100%; height: auto; position: relative; float: left; clear: both; display: block; margin: 0;}
		div.contentBlock.image_full div.blockText { position: absolute; width: 84%; padding: 0 8%; z-index: 100000; bottom: 80px; left: 0; }
		div.contentBlock.image_full div.blockText * { color: #000; font-size: 1em; }
			div.contentBlock.image_full div.blockText div.blockTextContent { background-color: #FFF; width: 65%; padding: 20px 2% 10px 3.5%; }
			div.contentBlock.image_full div.blockText h3, div.contentBlock.image_full div.blockText h2 { display: block; background-color: #FFF; position: relative; width:35%; margin-bottom: 0; padding: 10px 2% 0 2%; font-family: 'DarwinAlt-Bold'; 
																											padding-left: 40px; background-image: url(/assets/icons/icon_arrow_right.png); background-position: 16px 13px; background-repeat: no-repeat;  }

	@media screen and (max-width: 750px) {
		div.contentBlock.image_left div.imageContainer { display: block !important; width: 100% !important; }
		div.contentBlock.image_right div.imageContainer { display: block !important; width: 100% !important; }
		div.contentBlock img { display: block; width: 100% !important; margin-bottom: 20px; }
		div.blockText { display: block; width: 100% !important; float: none !important; }
	
		div.contentBlock.image_full img.blockImage { width: 100%; height: auto; position: relative; float: left; clear: both; display: block; margin: 0;}
		div.contentBlock.image_full div.blockText { position: relative !important; display: block; width: 92% !important; padding: 0 4% 0 4%; z-index: 100000; bottom: auto; left: 0; }
			div.contentBlock.image_full div.blockText div.blockTextContent { display: block; width: 93%; padding: 20px 2% 10px 3.5%; position: relative; clear: both; }
			div.contentBlock.image_full div.blockText h2, div.contentBlock.image_full div.blockText h3 {  background-color: #FFF; position: absolute; width:50%; margin-bottom: auto; padding: 10px 2% 8px 2%; font-family: 'DarwinAlt-Bold'; top: 50px; z-index: 10000;	padding-left: 40px; } 
	}

	@media screen and (max-width: 600px) {
		div.contentBlock img { display: block; width: 100% !important; margin-bottom: 20px; }
	
		div.contentBlock.image_full div.blockText { bottom: 40px; }
			div.contentBlock.image_full div.blockText div.blockTextContent { width: 96%; }
			div.contentBlock.image_full div.blockText h2, div.contentBlock.image_full div.blockText h3 { width: 60%; }
	}

/*Bistro*/
#containerMoodImagesBistro { position: relative; height: 100%; width: 100%; }
	#containerMoodImagesBistro .moodImage { width: 100%; height: auto; }

	#containerMoodImagesBistro a.slideNav { display: block; position: absolute; top: 50%; width: 30px; margin-top: -50px; height: 60px; z-index: 10000; background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: center; }
		#containerMoodImagesBistro a.slideNav.prev { left: 8%; background-image: url(/assets/icons/arrow_white_left.png); }
		#containerMoodImagesBistro a.slideNav.next { right: 8%; background-image: url(/assets/icons/arrow_white_right.png); }

	#teaserSpeisekarte { position: absolute; bottom: 20px; left: 8%; width: 250px; z-index: 1000; padding: 10px; background-color: #424242; }
		#teaserSpeisekarte img.teaserImage { display: block; width: 100%; height: auto; margin-bottom: 10px;}
		#teaserSpeisekarte img.bull { display: inline-block; margin-top: 3px; margin-right: 10px; float: left; } 
		#teaserSpeisekarte a { color: #FFF; font-family: 'DarwinAlt-Bold'; font-size: 0.9rem; }

	@media screen and (max-width: 600px) {
		#containerMoodImagesBistro a.slideNav { top: 25%; }
		#teaserSpeisekarte { width: 200px; }
	}

/*Hafenerlebnisse*/
div.backgroundHafenerlebnisse { background-image: url(/images/startseite/main_2000x1250px_03.jpg); }

div.contentHafenerlebnisse { position: absolute; z-index: 100; width:84%; margin-left: 8%; padding: 0; min-height: 1000px; top: 40px; padding-bottom: 40px; }

	div.itemHafenerlebnis { border: 3px solid #424242; min-width: 300px; position: relative; float: left;
													-webkit-transition: top 1s ease, left 1s ease;
													-moz-transition: top 1s ease, left 1s ease;
													-o-transition: top 1s ease, left 1s ease;
													-ms-transition: top 1s ease, left 1s ease;
		}
		div.itemHafenerlebnis img { width: 100%; height: auto; position: relative; display: block; }
		div.itemHafenerlebnis a.textLink { font-family: 'DarwinAlt-Bold'; position: absolute; top: 20px; left: 15px; color: #FFF; text-decoration: none; z-index: 100; padding-left: 20px; display: inline-block; text-align:left;
																				background-image: url(/assets/icons/icon_arrow_right.png); background-repeat: no-repeat; background-position: left 2px; }

/*Anfahrt & Kontakt*/
div.anfahrt_kontakt {}
	div.anfahrt_kontakt div.colLeft { width: 25%; display: inline-block; margin-bottom: 30px; vertical-align: top; }
		div.anfahrt_kontakt div.colLeft :first-child { margin-top: 0; }
	div.anfahrt_kontakt div.colRight { width: 65%; padding-left: 5%;  display: inline-block; float: right; vertical-align: top; }

	div.boxMap { margin-bottom: 30px; border-bottom: 1px solid #EFEFEF; }
		div.mapLinks { margin: 10px 0; }
		div.boxMap iframe { width: 100%; height: 400px; border: 0; }

	@media screen and (max-width: 900px) {
		div.anfahrt_kontakt div.colLeft { width: 100%; display: block; margin-bottom: 30px; }
		div.anfahrt_kontakt div.colRight { width: 100%; display: block; }
	}

/*Sidr*/
#sidrNavi { -webkit-box-shadow:inset 10px 3px 5px -6px rgba(0,0,0,0.3); -moz-box-shadow:inset 10px 3px 5px -6px rgba(0,0,0,0.3); box-shadow:inset 10px 3px 5px -6px rgba(0,0,0,0.3); 
	width: 230px; padding: 30px 25px 25px 25px; background-color:#EFEFEF; 
}

	#sidrNavi a { display: block; padding: 10px 15px 8px 15px; background-color: #009EE6; color: #FFFFFF; margin-bottom: 10px; font-size: 1.1em; text-decoration: none; text-transform: uppercase;
		background-image: url(/assets/images/icon_arrow_white.png); background-position: left 10px center; background-repeat: no-repeat; }


		#footerLinks {clear: both;}

@media screen and (min-width: 900px) {
		#footerLinks { display: none; }
	#mobileTextHome {display: none;}
}
@media screen and (max-width: 900px) {
	#mobileTextHome img {
  max-width: 100%;
  height: auto;
  width: 320px;
}
	#mobileTextHome a.buttonTour {
  color: #009DD3;
		margin-bottom: 50px;
  background-color: #fff;
  padding: 6px 12px;
  clear: both;
  border-radius: 15px;
  margin-top: 0px;
  display: inline-block;
  text-decoration: none;
  clear: both;
}
	#mobileTextHome {
  color: #fff;
  max-width: 100%;
}
	#startTextTop {display: none;}	
	#mobileTextHome {display: block;}
		#footerLinks { display: block;
  padding: 30px 8% 80px;
  background: #424242;
  color: #fff;
}
	#footerLinks a {
  color: #fff;
  display: block;
}
	div.teaserBox {
  width: 300px;
  margin-bottom: 20px;
  clear: both;
}
	}