/*
Hellblau: #a6bbcd
Dunkelblaugrau: #3f4a50
Hellbeige: #bebab7
Braun: #8c867f
*/

/** @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); **/

/* josefin-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/josefin-sans-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/josefin-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/josefin-sans-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/josefin-sans-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/josefin-sans-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/josefin-sans-v25-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}


@font-face{
    font-family:"FranziskaRegular";
    src:url("../webfonts/5366544/20fad14b-155f-4f70-8660-e57d606ee283.eot?#iefix");
    src:url("../webfonts/5366544/20fad14b-155f-4f70-8660-e57d606ee283.eot?#iefix") format("eot"),url("../webfonts/5366544/196c2ba0-c88b-467c-ad93-32ad9d484fd5.woff2") format("woff2"),url("../webfonts/5366544/755ce2bb-66c7-4abd-aa22-cb246f085933.woff") format("woff"),url("../webfonts/5366544/11e50049-f157-40d6-acde-51e52ddf8b30.ttf") format("truetype");
}

@font-face{
    font-family:"FranziskaItalic";
    src:url("../webfonts/5366751/32719418-073a-4722-8a96-5b228b8af445.eot?#iefix");
    src:url("../webfonts/5366751/32719418-073a-4722-8a96-5b228b8af445.eot?#iefix") format("eot"),url("../webfonts/5366751/6440de18-2d30-4b96-b9c0-b7d4e950b67e.woff2") format("woff2"),url("../webfonts/5366751/fdf7ca7e-0bc6-40b4-b889-d6ead3a0e95e.woff") format("woff"),url("../webfonts/5366751/35d2cfac-9582-4427-904a-7d2e2b51b54a.ttf") format("truetype");
}

* { box-sizing: border-box; }
html { font-size: 17px; }
body { margin: 0; font-family: FranziskaRegular, serif; color: #3F4A50; padding: 3rem 4rem; line-height: 1.5em; }

@media screen and (max-width: 960px) {
	html { font-size: 15px; }
	body { padding: 2rem 2rem; }
}


@media screen and (max-width: 600px) {
	body { padding: 1rem 1rem; }
}

#tisch-reservieren .reservision-start div {
  background:
#a6bbcd;
  border-radius:
0;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif !important;
  padding:
10px 20px !important;
    padding-top: 10px;
  height: auto !important;
  font-size: 25px;
  padding-top: 16px !important;
  color: #3f4a50;
  letter-spacing: 0 !important;
  cursor: pointer;
}

#rundumblick {width: 100%; height: calc(100vh - 100px); margin-bottom: 100px}

/*Sections*/
.section-outer { position: relative; margin: auto; max-width: 1700px; border-bottom: .01rem solid transparent; border-top: .1px solid transparent; }
	.section-inner { position: relative; margin: auto; max-width: 1200px; padding: 0 4rem; }
	.section-inner.margin-topbottom { margin-top: 4rem; margin-bottom: 4rem; }

.section-image { padding: 0 0 0 0; }
.section-image .section-inner { position: absolute; top: 0; }

.section-mood {}
	.badge-teaser { position: absolute; left: -3rem; top: 50%; margin-top: -125px; z-index: 8000; width: 275px; height: auto;  }

.section-overlap { margin-top: -6rem; z-index: 1000; }

@media screen and (max-width: 960px) {
	.section-inner { padding: 0 1rem; }
	.badge-teaser { left: -1rem; width: 180px; margin-top: -80px; }
}

@media screen and (max-width: 750px) {
	.section-overlap { margin-top: 3rem; }
	.badge-teaser { width: 35%; height: auto; margin-top: 0; bottom: -1.5rem; left: auto; right: -0.5rem; top: auto; }
}

@media screen and (max-width: 650px) {
	.badge-teaser { width: 30%; }
}

/*Flex grid*/
.grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.grid-cell { -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative;  }
.grid-cell--flex { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.grid--justify { justify-content: center; }
.grid--justify-end { justify-content: flex-end; }

.grid--gutters { margin: -2rem 0 0 -2rem; }
.grid--gutters > .grid-cell { padding: 2rem 0 0 2rem; margin-bottom: 2rem;}

.grid--gutters-small { margin: -1rem 0 0 -1rem; }
.grid--gutters-small > .grid-cell { padding: 1rem 0 0 1rem; margin-bottom: 1rem; }

	/* Alignment per row */
	.grid--top { align-items: flex-start; }
	.grid--bottom { align-items: flex-end; }
	.grid--center { align-items: center; }

	/* Alignment per cell */
	.grid-cell--top { align-self: flex-start; }
	.grid-cell--bottom { align-self: flex-end; }
	.grid-cell--center { align-self: center; }

	/*Grid cell sizes*/
	.grid-cell--fit { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
	.grid-cell--full { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
	.grid-cell--1of2 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
	.grid-cell--1of3 { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; -webkit-flex-basis: 33.3333%; flex-basis: 33.3333%; }
	.grid-cell--2of3 { -webkit-flex: 0 0 66.6666%; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; -webkit-flex-basis: 66.6666%; flex-basis: 66.6666%; }
	.grid-cell--1of4 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; -webkit-flex-basis: 25%; flex-basis: 25%; }
	.grid-cell--3of4 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; -webkit-flex-basis: 75%; flex-basis: 75%; }
	.grid-cell--1of5 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }

	.grid-cell--6of10 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; -webkit-flex-basis: 60%; flex-basis: 60%; }
	.grid-cell--4of10 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; -webkit-flex-basis: 40%; flex-basis: 40%; }

	.grid-cell--square:before { content:''; float:left; padding-top:100%; }

	@media screen and (max-width: 900px) {
		.grid-cell--1of3 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
		.grid-cell--2of3 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
	}

	@media screen and (max-width: 600px) {
		.grid-cell--1of2 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.grid-cell--1of3 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.grid-cell--2of3 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.grid-cell--3of4 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.grid-cell--6of10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.grid-cell--4of10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
	}

/*Fancybox*/
.fancybox-bg { background-color: #3f4a50 !important; }

/*Content boxes*/
.box { position: relative; width: 100%; display: block; }
	.box--padding-all { padding: 3rem; }
	.box--padding-top { padding-top: 2rem; }
	.box--padding-bottom { padding-bottom: 2rem; }
	.box--padding-left { padding-left: 2rem; }
	.box--padding-right { padding-right: 2rem; }
	.box-bottom-margin { margin-bottom: 2rem; }

@media screen and (max-width: 600px) {
	.box--padding-all { padding: 2rem; }
}

/*Image teaser*/
.image-teaser { display: block; position: relative; }
	.image-teaser > img { position: relative; display: block; }
	.image-teaser-text { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #FFF; text-align: center; }

/*Allg. Styles*/
.text-centered { text-align: center; }
.text-large { font-size: 1.2rem; }
.clear-float { float: none; clear: both; }

img.responsive { width: 100%; height: auto; clear: both; }

.bg-darkblue { background-color: #3f4a50; color: #FFF; }
.bg-lightblue { background-color: #a6bbcd; color: #FFF; }
.bg-white { background-color: #FFFFFF; }
.bg-beige { background-color: #bebab7; color: #FFF; }
.bg-brown { background-color: #8c867f; color: #FFF; }

img.logo { position: absolute; z-index: 1000; top: 3rem; left: 3rem; max-width: 40%; height: auto; }
.logo-mobile { display: none; padding: 2rem 0; margin-top: 4.2rem; text-align: center; }
	.logo-mobile img { max-width: 350px; height: auto; width: 75%; }

img.logo-textpage { position: relative; z-index: 1000; top: -30px; left: 8rem; max-width: 30%; height: auto; }
.wind-icon { clear: both; margin: 1rem 0; }

@media screen and (max-width: 800px) {
	img.logo-textpage { display: none; }
}

@media screen and (max-width: 750px) {
	img.logo { max-width: 55%; }
}

@media screen and (max-width: 650px) {
	img.logo { display: none; }
	.logo-mobile { display: block; padding: 6rem 0 2rem 0;}
}

/*Navi Overlay*/
#navi-overlay { background-color: #a6bbcd; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; padding-left: 0%; overflow: auto; z-index: 9000; }
	#navi-overlay .logo-navi { width: 300px; height: auto; margin: 2rem 4rem; }
	
	#navi-overlay .grid { margin-top: 1rem; margin-bottom: 4rem; }
	#navi-overlay .grid-cell { margin-bottom: 0; } 

	#navi-overlay a { display: block; margin: .25rem 0; text-decoration: none; }
	#navi-overlay a.level1:hover, #navi-overlay a img:hover { opacity: 0.8; }
	#navi-overlay a.level1 { color: #3f4a50; max-width: 250px; margin: auto; font-family: 'Josefin Sans', sans-serif; font-size: 1.5rem; line-height: 1.5em; text-transform: uppercase; text-decoration: none; margin-bottom: 1rem; }
	#navi-overlay a.level2 { color: #FFF; font-family:"FranziskaItalic", serif; }
	#navi-overlay a.level2:hover { text-decoration: underline; } 

	@media screen and (max-width: 650px) {
		#navi-overlay { text-align: center; }
		#navi-overlay .logo-navi { margin: 8rem 10% 2rem 10%; max-width: 300px; width: 80%; height: auto; }
			#navi-overlay .grid {margin-top: 0; }
		#navi-overlay .grid-cell { padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255, 0.5); }
		#navi-overlay .grid-cell:last-of-type { padding: 2rem 0; border-bottom: 0px none; }
		
		#navi-overlay a.level2 { font-size: 1.2rem; line-height: 1.6em; }
	}

	.navi-select-language { margin: 1rem 0; text-align: center;font-size: 1.4rem; color: #FFF; }
		.navi-select-language a { color: #FFF; font-size: 1.4rem; display: inline-block !important; margin: 0 1rem; }
		.navi-select-language a:hover { text-decoration: underline !important; }

/*Mood-Slider*/
#mood-slider {  }
	ul.slides { margin: 0; padding: 0; }
	#mood-slider li { width: 100%; }
	#mood-slider li img { width: 100%; height: auto; display: block; clear: both; }


/*Editmode*/
.box-editmode { background-color: rgba(233,233,233,0.8); padding: 1rem; margin-bottom: 2rem; }

/*Typo*/
.text-darkblue { color: #3f4a50; }
.text-lightblue { color: #a6bbcd; }
.text-white { color: #FFFFFF; }
.text-beige { color: #bebab7; }
.text-brown { color: #8c867f !important; }

em { font-style: normal; font-family: FranziskaItalic; font-size: 1.05em; }
a { color: #a6bbcd; cursor: pointer; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; margin: .5rem 0; line-height: 1.4em; margin-bottom: 0; font-weight: normal; }

h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.5rem; }
h4, h5, h6 { font-size: 1.5rem; }

p { max-width: 1000px; margin-left: auto; margin-right: auto; }

.text-larger { font-size: 1.3rem; line-height: 1.4em; }
.text-large { font-size: 1.4rem; line-height: 1.4em; }
.text-xlarge { font-size: 1.6rem; line-height: 1.4em; }

.icon-square .fa { position: relative; top: 50%; transform: translateY(-50%); }
.icon-square:before { content: ""; display:block; padding-top: 100%; float: left; }

/*Formulare*/
.button { font-family:"FranziskaItalic"; font-size: 1.1rem; padding: .75rem 2rem; border: 0px none; text-decoration: none; cursor: pointer; margin: 1rem 0; display: inline-block; }
	.button.bg-white { background-color: #FFFFFF; color: #a6bbcd; }
	.button.bg-lightblue { background-color: #a6bbcd; color: #FFFFFF; }
	.button.bg-darkblue { background-color: #3f4a50; color: #FFFFFF; }

textarea { font-size: 1rem; }
input[type=text] { font-size: 1rem; }

/*Content-Elemente*/
	
	/*Navi Buttons*/
	#navi-buttons { position: fixed; top: 1.5rem; left: 0; z-index: 9500; width: 100%; text-align: right; }
	#navi-buttons .section-inner { max-width: 1700px; padding-right: 8rem; }

		#navi-buttons .navi-button { display: inline-block; position: relative; padding: 1.25rem 3.5rem 1rem 1.5rem; line-height: 1rem; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; color: #FFF; cursor: pointer; font-size: 1.1rem; }
		#navi-buttons #btn-menu { background-color: #a6bbcd; color: #3f4a50; }
			#navi-buttons #btn-menu.active { background-color: #FFFFFF; }
			#navi-buttons #btn-menu:after { font-family: FontAwesome; content: '\f0c9'; margin-left: 1rem; font-size: 1.6rem; position: absolute; right: 1.25rem; top: 1.1rem; }
			#navi-buttons #btn-menu.active:after { content: '\f00d'; }

		#navi-buttons #btn-booking { background-color: #3f4a50; margin-right: 1rem; text-decoration: none; }
			#navi-buttons #btn-booking:after { font-family: FontAwesome; content: '\f073'; margin-left: 1rem; font-size: 1.4rem; right: 1rem; top: .5rem; position: absolute; right: 1.25rem; top: 1rem; }

	@media screen and (max-width: 960px) {
		#navi-buttons { top: .5rem; }
		#navi-buttons .section-inner { padding-right: 3rem; }
	}

	@media screen and (max-width: 650px) {
		#navi-buttons { background-color: #FFF; top: 0; padding-top: 1rem; padding-bottom: 1rem; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);  }
		#navi-buttons .section-inner { padding-right: 1rem; }
	}

	/*Footer*/
	#section-footer { background-image: url(/assets/images/bg_footer.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
		#section-footer .grid { flex-direction: row-reverse; }
		#section-footer i.fa { font-size: 2.5rem; }

	#section-footer-contactlinks { margin-top: 0; margin-bottom: 3rem; }
		#section-footer-contactlinks a { font-size: 2rem; padding: 1rem; display: block; width: 100%; text-align: center; background-color: #a6bbcd; color: #FFF; text-decoration: none; }
		#section-footer-contactlinks a:hover { opacity: .85; }

	@media screen and (max-width: 800px) {
		#section-footer .grid-cell--1of2 { -webkit-flex: 0 0 66.6666%; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; -webkit-flex-basis: 66.6666%; flex-basis: 66.6666%; }
	}

	@media screen and (max-width: 650px) {
		#section-footer .grid-cell--1of2 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		#section-footer i.fa { font-size: 3rem; }
	}

	@media screen and (max-width: 450px) {
		#section-footer i.fa { font-size: 2rem; }
	}

	/*Footer Links*/
	#section-footer-links { padding-top: 1rem; padding-bottom: 1rem;}
		#section-footer-links a { text-decoration: none; margin-right: 2rem; color: #3f4a50; }
		#section-footer-links a:hover { text-decoration: underline; }

	@media screen and (max-width: 650px) {
		#section-footer-links a { margin-right: 1rem; }
	}

	/*Footer Links*/
	#section-footer-widgets { padding-top: 1rem; padding-bottom: 3rem; text-align: right; }

	/*Startseite*/
	#section-start-intro {}
		.start-intro-zimmer { margin-right: -2rem; z-index: 100; margin-top: 8rem; margin-left: 0; }
		.start-intro-galerie { margin-right: -4rem; margin-top: -3rem; z-index: 200; width: 80%; margin-bottom: 6rem; float: right; }
		.start-intro-text { margin-left: 0; padding-left: 5rem; padding-right: 4rem; margin-bottom: 6rem; }

	#section-start-lpw {}
		#section-start-lpw .logo-lpw { width: auto; max-width: 300px; height: auto; float: none; display: inline-block; }
		#section-start-lpw .claim-sh { width: auto; max-width: 300px; height: auto; margin-top: 2rem; float: none; display: inline-block; } 

	@media screen and (max-width: 900px) {
		#section-start-intro .grid-cell--1of2 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
	}

	@media screen and (max-width: 750px) {
		#section-start-intro .grid-cell--1of2 { -webkit-flex: 0 0 100% !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; -webkit-flex-basis: 100% !important; flex-basis: 100% !important; }
		.start-intro-zimmer { margin-right: 0; margin-top: 0; margin-left: 0; width: 85%; }
		.start-intro-galerie { margin-right: 0; margin-top: -3rem; z-index: 200; width: 80%; margin-bottom: 2rem; float: right; }
		.start-intro-text { margin-left: 0; padding-left: 2rem; padding-right: 2rem; margin-bottom: 2rem; }
	}

	#section-start-news-angebote { background-image: url(/images/start/bg_karte.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 500px; padding-bottom: 4rem; }
		
		#box-start-news { padding-left: 3rem; padding-right: 3rem; }
			#box-start-news .slider-nav { margin-bottom: 1rem; }
			#box-start-news .slider-nav a { color: #FFFFFF; margin: 0 0.25rem; }
			#box-start-news .icon-wind { width: 2rem; height: auto; margin: 1rem auto; }

		#box-start-angebote { padding-left: 3rem; padding-right: 3rem; background-image: url(/images/start/angebot_teaser.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #FFFFFF; }
			#angebot-slider { overflow-x: hidden; max-width: 400px !important; }
			#angebot-slider .slide { display: inline-block; float: left;order: 1px solid #FF0000; } 
			#box-start-angebote .slider-nav { margin-bottom: 1rem; }
			#box-start-angebote .slider-nav a { color: #FFFFFF; margin: 0 0.25rem; }

	@media screen and (max-width: 1100px) {
		/*#section-start-news-angebote .grid-cell { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }*/
	}

	#section-start-auswanderer {}
		.start-auswanderer-text .box { padding-right: 8rem; padding-left: 3rem; }
		.start-auswanderer-image { }
		.start-auswanderer-image img { position: absolute; margin-left: -20%; max-width: 110% !important; height: auto; }

	@media screen and (max-width: 900px) {
		#section-start-auswanderer .grid-cell--1of3 { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; -webkit-flex-basis: 33.3333%; flex-basis: 33.3333%; }
		#section-start-auswanderer .grid-cell--2of3 { -webkit-flex: 0 0 66.6666%; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; -webkit-flex-basis: 66.6666%; flex-basis: 66.6666%; }
	}

	@media screen and (max-width: 650px) {
		#section-start-auswanderer .grid-cell--1of3 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		#section-start-auswanderer .grid-cell--2of3 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		
		.start-auswanderer-text .box { padding-right: 2rem; padding-left: 2rem; padding-bottom: 8rem; }
		.start-auswanderer-image img { position: relative; width: 80% !important; margin-top: -8rem; }
	}

	/*Waastwinj*/
	#section-waastwinj-intro {}
		#section-waastwinj-intro .section-inner { margin-bottom: 4rem; }
		.waastwinj-intro-image { z-index: 100; }
		.waastwinj-intro-image img { width: 150%; margin-top: 8rem; }
		.waastwinj-intro-text { z-index: 10; padding-left: 10%; }
		.waastwinj-intro-text .box { padding-left: 6rem; }

	#section-waastwinj-ort { background-image: url(/images/waastwinj/bg_ruhe_entspannung.jpg); background-size: cover; background-position: center; padding-bottom: 6rem; background-repeat: no-repeat; }

	#section-waastwinj-gastgeber { color: #FFF; background-image: url(/images/waastwinj/elin-und-roluf.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 4rem; }
		#section-waastwinj-gastgeber .section-inner { margin-top: 8rem; margin-bottom: 8rem; }
		#section-waastwinj-gastgeber .grid { justify-content: right; }
		#section-waastwinj-gastgeber .icon-wind { margin-top: 2rem; }

	#section-waastwinj-fair img { margin-top: 2rem; }

	@media screen and (max-width: 900px) {
		.waastwinj-intro-image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }
		.waastwinj-intro-image img { width: 200%; margin-top: 8rem; }
		.waastwinj-intro-text { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; -webkit-flex-basis: 80%; flex-basis: 80%; }
	}

	@media screen and (max-width: 600px) {
		.waastwinj-intro-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.waastwinj-intro-image img { width: 80%; margin-bottom: -3rem; margin-left: -1rem; margin-top: 0; }
		.waastwinj-intro-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; }
		.waastwinj-intro-text .box { padding-left: 2rem; padding-top: 5rem; }
	}

	/*Auswanderer*/
	#section-auswanderer-intro {}
		.auswanderer-intro-image { z-index: 100; }
			.auswanderer-intro-image img { width: 150%; margin-top: 8rem; }
		.auswanderer-intro-text { z-index: 10; padding-left: 10%; }
			.auswanderer-intro-text .box { padding-left: 6rem; }

	#section-auswanderer-images {}
	 #section-auswanderer-images .grid { justify-content: center; }
	#section-auswanderer-images img.responsive { margin: 4rem 0 2rem 0; }

	@media screen and (max-width: 900px) {
		.auswanderer-intro-image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }
		.auswanderer-intro-image img { width: 200%; margin-top: 8rem; }
		.auswanderer-intro-text { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; -webkit-flex-basis: 80%; flex-basis: 80%; }
	}

	@media screen and (max-width: 600px) {
		.auswanderer-intro-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.auswanderer-intro-image img { width: 80%; margin-bottom: -3rem; margin-left: -1rem; margin-top: 0; }
		.auswanderer-intro-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; }
		.auswanderer-intro-text .box { padding-left: 2rem; padding-top: 5rem; }
	}	

	/*Föhr*/
	#section-foehr-intro {}
		#section-foehr-intro .section-inner { margin-bottom: 4rem; }
		.foehr-intro-image { z-index: 100; }
		.foehr-intro-image img { width: 130%; margin-top: 8rem; }
		.foehr-intro-text { z-index: 10; padding-left: 5%; }
		.foehr-intro-text .box { padding-left: 6rem; }

	@media screen and (max-width: 900px) {
		.foehr-intro-image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }
		.foehr-intro-image img { width: 200%; margin-top: 8rem; }
		.foehr-intro-text { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; -webkit-flex-basis: 80%; flex-basis: 80%; }
	}

	@media screen and (max-width: 600px) {
		.foehr-intro-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.foehr-intro-image img { width: 80%; margin-bottom: -3rem; margin-left: -1rem; margin-top: 0; }
		.foehr-intro-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; }
		.foehr-intro-text .box { padding-left: 2rem; padding-top: 5rem; }
	}

	#section-foehr-aktiv { background-image: url(/images/start/bg_karte.jpg); background-size: cover; background-position: center; padding-bottom: 6rem; background-repeat: no-repeat; }
		.foehr-aktiv-image .box { background-image: url(/images/foehr/surferin_foehrwaerts_aktiv.jpg ); background-size: cover; background-position: center; background-repeat: no-repeat; }
		.foehr-aktiv-image > img { display: none; }

	#section-foehr-natuerlich {}

	#section-foehr-bewell { color: #FFF; background-image: url( /images/foehr/bg_foehreffekt.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
		#section-foehr-bewell .section-inner { margin: 6rem 0; }

	#section-foehr-kultur {}
		.foehr-kultur-image { z-index: 100; }
		.foehr-kultur-image img { width: 130%; margin-top: 3rem; margin-left: -30%; }
		.foehr-kultur-text { z-index: 10; padding-right: 5%; }
		.foehr-kultur-text .box { padding-right: 6rem; }

	@media screen and (max-width: 900px) {
		.foehr-kultur-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; margin-top: -4rem; }
			.foehr-kultur-image img { width: 70%; margin-left: auto; margin-top: 0; margin-right: 0; float: right; }
		.foehr-kultur-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; padding-right: 2rem; }
			.foehr-kultur-text .box { padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; margin-right: 4rem; padding-bottom: 6rem; }
	}

	/*Genießen*/
	#section-geniessen-mood {}
	#section-geniessen-intro { padding-bottom: 4rem; }
		.geniessen-intro-image { z-index: 100; }
		.geniessen-intro-image img { width: 130%; margin-top: 8rem; }
		.geniessen-intro-text { z-index: 10; padding-left: 5%; }
		.geniessen-intro-text .box { padding-left: 6rem; }

	@media screen and (max-width: 900px) {
		.geniessen-intro-image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }
		.geniessen-intro-image img { width: 200%; margin-top: 8rem; }
		.geniessen-intro-text { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; -webkit-flex-basis: 80%; flex-basis: 80%; }
	}

	@media screen and (max-width: 600px) {
		.geniessen-intro-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.geniessen-intro-image img { width: 80%; margin-bottom: -3rem; margin-left: -1rem; margin-top: 0; }
		.geniessen-intro-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; }
		.geniessen-intro-text .box { padding-left: 2rem; padding-top: 5rem; }
	}

	#section-geniessen-hennigs { color: #FFF; background-image: url(/images/geniessen/restaurant-hennigs-foehr-geniessen-fisch-essen.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 4rem; }
		.logo-hennigs { max-width: 300px; width: 100%; height: auto; }

	#section-geniessen-fruehstueck {  }
		#section-geniessen-fruehstueck img.responsive { margin-top: 2rem; }

	#section-geniessen-lounge { color: #FFF; background-image: url(/images/geniessen/bg_lounge.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
		#section-geniessen-lounge .section-inner { margin-top: 6rem; margin-bottom: 6rem; }

	#section-geniessen-schaeferwagen {}
		.geniessen-schaeferwagen-image { z-index: 100; }
		.geniessen-schaeferwagen-image img { width: 130%; margin-top: 3rem; margin-left: -30%; }
		.geniessen-schaeferwagen-text { z-index: 10; padding-right: 5%; }
		.geniessen-schaeferwagen-text .box { padding-right: 6rem; }

	@media screen and (max-width: 900px) {
		#section-geniessen-schaeferwagen {}
		.geniessen-schaeferwagen-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; margin-top: -4rem; }
			.geniessen-schaeferwagen-image img { width: 70%; margin-left: auto; margin-top: 0; margin-right: 0; float: right; }
		.geniessen-schaeferwagen-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; padding-right: 2rem; }
			.geniessen-schaeferwagen-text .box { padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 2rem; margin-right: 4rem; padding-bottom: 6rem; }
	}

	/*Zimmer*/
	#section-zimmer-intro { padding-bottom: 3rem; }
		#section-zimmer-intro .zimmer-intro-image { margin-top: 10rem; position: relative; }
				#section-zimmer-intro .zimmer-intro-image > .box { position: absolute; bottom: 0rem; z-index: 100; width: 130%;}
				#section-zimmer-intro .zimmer-intro-image img { position: relative; }

		#section-zimmer-intro .zimmer-intro-image .icon-square { padding: .75rem .5rem; position: relative; }
		#section-zimmer-intro .zimmer-intro-image .icon-square .fa { font-size: 2rem; }

		#section-zimmer-intro .zimmer-intro-text { z-index: 10; padding-left: 5%; margin-bottom: 4rem; }
		#section-zimmer-intro .zimmer-intro-text .box { padding-left: 15%; }
		#section-zimmer-intro .zimmer-intro-ueberblick { margin-top: -2rem; z-index: 50; }

	@media screen and (max-width: 900px) {
		#section-zimmer-intro .grid-cell--1of3 { -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; -webkit-flex-basis: 33.3333%; flex-basis: 33.3333%; }
		#section-zimmer-intro .grid-cell--2of3 { -webkit-flex: 0 0 66.6666%; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; -webkit-flex-basis: 66.6666%; flex-basis: 66.6666%; }
	}

	@media screen and (max-width: 650px) {
		#section-zimmer-intro .grid-cell--1of3 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		#section-zimmer-intro .grid-cell--2of3 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		
		#section-zimmer-intro { }
		#section-zimmer-intro .zimmer-intro-image { margin-top: 0; position: relative; }
				#section-zimmer-intro .zimmer-intro-image > .box { position: relative; bottom: 0rem; z-index: 100; width: auto;}
				#section-zimmer-intro .zimmer-intro-image img { position: relative; }
		
		#section-zimmer-intro .zimmer-intro-text { z-index: 10; padding-left: 0; margin-bottom: 1rem; padding-top: .75rem; }
		#section-zimmer-intro .zimmer-intro-text .box { padding-left: 2rem; }
		#section-zimmer-intro .zimmer-intro-ueberblick { margin-top: 0; }
		
	}

	#section-zimmer-einzelzimmer { background-image: url(/images/zimmer/bg_struktur.jpg); }
	#section-zimmer-doppelzimmer { }

	#section-zimmer-familienzimmer { background-image: url(/images/zimmer/zimmer-allgemein/waastwinj_zimmer_02-familienzimmer.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
		#section-zimmer-familienzimmer .section-inner { padding: 6rem 0; }
		#section-zimmer-familienzimmer .grid { justify-content: center; }

	.zimmer-teaser-image {}
	.zimmer-teaser-price { color: #FFF; background-color: #3f4a50; position: absolute; width: 120px; padding: .75rem; top: 0; right: 0; font-size: 1.1rem; }
	.zimmer-teaser-legend { text-decoration: none; padding: .75rem; font-size: 1.1rem; }

	#section-zimmer-arrangements-text {  }
		#section-zimmer-arrangements-text .section-inner { margin-bottom: 2rem; }
		#section-zimmer-arrangements-text .grid { justify-content: center; }

	#section-zimmer-arrangements { background-image: url(/images/start/bg_karte.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
		#section-zimmer-arrangements a { text-decoration: none; }
		#section-zimmer-arrangements a:hover { opacity: .9;}

	#section-zimmer-services {}
		#section-zimmer-services .grid { justify-content: center; }
		#section-zimmer-services .wind-icon { margin: 1rem 0 .5rem 0; }


	/*Zimmer-Detail*/
	#section-zimmerdetail-intro .section-inner { margin-bottom: 4rem; }
		.zimmerdetail-intro-ausstattung i.fa { font-size: 3.5rem; margin-bottom: 1rem; }
		.zimmerdetail-intro-beschreibung > :first-child { margin-top: 0; }

	#section-zimmerdetail-kategorien { background-image: url(/images/zimmer/bg_struktur.jpg); }

	#section-zimmerdetail-saisonzeiten {}
		#section-zimmerdetail-saisonzeiten .iconbar { margin-top: .5rem; }
		#section-zimmerdetail-saisonzeiten .fa { margin: .5rem; }

	#zimmer-thumb-slider { margin: 3rem 0; }
		#zimmer-thumb-slider a { padding: .5rem; }
		#zimmer-thumb-slider img { width: 100%; height: auto; margin: .5rem; }
		
		#zimmer-thumb-slider-dots { border: 1px solid #FF0000; text-align: center; }
			.slick-dots li button:before { font-size: 14px !important; color: #3f4a50 !important; }

	/*Arrangements*/
	#section-arrangements-intro {}
		#section-arrangements-intro .section-inner { margin-bottom: 4rem; }

		.arrangements-intro-image { z-index: 100; }
		.arrangements-intro-image img { width: 150%; margin-top: 8rem; }
		.arrangements-intro-text { z-index: 10; padding-left: 10%; }
		.arrangements-intro-text .box { padding-left: 6rem; }
		.arrangements-intro-text a { text-decoration: none; }
		.arrangements-intro-text a:hover { text-decoration: underline; } 

	@media screen and (max-width: 900px) {
		.arrangements-intro-image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }
		.arrangements-intro-image img { width: 200%; margin-top: 8rem; }
		.arrangements-intro-text { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; -webkit-flex-basis: 80%; flex-basis: 80%; }
	}

	@media screen and (max-width: 600px) {
		.arrangements-intro-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.arrangements-intro-image img { width: 80%; margin-bottom: -3rem; margin-left: -1rem; margin-top: 0; }
		.arrangements-intro-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; }
		.arrangements-intro-text .box { padding-left: 2rem; padding-top: 5rem; }
	}	

	#section-arrangement-verliebte { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_verliebte.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
	#section-arrangement-schmeckt { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_so_schmeckt_foehr.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
	#section-arrangement-kultur { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_kult_tour.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
	#section-arrangement-freundinnen { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_freundinnen.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
	#section-arrangement-wolkenspiele { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_wolkenspiele.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
	#section-arrangement-westwind { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_westwind.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }

	#section-arrangement-laenger { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_freundinnen.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
	#section-arrangement-nochlaenger { padding-bottom: 4rem; margin-bottom: 4rem; background-image: url(/images/arrangements/bg_fuer_noch_laenger.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
	
	.arrangement-preis { display: inline-block; padding: .5rem 1.5rem; vertical-align: top; margin-right: .3rem; }
	.arrangement-booking { display: inline-block; padding: .5rem 1.5rem; vertical-align: top; text-decoration: none; font-family: FranziskaItalic; font-size: 1.05em; }

	.arrangement-leistungen-button { position: relative; padding-left: 1.5rem; cursor: pointer; margin-bottom: 1.5rem; display: inline-block; }
	.arrangement-leistungen-button:before { font-family: FontAwesome; content: '\f05a'; position: absolute; left: 0; color: #FFF; font-size: 1.2rem; }
	.arrangement-leistungen-button:hover { opacity: 0.9; }
	.arrangement-leistungen { display: none; margin-bottom: 3rem; }

	/*Anreise*/
	#section-kontakt-intro {  }
		#section-kontakt-intro .section-inner { margin-bottom: 4rem; }
		.kontakt-intro-image { z-index: 100; }
		.kontakt-intro-image img { width: 150%; margin-top: 8rem; }
		.kontakt-intro-text { z-index: 10; padding-left: 10%; }
		.kontakt-intro-text .box { padding-left: 6rem; }
		.kontakt-intro-text a { text-decoration: none; }
		.kontakt-intro-text a:hover { text-decoration: underline; } 

	@media screen and (max-width: 900px) {
		.kontakt-intro-image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }
		.kontakt-intro-image img { width: 200%; margin-top: 8rem; }
		.kontakt-intro-text { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; -webkit-flex-basis: 80%; flex-basis: 80%; }
	}

	@media screen and (max-width: 600px) {
		.kontakt-intro-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.kontakt-intro-image img { width: 80%; margin-bottom: -3rem; margin-left: -1rem; margin-top: 0; }
		.kontakt-intro-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; }
		.kontakt-intro-text .box { padding-left: 2rem; padding-right: 2rem; padding-top: 5rem; }
	}

	#section-kontakt-anreise { padding-bottom: 4rem; background-image: url(/images/kontakt_buchen/bg_weg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
		#section-kontakt-anreise .wind-icon { margin-bottom: 0; }

	/*Service*/
	#section-service-intro {}
		#section-service-intro .section-inner { margin-bottom: 4rem; }
		.service-intro-image { z-index: 100; }
		.service-intro-image img { width: 150%; margin-top: 8rem; }

		.service-intro-text { z-index: 10; padding-left: 10%; }
		.service-intro-text .box { padding-left: 6rem; }

	@media screen and (max-width: 900px) {
		.service-intro-image { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-flex-basis: 20%; flex-basis: 20%; }
		.service-intro-image img { width: 200%; margin-top: 8rem; }
		.service-intro-text { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; -webkit-flex-basis: 80%; flex-basis: 80%; }
	}

	@media screen and (max-width: 600px) {
		.service-intro-image { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
		.service-intro-image img { width: 80%; margin-bottom: -3rem; margin-left: -1rem; margin-top: 0; }
		.service-intro-text { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; }
		.service-intro-text .box { padding-left: 2rem; padding-right: 2rem; padding-top: 5rem; }
	}

	#section-service-infos {}
		.service-infos-images .grid { margin-top: .1rem; }
		.service-infos-images img { display: block; }

	.service-item { margin-bottom: .5rem; margin-right: 1rem; background-color: #656E73; color: #FFF; position: relative; }
	.service-item.opened { background-color: #3F4A50; }
		.service-item-title { padding: 1.1rem 3rem .9rem 1.5rem; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; color: #FFF; cursor: pointer; }
		.service-item-title:after { font-family: FontAwesome; content: '\f107'; font-size: 1.6rem; position: absolute; right: 1rem; top: 1rem;  }
		.service-item.opened .service-item-title:after { content: '\f106'; }
		.service-item-text { padding: 0 3rem .7rem 1.5rem; display: none; }
		.service-item-text :first-child { margin-top: 0; } 

	@media screen and (max-width: 600px) {
		.service-item { margin-right: 0; }
	}
	
	/*Galerie*/
	.masonry-gallery-grid {}
		.masonry-gallery-grid img { display: block; width: 100%; height: auto; }
		.grid-sizer, .grid-item { width: calc(33.3333% - 1rem); margin-bottom: 1rem;  }
		.gutter-sizer { width: 1rem; height: 1rem; }

	@media(max-width: 600px) {
		.grid-sizer, .grid-item { width: calc(50% - 1rem); }
	}

#popupbox {
  display: none;
  width: 100%;
  height: 100%;
  opacity: 1;
  position: fixed;
  transition: all 0.4s ease-out 0s;
  z-index: 1113000;
  top: 0;
  background: rgba(0,0,0,.8);
	left:0;
}

#popupbox .contentbox {
line-height: 1.4em;
box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
width: 800px;
max-width: 90%;
margin: auto;
padding: 50px;
color: #000;
left: 50%;
top: 50%;
position: absolute;
box-sizing: border-box;
background: #fff;
transform: translate(-50%, -50%);
text-align: left;
}
.contentbox p:last-of-type {
    margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  #popupbox {left: 0; max-width: 100%; width: 100%}
}
#popupbox h3 {
    margin: 0 0 0.5em 0;
    color: #000;
    font-weight: bold;
    font-size: 22px;
}
#popupbox #close {
    position: absolute;
    right: -20px;
    top: -20px;
    background: #3f4a50;
    width: 40px;
    height: 40px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    font-size: 36px;
}
@media screen and (max-width: 767px) {
#popupbox .contentbox {
padding: 25px;
	background: #fff;
	padding-right: 25px;
}
	}
	
	
	/** ANPASSUNGEN SIMON LINGENFELDER **/
	#navi-buttons .section-inner {
  float: right;
}
	.logo-mobile + .section-outer {
  width: auto;
  display: block;
  position: absolute;
  height: 100px;
  left: 0;
  top: 60px;
  z-index: 13337;
}
body[style*="overflow: hidden;"] .logo-mobile + .section-outer {
    display: none;
}

	.logo-mobile + .section-outer + div {
  clear: both;
}
#navi-buttons .icon-square {
  background: #a6bbcd;
  width: 55px;
  height: 55px;
  display: inline-block;
  top: -15px;
  position: relative;
  margin: 0 2px 0 0;
  color: #3f4a50;
  text-align: center;
  font-size: 22px;
  line-height: 1em;
}

body[style*="overflow: hidden;"] #navi-buttons .icon-square {
	background: #fff;
}
@media screen and (min-width: 767px) {
	#navi-buttons {
  width: calc(100% - 400px);
  margin-left: 400px;
	}
	
#navi-overlay .logo-navi {
  width: 272px;
  left: 68px;
  position: relative;
  top: -7px;
}
	}
@media screen and (min-width: 767px) and (max-width: 1024px) {
	#navi-buttons .section-inner {
  padding-right: 30px;		
	padding-left: 0;
}
	#navi-buttons {
  width: calc(100% - 400px);
  margin-left: 400px;
	}
	img.logo-textpage {
		left: 30px;
		}
		}

@media screen and (min-width: 651px) {
	.section-mood,
	#section-kontakt-map,
	#section-arrangements-mood,
	#section-geniessen-mood,
	.logo-mobile + .section-outer + div,
		#section-zimmerdetail-mood,
	#section-start-mood {
  padding-top: 105px;
}
	#phonelink {display: none !important;}
	}
	

@media screen and (max-width: 650px) {
	#navi-buttons #btn-booking {float: left}
	
#navi-buttons #btn-menu {
  float: none;
  width: 100%;
  margin-left: 0;
}
	#navi-overlay {
  padding-top: 50px;
}
	#navi-buttons .icon-square {
  width: 49px;
  height: 49px;
  top: -11px;
}
	#navi-buttons .icon-square {
  float: right;
  margin: 10px 0 0 10px;
}
	}

@media screen and (max-width: 430px) {
	#navi-buttons #btn-booking {
  padding: 15px 47px 11px 14px;
}
	#navi-buttons .icon-square {
  width: 40px;
  height: 40px;
  margin: 10px 0 0 5px;
  font-size: 20px;
}
	#navi-buttons #btn-booking::after {
  font-size: 18px;
  top: 13px;
}
	}