/*
Webfonts: Copyright © Letters From Sweden.
All rights reserved. To obtain a license, please see: https://lettersfromsweden.se
*/


@font-face { font-family: "Lab Grotesque"; src: url(/fonts/LabGrotesqueWebLight/LabGrotesque-Light.woff); font-weight: 300; }
@font-face { font-family: "Lab Grotesque"; src: url(/fonts/LabGrotesqueWebRegular/LabGrotesque-Regular.woff); font-weight: 400; }
@font-face { font-family: "Lab Grotesque"; src: url(/fonts/LabGrotesqueWebMedium/LabGrotesque-Medium.woff); font-weight: 500; }


/* Aufbau

body
  div#container = 1280px
	div#fhm = 66px
	div#fhr = 66px
	div#fhp = 66px
	div#main = 1148px
	  header = 1148px
        div#logo = 0 | 547 | 603 | 0 | 0
        div#random = 1010px
		nav#menu = 1148px
	  section = 1148px
        article.mainVisible = 1148px
		article.moreInfo1 = 1148px
          .pilze = 1148px
          .kraeuter = 1148px
		article.moreInfo2 = 1148px
          .storyPreview = auto | 0 | 953 | 0 | auto
		article.moreInfo3 = 1148px
	  footer = 1010px
*/


body#restaurant { background: url(/media/s.png) center top repeat-y #fafafa; }
body#meierei { background: url(/media/m.png) center top repeat-y #fafafa; }
body#pogusch { background: url(/media/p.png) center top repeat-y #fafafa; }


.hidden { visibility: hidden; display: none; }



/* GLOBAL */

* { padding: 0; margin: 0; border: none;}
body { color: #31302E; font-family: "Lab Grotesque"; }

h1, h2, h3, h4, p, li, td, th { /* background-color: rgba(255,255,255,0.6); -webkit-box-shadow: 0px 0px 25px 5px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 25px 5px rgba(255,255,255,1);
box-shadow: 0px 0px 25px 5px rgba(255,255,255,1);*/ }

button:focus { border: 0 none; outline: 0 none; }


a { color: #31302E; }
strong { font-weight: 500; }

div#container { width: 1280px; margin: 0 auto; }
div#fhm,
div#fhr,
div#fhp { width: 66px; float: left; height: 100vh !important; min-height: 100vh; position: relative; z-index: 0; }
	body#pogusch #fhr { /*background-color: lime;*/ }
	body#pogusch #fhm { /*background-color: aqua;*/ }
	body#pogusch div#main { z-index: 1000; }
	body#meierei #fhr { }
	body#meierei div#main { z-index: 1000; }
	body#meierei #fhr { z-index: 500; }
	body#meierei #fhp { z-index: 100; /*background-color: aqua;*/ }

#fhm { background: url(/media/side-meierei.png) no-repeat center 200px; }
#fhr { background: url(/media/side-restaurant.png) no-repeat center 240px; }
body#meierei #fhr { background-position: right 240px; }
body#pogusch #fhr { background-position: left 240px; }
#fhp { background: url(/media/side-pogusch.png) no-repeat center 210px; }

	.rotate {
		display: inline-block; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg);
		font-family: "Lab Grotesque"; font-weight: 400; font-size: 1em; letter-spacing: 4.16px; line-height: 100%; text-transform: uppercase; text-decoration: none; }

		#fhm .rotate { top: 125px; left: -14px; }
		#meierei #fhr .rotate { top: 150px; left: -33px; }
		#pogusch #fhr .rotate { top: 150px; left: -33px; }
		#fhp .rotate { top: 134px; left: -20px; }

		#fhr a,
		#fhp a,
		#fhm a { display: inline-block; width: 66px; height: 100%; cursor: pointer; }

	div#main { width: 89.6875%; position: relative; float: left; z-index: 100; }
	header {
		margin-bottom: 100px;
		text-align: left; }
		header #logo { height: 180px; margin: 122px 5% 0 47.648083623693%; }
		nav#menu { font-family: "Lab Grotesque"; font-weight: 300;
			padding-bottom: 30px; }
		nav#menu ul li { display: inline-block; text-align: center; padding-bottom: 5px; }
			nav#menu ul li a {
				padding: 0.5em; display: inline-block;
				font-family: "Lab Grotesque"; font-size: 1.125em; font-weight: 300; text-decoration: none; letter-spacing: 0.19px; line-height: 100%; }
			a.active { font-weight: 500 !important; }
			li.imgli img { position: relative; top: 6px; }
			li.social img { position: relative; top: 3px; }
			li.social a:first-of-type img { top: 5px; }
			img.mail { margin-bottom: 3.5px; }

			nav#menu ul li:first-child { width: 6.09756097561%; margin-left: 43px; }

			nav#menu ul li:nth-child(2),
			nav#menu ul li:nth-child(3),
			nav#menu ul li:nth-child(4),
			nav#menu ul li:nth-child(5),
			nav#menu ul li:nth-child(6) { padding: 0 1.6125em; }
				#pogusch nav#menu ul li:nth-child(2),
				#pogusch nav#menu ul li:nth-child(3),
				#pogusch nav#menu ul li:nth-child(4),
				#pogusch nav#menu ul li:nth-child(5),
				#pogusch nav#menu ul li:nth-child(6) { padding: 0 1.25em; }

			nav#menu ul li.social a { padding: 0.5em 0.55em; }
			nav#menu ul li:last-child { }
				nav#menu ul li:last-child a:first-of-type { padding-right: 0.25em; }
				nav#menu ul li:last-child a:last-of-type { padding-left: 0.25em; }
				nav#menu ul li:last-child a.active { font-weight: 300 !important; }
		nav.sticky { position: fixed; top: -0px; z-index: 1000; background: url(/media/gradient.png) repeat-x center bottom; }
			nav.sticky ul { background-color: #fff; }
		div#random { margin: 0 auto 41px auto; }

		.invisible { display: none; }



.mainVisible,
article.rooms { background: url(/media/line/bohne.png) repeat-y center top;/* background-color: rgba(209,216,145,1.00) */}

	.roomreservationbtn_container {
		position: relative;
		margin: -80px auto 160px;
		text-align:center;
		text-transform: uppercase;
		border: 2px solid green;
		border-radius: 4px;
		width: 50%;
		min-width: 400px;
		max-width: 500px;
		padding: 10px 0;
		background-color: #fff;
		font-family: "Lab Grotesque";
		font-size: 1.1875em;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 4.16px;
		line-height: 126%;
	}


	section {}
		.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
		h1 { font-family: "ScotchModern-Regular"; font-size: 4.25em; letter-spacing: -0.54px; line-height: 117.65%; font-weight: 400; }
		h1 em { font-family: "ScotchModern-Italic"; font-style: normal; }
		h2 { font-family: "ScotchModern-Italic"; font-weight: 400; font-size: 1.875em; line-height: 140%; }
		h3 { font-family: "ScotchMicro-Regular"; font-weight: 400; font-size: 1.1875em; letter-spacing: 4.16px; line-height: 147%; text-transform: uppercase; }
		p,
		button { color: #31302E; text-align: center; font-family: "ScotchMicro-Regular"; font-size: 1.0625em; letter-spacing: 0.19px; line-height: 159%; }
		p.link,
		p.subInfo {
			margin-top: 36px;
			font-family: "Lab Grotesque"; font-weight: 400; font-size: 1.3em; }
		section ul { margin-bottom: 1em; list-style: none; line-height: 144%; padding-bottom: 0.5em; }
			ul.lh200 li { line-height: 200% !important; /*font-size: 1.125em; */letter-spacing: 0.19px; }
			ul.dash li {
				margin-left: 1em;
				font-family: "Lab Grotesque"; font-weight: 400; font-size: 1.125em; line-height: 144%; }
			ul.dash li:before { content: "– "; margin-left: -1em; }
	footer { clear: both; margin: 0 auto; padding: 20px 0 40px 0; background-color: #fff; }
		footer p {
			padding-bottom: 1em;
			font-family: "Lab Grotesque"; font-size: 1em; text-align: center; }
		footer a { text-decoration: none; }

html[lang="de"] nav#menu li#lang a.de { font-weight: 500 !important; }
html[lang="en"] nav#menu li#lang a.en { font-weight: 500 !important; }




/* HOME */

body#home div.end { display: none; visibility: hidden; }

body#home #container { padding: 60px 0 46px 0; }
body#home header { width: 51.5625%; height: 120px; margin: 0 auto; padding-left: 48.4375%; background: url(/media/line/bohne_top.png) no-repeat center 55px; }
body#home div#random { width: 95.3125%; margin: 0 auto; padding-bottom: 73px; background: url(/media/line/bohne_top.png) no-repeat center 370px; }

body#home div#random #shopcircle {
	z-index: 200;
	width: 120px;
	height: 120px;
	background: #ff3399;
	border-radius: 50%;
	position: relative;
	left: 82%;
	bottom: 200px;
	cursor: pointer;
}
body#home div#random #shopcircle #shoplink {
	text-align: center;
	padding-top: 30px;
}
body#home div#random #shopcircle #shoplink a {
	font-family: "Lab Grotesque";
	text-decoration: none;
	color: #fff;
	font-size: 24px;
}

div#cols { width: 1220px; margin: 0 auto 135px auto; }
	div#cols div {
		width: 386px; margin-right: 30px; float: left;
		text-align: center; }
	div#cols div#col3,
	div#cols div:last-of-type { margin-right: 0 !important; }
#home h1 {
	margin-bottom: 20px;
	font-family: "ScotchModern-Italic"; /*font-style: italic*/; font-weight: 300; font-size: 26px; letter-spacing: 0; line-height: 32px; }
#home h2 {
	margin-bottom: 7px;
	font-family: "Lab Grotesque"; font-size: 16px; letter-spacing: 4px; line-height: 28px; text-transform: uppercase; }

#home h1 a,
#home h2 a { text-decoration: none !important; }

#home #cols p { font-family: "Lab Grotesque"; font-size: 1.125em; letter-spacing: 0.19px; line-height: 144%; }

nav#langHome {
	width: 70px; margin-right: 28px; margin-top: 17px; float: right; }
	nav#langHome ul li { display: inline-block; text-align: center; padding-bottom: 5px; }
	nav#langHome ul li a {
		padding: 0.25em; display: inline-block;
		font-family: "Lab Grotesque"; font-size: 1.125em; font-weight: 300; text-decoration: none; letter-spacing: 0.19px; line-height: 100%; }

html[lang="de"] nav#langHome ul li:first-of-type a { font-weight: 500; }
html[lang="en"] nav#langHome ul li:last-of-type a { font-weight: 500; }

body#home footer { border-top: 1px solid #31302E; }




/* STARTPAGES .startpage */

.startpage .mainVisible h1 {
	margin: 0 23.170731707317% 140px 25.348432055749%;
	font-size: 4.25em; letter-spacing: -0.54px; line-height: 117.65%; }
.startpage.meierei .mainVisible h1,
.startpage.pogusch .mainVisible h1 { margin: 0 19.512195121951% 140px 19.512195121951%; }
.startpage .mainVisible h1.stuck { padding-top: 80px; }
.startpage .mainVisible h2 {
	width: 31.707317073171%; margin: 0 19.512195121951% 0 8.536585365854%; float: left;
	font-family: "ScotchModern-Regular"; font-weight: 400; font-size: 1.875em; line-height: 140%; }
.startpage h3 { text-align: center; }
.mainInfo { width: 31.707317073171%; margin: 9em 0 0 0; float: left; }
	.mainInfo p { font-family: "Lab Grotesque"; font-size: 18px; line-height: 26px; padding-bottom: 1em; text-align: left; }
.startDishImg,
.startDishImg2 { padding: 140px 0 50px 0; }
.startpage .mainVisible h3 {
	padding-bottom: 7px;
	font-size: 1.1875em; letter-spacing: 4.16px; line-height: 147%; text-align: center; text-transform: uppercase; }

.random-start-dish-image { max-height: 500px }

.mainInfo2 { padding-top: 210px; }
.meierei .startDishImg { margin-top: 108px; margin-left: 6.09756097561%;}
.meierei .startDishImg div { width: 27.272727272727%; float: left; margin-right: 5.844155844156%; }
.meierei .startDishImg p { text-align: left; }

.pogusch .startDishImg { margin-top: 88px; margin-left: 6.09756097561%; padding-top: 0; }
.pogusch .startDishImg div { width: 45.454545454545%; float: left; margin-right: 2.597402597403%; }
.pogusch .startDishImg p { text-align: left; }

.pogusch .startDishImgSecond { padding-top: 0 !important; margin-top: 28px !important; }

/* Linien-Versuch */


.startpage header { margin-bottom: 0; background: url(/media/line/bohne.png) repeat-y center bottom; }
.startpage .mainVisible { padding-top: 100px; }
.startpage header #logo { height: 80px; background-color: #fff; }
.startpage header #random { padding-top: 100px; margin-bottom: 0; background: url(/media/line/bohne_top.png) no-repeat center top; position: relative; top: -1px; }
.startpage nav#menu { padding-top: 41px; }
.startpage nav.sticky { padding-top: 0 !important; }

/*
#restaurant.startpage div#main { background: url(/media/line/bohne_top.png) no-repeat center 200px; }
#restaurant.startpage header div#logo { background: url(/media/line/bohne_top.png) no-repeat -350px 72px; }
#restaurant.startpage header { background: url(/media/line/bohne.png) repeat-y center bottom; }
#meierei.startpage div#main { background: url(/media/line/bohne_top.png) no-repeat center 200px; }
#pogusch.startpage div#main { background: url(/media/line/bohne_top.png) no-repeat center 200px; }
*/
.subpage div#main,
.stories div#main { /*background: url(/media/line/bohne.png) no-repeat 313px 240px #fff;*/ }
.subpage header #logo,
.stories header #logo { height: auto !important; margin-top: 160px !important; }
#restaurant.subpage section:first-of-type,
#restaurant.stories section:first-of-type { padding-top: 143px; position: relative; background: url(/media/line/bohne_top.png) no-repeat center top; }
#meierei.subpage section:first-of-type,
#meierei.stories section:first-of-type { padding-top: 143px; position: relative; background: url(/media/line/bohne_top.png) no-repeat center top; }
#pogusch.subpage section:first-of-type,
#pogusch.stories section:first-of-type { padding-top: 143px; position: relative; background: url(/media/line/bohne_top.png) no-repeat center top;  }
/*#restaurant.startpage section:last-of-type,
#restaurant.subpage section:last-of-type,
#restaurant.stories section:last-of-type { background: url(/media/line/bohne_last.png) no-repeat center bottom #fff; }
#meierei.startpage section:last-of-type,
#meierei.subpage section:last-of-type,
#meierei.stories section:last-of-type { background: url(/media/line/bohne_last.png) no-repeat center bottom #fff; }
#pogusch.startpage section:last-of-type,
#pogusch.subpage section:last-of-type,
#pogusch.stories section:last-of-type { background: url(/media/line/bohne_last.png) no-repeat center bottom #fff; }*/

.button1,
.button2,
.button3,
.button4,
.button5,
.button6 { background: url(/media/line/bohne_button.png) no-repeat center bottom; /* background-color: #DEEA8A; */}
/*h1, h2, h3, h4, p, ul, th, td { background-color: #fff; }*/

div.end { position: relative; top: -6px; height: 200px; background: url(/media/line/bohne_end.png) no-repeat center top; }




/* ENTDECKUNGEN section.extras */

section.extras { position: relative; top: -6px; }
	button { cursor: pointer; background-color: transparent; }
	button.readMore {
		padding: 25px; /*background-color: rgba(255,255,255,1) !important;*/
		margin: 110px 0 95px 0; background: url(/media/arrow-down.png) no-repeat center bottom;
		color: #31302E; text-decoration: underline; font-family: "Lab Grotesque"; font-weight: 400; font-size: 1.3em; }

/*section.extras article:first-of-type { padding-top: 165px; }*/




/* LAYOUTS */


	/* PILZE */
	/*.pilze { padding: 98px 0 98px 0; height: 922px; background: url(/media/line/bohne_pilze.png) no-repeat center bottom; }
		.pilze h1 {
			margin: 0 17.073170731707%;
			text-align: center; margin-bottom: 0.5em; }
		.pilze h2 {
			margin: 0 17.073170731707%;
			text-align: center; }
		.pilzeSwiper { margin: 98px auto 0 auto !important; }
			.pilze-wrapper { }
			.pilze-slide { width: 65.679442508711% !important; margin-left: 8.536585365854% !important; border: 0 none !important; }
				.pilzeSliderInfo { float: left; width: 48.010610079576%; padding-left: 3.713527851459%; }
					.pilzeSliderInfo h3 {
						padding-bottom: 0.5em;
						text-align: left; font-family: "Lab Grotesque"; letter-spacing: 0; line-height: 140%; font-size: 1.875em; text-transform: none; font-weight: 500; }
					.pilzeSliderInfo p { text-align: left; }
				.pilzeImg { float: left; width: 48.275862068966%; }
					.pilzeImg img { max-width: 100%; }
				.pilzeSwiper-button-next,
				.pilzeSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 35px) !important; background-size: 100% 100% !important; }
				.pilzeSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 17.073170731707% !important; }
				.pilzeSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 0 !important; }*/
	.pilze { padding: 98px 0 98px 0; height: 922px; background: url(/media/line/bohne_pilze.png) no-repeat center bottom; }
		.pilze h1 {
			margin: 0 17.073170731707%;
			text-align: center; margin-bottom: 0.5em; }
		.pilze h2 {
			margin: 0 17.073170731707%;
			text-align: center; }
		.pilzeSwiper { margin: 98px auto 0 auto !important; }
			.pilze-wrapper { }
			.pilze-slide { width: 82.926829268293% !important; margin-left: 8.536585365854% !important; margin-right: 8.536585365854%; border: 0 none !important; }
				.pilzeSliderInfo { float: left; width: 48.010610079576%; padding-left: 3.713527851459%; }
					.pilzeSliderInfo h3 {
						padding-bottom: 0.5em;
						text-align: left; font-family: "Lab Grotesque"; letter-spacing: 0; line-height: 140%; font-size: 1.875em; text-transform: none; font-weight: 500; }
					.pilzeSliderInfo p { text-align: left; }
				.pilzeImg { float: left; width: 48.275862068966%; }
					.pilzeImg img { max-width: 100%; }
				.pilzeSwiper-button-next,
				.pilzeSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 35px) !important; background-size: 100% 100% !important; }
				.pilzeSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 14px !important; }
				.pilzeSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 14px !important; }

	/* KRÄUTER */
	.kraeuter { padding: 148px 0 98px 0; height: 562px; background: url(/media/line/bohne_kraeuter.png) no-repeat center bottom; /*background-color: rgba(136,199,163,1.00)*/ }

		.kraeuterSwiper {}
			.kraeuter-wrapper {}
			.kraeuter-slide { width: 82.926829268293% !important; margin-left: 8.536585365854%; margin-right: 8.536585365854%; }
				.kraeuterSliderInfo { float: left; width: 58.823529411765%; padding-right: 28px; padding-top: 70px; }
					.kraeuter h1 {
						margin-bottom: 0.5em;
						font-size: 3.875em !important; letter-spacing: 9.884px; font-family: "Lab Grotesque"; font-weight: 300; text-align: center; text-transform: uppercase; }
					.kraeuter h2 { text-align: center; margin-bottom: 25px; }
					.kraeuter p.nextLink {
						padding-right: 0;
						text-align: center !important; font-family: "Lab Grotesque"; font-size: 1.125em; font-weight: 400; line-height: 144%; }
					.nextLink .kraeuterSwiper-button-next {
						position: static !important; background-image: none !important; width: auto !important; height: auto !important; margin-top: 0 !important;
						text-decoration: underline; }
					.kraeuterSliderInfo h3 {
						padding-bottom: 0.5em; padding-right: 25%;
						text-align: left; letter-spacing: 0; font-family: "Lab Grotesque"; font-size: 1.875em; line-height: 140%; text-transform: none; font-weight: 500; }
					.kraeuterSliderInfo p { text-align: left; padding-right: 25%; }
				.kraeuterImg { float: left; width: 38.235294117647%; }
				.kraeuterSwiper-button-next,
				.kraeuterSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 35px) !important; background-size: 100% 100% !important; }
				.kraeuterSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 14px !important; }
				.kraeuterSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 14px !important; }



	/* ZITRUS */
	.zitrus { padding: 147px 0 98px 0; height: 576px; background: url(/media/line/bohne_zitrus.png) no-repeat center bottom; /*background-color: rgba(136,199,163,1.00)*/ }

		.zitrusSwiper {}
			.zitrus-wrapper {}
			.zitrus-slide { width: 82.926829268293% !important; margin-left: 8.536585365854%; margin-right: 8.536585365854%; }
				.zitrusImg { float: left; width: 48.529411764706%; padding-right: 13.235294117647%; }
					.zitrusImg img { max-width: 100%; }
				.zitrusSliderInfo { float: left; width: 38.235294117647%; }
					.zitrus h1 {
						margin-bottom: 1em; margin-top: -45px;
						font-family: "Lab Grotesque"; font-size: 4.3125em; letter-spacing: 0.7px; font-weight: 500; line-height: 110%; text-align: left; }
					.zitrus h1 span { font-size: 27.536231884058%; font-weight: 300; text-transform: uppercase; letter-spacing: 4.16px; line-height: 126%; }
					.zitrus h2 { text-align: left; margin-bottom: 25px; }
					.zitrus p.nextLink {
						padding-right: 0;
						text-align: left !important; font-family: "Lab Grotesque"; font-size: 1.125em; font-weight: 400; line-height: 144%; }
					.nextLink .zitrusSwiper-button-next {
						position: static !important; background-image: none !important; width: auto !important; height: auto !important; margin-top: 0 !important;
						text-decoration: underline; }
					.zitrusSliderInfo h3 {
						padding-bottom: 1em; padding-right: 25%;
						text-align: left; letter-spacing: 0; font-family: "Lab Grotesque"; font-size: 1.875em; font-weight: 500; line-height: 140%; text-transform: none; }
					.zitrusSliderInfo p { text-align: left; padding-right: 25%; }
				.zitrusSwiper-button-next,
				.zitrusSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 125px) !important; background-size: 100% 100% !important; }
				.zitrusSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 14px !important; }
				.zitrusSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 14px !important; }


	/* TEIL */
	.teil { padding: 147px 0 98px 0; height: 830px; background: url(/media/line/bohne_teil.png) no-repeat center bottom; /*background-color: rgba(136,199,163,1.00)*/ }
		.teilIntro { width: 82.926829268293% !important; margin-left: 8.536585365854%; margin-right: 8.536585365854%; }
			.teilIntro h1 {
				float: left; width: 38.235294117647%; margin-right: 2.941176470588%;
				font-family: "ScotchModern-Regular"; text-align: center;
				}
			.teilIntro h2 { float: left; width: 48.529411764706%; }
		.teilSwiper {}
			.teil-wrapper {}
			.teil-slide { width: 82.926829268293% !important; margin-left: 8.536585365854%; margin-right: 8.536585365854%; }
				.teilImg { float: left; width: 38.235294117647%; margin-right: 13.235294117647%; }
					.teilImg img { max-width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
				.teilSliderInfo { float: left; width: 48.529411764706%; }
					/*.teil h1 {
						margin-bottom: 1em;
						font-family: "Lab Grotesque"; font-size: 4.3125em; letter-spacing: 0.7px; font-weight: 500; line-height: 110%; text-align: left; }*/
					.teil h1 span { font-family: "Lab Grotesque"; font-size: 27.536231884058%; font-weight: 300; text-transform: uppercase; letter-spacing: 4.16px; line-height: 126%; }
					.teil .teilSliderInfo h1 { font-family: "Lab Grotesque"; font-size: 1.1875em; font-weight: 400; text-transform: uppercase; letter-spacing: 4.16px; line-height: 126%; margin-bottom: 1em; }
					.teil h2 { text-align: left; margin-bottom: 3em; }
					.teilSliderInfo h3 {
						padding-bottom: 1em; padding-right: 25%;
						text-align: left; letter-spacing: 0; font-family: "Lab Grotesque"; font-size: 1.875em; font-weight: 500; line-height: 140%; text-transform: none; }
					.teilSliderInfo p { text-align: left; padding-right: 25%; }
				.teilSwiper-button-next,
				.teilSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 50px) !important; background-size: 100% 100% !important; }
				.teilSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 14px !important; }
				.teilSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 14px !important; }



	/* INNEN */
	.interior { padding: 146px 0 98px 0 !important; height: 676px; background: url(/media/line/bohne_interior.png) no-repeat center bottom; /* background-color: rgba(222,152,153,1.00)*/ }
		.interior h1 {
			margin: 0 17.073170731707% 0.5em 17.073170731707%;
			text-align: left; font-family: "ScotchMicro-Regular"; font-size: 1.1875em; letter-spacing: 4.16px; line-height: 147%; text-transform: uppercase; }
		.interiorSwiper { margin: 50px auto 0 auto !important; }
			.interior-wrapper { }
			.interior-slide { width: 82.926829268293% !important; margin-left: 8.536585365854%; border: 0 none !important; }
				.interiorSliderInfo { margin: 22px 0 0 98px; }
					.interiorSliderInfo p { text-align: left; width: 364px; }
				.interiorImg { }
				.interiorSwiper-button-next,
				.interiorSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 35px) !important; background-size: 100% 100% !important; }
				.interiorSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 10px !important; }
				.interiorSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 10px !important; }


	/* STORY */
	.storyPreview { width: 83%; margin: 0 auto; padding: 98px 0 98px 0; height: 687px; background: url(/media/line/bohne_story.png) no-repeat center bottom; /*background-color: rgba(150,149,209,1.00)*/ }
		.storyPreview .l50 { width: 38%; padding-right: 13.5%; float: left; }
			.storyPreview .l50 p { text-align: left; }
		.storyPreview .r50 { width: 48.5%; float: left; }
			.storyPreview .r50 p { letter-spacing: 0; }
		.storyIntro { border-top: 1px solid #979797; padding-top: 45px; }
		.storyPreview h1 {
			margin-bottom: 0.25em;
			font-size: 4.3125em; letter-spacing: 10.94px; line-height: 116%; text-transform: uppercase; text-align: center; }
		.storyPreview h2 {
			margin-bottom: 3em;
			font-family: "Lab Grotesque"; font-weight: 300; font-size: 1.625em; text-transform: uppercase; letter-spacing: 5.7px; line-height: 24px; text-align: center;  }
		p.storyIntro { text-align: left; font-family: "ScotchModern-Regular"; font-size: 1.875em; line-height: 140%; }
		.storyPreview p.link { text-align: left; }

	/* RUNDHERUM */

		.storyPreview.rundherum h1 {
			margin-top: -0.15em !important;
			font-size: 4em !important; letter-spacing: -0.54px !important; line-height: 116%; text-transform: none !important; text-align: left !important; }
		.rundherum p.storyIntro { padding-top: 25px !important; }


	/* BRÜNDLWANDERWEG */
	.bruendl { padding: 148px 0 98px 0; height: 562px; background: url(/media/line/bohne_kraeuter.png) no-repeat center bottom; /*background-color: rgba(136,199,163,1.00)*/ }

		.bruendlSwiper {}
			.bruendl-wrapper {}
			.bruendl-slide { width: 82.926829268293% !important; margin-left: 8.536585365854%; margin-right: 8.536585365854%; }
				.bruendlSliderInfo { float: left; width: 58.823529411765%; padding-right: 28px; padding-bottom: 70px; }
					.bruendl h1 {
						margin-bottom: 0.5em;
						font-size: 3.875em !important; letter-spacing: 9.884px; font-family: "Lab Grotesque" !important; font-weight: 300; text-align: center; text-transform: uppercase; }
					.bruendl h2 { text-align: center; margin-bottom: 25px; }
					.bruendl p.nextLink {
						padding-right: 0;
						text-align: center !important; font-family: "Lab Grotesque"; font-size: 1.125em; font-weight: 400; line-height: 144%; }
					.nextLink .bruendlSwiper-button-next {
						position: static !important; background-image: none !important; width: auto !important; height: auto !important; margin-top: 0 !important;
						text-decoration: underline; }
					.bruendlSliderInfo h3 {
						padding-bottom: 0.5em; padding-right: 25%;
						text-align: left; letter-spacing: 0; font-family: "Lab Grotesque"; font-size: 1.875em; line-height: 140%; text-transform: none; font-weight: 500; }
					.bruendlSliderInfo p { text-align: left; padding-right: 25%; }
				.bruendlImg { float: left; width: 38.235294117647%; }
				.bruendlSwiper-button-next,
				.bruendlSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 35px) !important; background-size: 100% 100% !important; }
				.bruendlSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 14px !important; }
				.bruendlSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 14px !important; }

	/* WOSGIBTSNEIX */
	.wos-gibts-neix ul {
		padding-bottom: 0px;
		font-family: "ScotchMicro-Regular";
		font-size: 1.0625em;
		letter-spacing: 0.19px;
		line-height: 159%;
	}
	.wos-gibts-neix .wgn-item {
		padding-top: 25px !important;
	}
	.wos-gibts-neix .wgn-head {
		font-size: 1.875em;
		font-family: "ScotchModern-Regular";
		line-height: 140%;
	}

	/* LIEBLINGSGEGENSTAND */

/* KARRIERE */
.karriere-btn, .karriere-btn:focus {
	border: 1px solid #000;
	border-radius: 5px;
	margin: 3px;
	height: 50px;
	width: 200px;
	/* text-align: right; */
	background-size: auto 45px;
	background-position-y: center;
	background-position-x: left;
	background-repeat: no-repeat;
}

.karriere-btn-container {
	margin: 5px;
}

.karriere-btn span {
	padding-left: 45px;
	padding-right: 10px;
	font-size: 13px;
}

/* NEWS */
#news-popup {
	position: fixed;
	top: 5%;
	z-index: 2000;
	background: #FFF;
	padding: 20px;
	width: 500px;
    left: 50%;
    margin-left: -250px;
	border: 1px solid;
	padding: 10px;
	box-shadow: 5px 10px 18px #888888;
}

.news-popup-close {
    float: right;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: right;
    font-size: larger;
    text-decoration: none;
    cursor: pointer;
}

.news-popup-close:after {
    content: "\00d7";
}



/* S-MAGAZIN */

.stories header { margin-bottom: 0; }
.stories div#logo { clear: both; width: 52.53%; height: 180px; margin: 151px auto 0 auto; padding-left: 47.65%; }
.stories .mainVisible { width: 87.80487804878%; margin: 0 auto; }
	.sLeft { width: 68.055555555556%; float: left; }
		.sLeft div.l28 { margin-left: 28px; }
	.sRight { width: 22.222222222222%; float: left; margin-left: 9.722222222222%; /*background-color: yellow;*/ }
	.stories .mainVisible h1 {
		margin: 0 70px 70px 70px;
		text-align: center; }
	.stories .mainVisible h2 { text-align: center; margin: 0 28px 70px 28px; width: auto; font-size: 1.875em; }
	.stories .mainVisible p { text-align: left; padding-bottom: 1em; }
	p.sImg { margin-bottom: 70px; }
	div.meta { padding-bottom: 0.5em; border-bottom: 1px solid #979797; margin-bottom: 108px; }
	div.meta p { font-family: "Lab Grotesque"; font-size: 1em; text-align: center !important; }
	div.ft p { font-size: 1.1875em; letter-spacing: 0.21px; line-height: 158%; }
	.sMag { margin: 70px 0 0 0; }
		.sMagImg  { width: 193px; float: left; margin-right: 28px; }
			.sMagImg img { -webkit-box-shadow: 0px 4px 12px 0px rgba(143,143,143,0.5); -moz-box-shadow: 0px 4px 12px 0px rgba(143,143,143,0.5); box-shadow: 0px 4px 12px 0px rgba(143,143,143,0.5); }
			.sMagInfo { float: left; padding-top: 3em; }
			.sMagInfo p { font-size: 1.125em; font-family: "Lab Grotesque"; }
			.sMagInfo p.link { margin-top: 1em; }

.storySwiper { height: 1000px; padding: 70px 0 !important; margin-top: -70px !important; }
	.story-wrapper { }
		.story-slide { height: 195px; }
		.story-slide img { display: inline-block; margin-bottom: 1em; }
		.storySwiper-button-next,
		.storySwiper-button-prev { width: 100% !important; left: 0 !important; height: 70px !important; background-size: 100% 100% !important; }
		.storySwiper-button-next { background: url(/media/arrow-up.png) center center no-repeat #fff !important; top: 0px !important; }
		.storySwiper-button-prev { background: url(/media/arrow-down.png) center center no-repeat #fff !important; top: auto !important; bottom: -20px !important; }
		.storySliderInfo {}
		.storySliderInfo p { font-family: "Lab Grotesque" !important; font-size: 1em !important; line-height: 131.25%; letter-spacing: 0.4px; text-align: center !important; padding-bottom: 0 !important; }
		.storySliderInfo a { text-decoration: none; }





/* subpages .subpage */

.subpage header { margin-bottom: 0; }
.subpage div#logo { clear: both; width: 52.53%; height: 180px; margin: 151px auto 0 auto; padding-left: 47.65%; }
.subpage .mainVisible { width: 82.926829268293%; margin: 0 auto; }
	.subpage .mainVisible div.left { margin: 0 0 134px 0; width: 50%; float: left; }
	.subpage .mainVisible div.right { margin: 1em 0 134px 11.764705882353%; width: 38.235294117647%; float: left; }
		div.right h2 {
			padding: 0; width: auto; float: none;
			font-family: "ScotchModern-Regular"; font-size: 1.875em; line-height: 140%; }
	.subpage .mainVisible p { text-align: left; padding-bottom: 1em; }
		.subpage .mainVisible p strong { font-weight: 500; }
	.subpage .mainVisible p.noGap { padding-bottom: 0; }
	.subpage .mainVisible h1 { }
	.subpage .mainVisible p { font-family: "Lab Grotesque"; font-weight: 400; font-size: 1.125em; }

	/* Gutscheine */

	.subpage.gutscheine .mainVisible div.left { width: 38.235294117647%; margin-right: 2.941176470588%; }
	.subpage.gutscheine .mainVisible div.right { width: 58.823529411765%; margin: 1em 0 134px 0; }
	.subpage.gutscheine .mainVisible div.right h2 { margin-left: 198px; margin-bottom: 120px; }
		.subpage.gutscheine .mainVisible div.right ul { margin-bottom: 129px; margin-right: 98px; margin-left: 98px; }
		ul.gutscheine { font-size: 1.125em !important; }
		ul.gutscheine li {
			padding-right: 0; padding-bottom: 10px;
			list-style-type: none !important; line-height: 144% !important; }
		ul.gutscheine + div { margin-left: 198px; }
		div.formular { margin-top: 190px; float: right; }
		.gutscheine form { padding: 16px; width: 281px; border: 1px solid #31302E; }
		div.formular p,
		.subpage.gutscheine input[type="email"],
		.subpage.gutscheine input[type="text"] { font-size: 1em !important; letter-spacing: 0.4px !important; }
		.subpage.gutscheine input[type="text"],.subpage.gutscheine input[type="email"] { display: inline-block !important; width: 254px; margin-top: 0 !important; margin-bottom: 0 !important; }
		.subpage.gutscheine input.zip { width: 55px; }
		.subpage.gutscheine input.city { width: 165px; }
		.subpage.gutscheine input[type="text"].small, .subpage.gutscheine input[type="email"].small { width: 27px; margin-right: 15px !important; }
		.subpage.gutscheine input[type="text"].read, .subpage.gutscheine input[type="email"].read { width: 115px; margin: 0 0 0 15px !important; }
		span.asterisk { padding-left: 5px; }
		textarea {
			width: 254px; padding: 3px 6px; border: 1px solid #31302E;
			font-size: 1em !important; letter-spacing: 0.4px !important; color: #9B9B9B; }
		div.formular p:last-of-type { margin-top: 21px; }
		.subpage.gutscheine input[type="radio"],
		label { display: inline-block; }
		.subpage.gutscheine input[type="radio"] { vertical-align: top; margin-top: 5px; margin-right: 5px; }
		input[type="submit"] { background-color: #fff !important; }
		.gutscheine input[type="submit"] { text-decoration: underline; }

	.subpage.kontakt .w3 { width: 80.769230769231%; }
	.subpage.kontakt div.left .col1 { padding-left: 20.588235294118%; padding-top: 134px; }
	.subpage.speisekarte div.left .col1,
	.subpage.reservierung div.left .col1 { padding-top: 134px; }
		.subpage.reservierung div.left .col1 p { padding-right: 20%; }
	.subpage.kontakt div.right .col1 { padding-left: 26.923076923077%; padding-top: 64px; }

	.dsgvo { width: 79.411764705882%; margin-top: 120px; margin-left: 20.58823529412%; }
	.impressum  .mainVisible div.right { padding-top: 200px; }


.col0 { padding-left: 0; padding-top: 134px; }
/*.col1 { padding-left: 98px; padding-top: 134px; }*/
.col2 { padding-left: 196px; padding-top: 134px; }
.col3 { padding-left: 294px; padding-top: 134px; }
.col4 { padding-left: 392px; padding-top: 134px; }
.gutscheine .col4 { padding-top: 0; }
.w15 { width: 168px; }
/*.w3 { width: 294px; }*/
/*.w35 { width: 364px; }*/
.w4 { width: 392px; }
.w5 { width: 490px; }
.w6 { width: 588px; }
.tl,
.col4 p { text-align: left; }
.col4 ul li { }

.reservierung .right div { margin-left: 0px !important; }


/* ZIMMER */

a.a_room { display: block; position: relative; top: -120px; }

#free { margin-top: 7.35em; }
#free h2 { margin-bottom: 0.5em; }

.gap { padding-bottom: 4em; }

.zimmer .col1 { padding-top: 234px; }
.zimmer .mainVisible div.left { margin-bottom: 98px; }


.roomOverview { margin: 0 70px 190px 70px; }
	.roomOverview a { display: inline-block; margin-right: 24px; }
	.roomOverview a:last-of-type { margin-right: 0; }
	.roomOverview a img { max-width: 234px; }
	.room {/* padding-top: 150px;*/ }
		.roomLeft { width: 57.317073170732%; margin-right: 2.439024390244%; float: left; padding-bottom: 150px; }
			#jagdhuette .roomLeft,
			#rehlein .roomLeft,
			.zimmerNeu .roomLeft { width: 48.780487804878%; margin-left: 8.536585365854%; }
		.roomRight { width: 31.707317073171%; float: left; }
			.roomRight h1 {
				margin-bottom: 1em;
				font-family: "Lab Grotesque"; font-size: 1.1875em; font-weight: 300; text-transform: uppercase; letter-spacing: 4.16px; line-height: 126%; }
			.roomRight h2 { font-family: "ScotchModern-Regular"; }
	.rooms p {
		padding-bottom: 0.25em;
		font-family: "Lab Grotesque"; font-size: 1.125em; line-height: 144%; }
	.roomInfo { margin: 15px 0 0 0; }
		.roomInfo p { text-align: left; width: 364px; }

.roomOverview .oRoom { width: 234px; min-height: 1em; float: left; margin-right: 23.5px; }
.roomOverview .oRoom:last-of-type { margin-right: 0; }
.roomOverview .oRoom p { text-align: left; }

	.schaf { }
		.schafSwiper { margin: 0 auto 0 auto !important; }
			.schaf-wrapper { }
			.schaf-slide { margin-left: 14.893617021277%; border: 0 none !important; }
				.schafImg { }
					.schafImg img { max-width: 100%; }
				.schafSliderInfo { margin: 15px 0 0 0; }
					.schafSliderInfo p { text-align: left; width: 364px; }
				.schafSwiper-button-next,
				.schafSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 55px) !important; background-size: 100% 100% !important; }
				.schafSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 10px !important; }
				.schafSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 10px !important; }
	.vogelhaus { }
		.vogelhausSwiper { margin: 0 auto 0 auto !important; }
			.vogelhaus-wrapper { }
			.vogelhaus-slide { margin-left: 14.893617021277%; border: 0 none !important; }
				.vogelhausImg { }
					.vogelhausImg a img { max-width: 100%; }
				.vogelhausSliderInfo { margin: 15px 0 0 0; }
					.vogelhausSliderInfo p { text-align: left; width: 364px; }
				.vogelhausSwiper-button-next,
				.vogelhausSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 55px) !important; background-size: 100% 100% !important; }
				.vogelhausSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 10px !important; }
				.vogelhausSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 10px !important; }
	.baumhaus { }
		.baumhausSwiper { margin: 0 auto 0 auto !important; }
			.baumhaus-wrapper { }
			.baumhaus-slide { margin-left: 14.893617021277%; border: 0 none !important; }
				.baumhausImg { }
					.baumhausImg a img { max-width: 100%; }
				.baumhausSliderInfo { margin: 15px 0 0 0; }
					.baumhausSliderInfo p { text-align: left; width: 364px; }
				.baumhausSwiper-button-next,
				.baumhausSwiper-button-prev { width: 70px !important; height: 70px !important; top: calc(50% - 55px) !important; background-size: 100% 100% !important; }
				.baumhausSwiper-button-next { background: url(/media/arrow-right.png) center center no-repeat !important; right: 10px !important; }
				.baumhausSwiper-button-prev { background: url(/media/arrow-left.png) center center no-repeat !important; left: 10px !important; }



/* GERICHTE */

.gerichte .mainVisible { width: 100%; }
.gerichte .mainVisible div.intro { width: 82.926829268293%; margin: 0 auto; }

div.dishes { width: 93.292682926829%; margin: 0 auto 0 6.09756097561%; }
div.dish { position: relative; width: 27.450980392157%; height: 555px; margin: 0 5.882352941176% 63px 0; float: left;/* background-color: rgba(0,0,0,0.05);*/ }
div.dishHover { position: absolute; top: 0; left: 0; width: 294px; height: 400px; background-color: rgba(255,255,255,0.75); }
div#cluetip { z-index: 100000 !important; }
#dish a { cursor: none !important; }
.subpage .mainVisible p.dishName { font-family: "ScotchMicro-Regular"; font-size: 1.0625em; line-height: 160%; letter-spacing: 0.19px; margin-top: 0.75em; }
input { font-size: 1.125em; font-family: "Lab Grotesque"; color: #31302E; }
p.input input { font-size: 1em; }
input[type="text"], input[type="email"] { display: block; margin: 1em 0; padding: 3px 6px; border: 1px solid #31302E; color: #9B9B9B; }
button[type="submit"] { font-family: "Lab Grotesque"; font-size: 1em; line-height: 144%; cursor: pointer; text-decoration: underline; }
p.dishImage { padding-bottom: 0 !important; }
p.dishImage img { width: 100%; }
p.dishImage a { cursor: pointer !important; }
p.dishLink { font-size: 1em !important; padding-bottom: 0 !important; }
button.showRecipe { font-family: "Lab Grotesque"; font-size: 1.125em; letter-spacing: 0.19px; line-height: 144%; background-color: #fff; text-decoration: underline; }

div.hiddenDish { position: absolute; z-index: 100000; top: 0; left: 0; padding: 240px 15px 15px 15px; border: 1px solid #000; width: 264px; height: 205px; background: url(/media/tischkaertchen.png) no-repeat center 30px #fff; -webkit-box-shadow: 0px 10px 34px 0px rgba(187,187,187,0.5);
-moz-box-shadow: 0px 10px 34px 0px rgba(187,187,187,0.5);
box-shadow: 0px 10px 34px 0px rgba(187,187,187,0.5);}
div.hiddenDish input[type="text"] { display: inline-block; margin: 1em 1em 0 0; padding: 3px 6px; width: 121px; border: 1px solid #31302E; color: #9B9B9B; }
div.hiddenDish button[type="submit"] { font-size: 1.125em !important; cursor: pointer; text-decoration: underline; }
button.hideRecipe { display: inline-block; position: absolute; top: 15px; left: 15px; z-index: 100; }

.gerichte .intro .right { position: relative; }
p.gerichte-send-error { position: absolute; background-color: #fff; padding-right: 84px; width: 280px; right: 0; top: 0px; }
.gerichte .centerForm { width: 30.5%; margin: 4em auto 0 auto; position: relative; }
.gerichte .centerForm p.gerichte-send-error { width: 100%; padding-right: 0; padding-bottom: 1.5em; }


/* REZEPTE */

.rezepte .mainVisible div.right { margin-bottom: 120px; margin-top: 46px; margin-left: 0; }
.subpage .mainVisible .preview div.left { width: 38.235294117647%; margin-right: 2.941176470588%; margin-top: 120px; }
	p.description { }
	.rezepte .mainVisible div.right p.pic img { width: 100%; }

div.hr { border-bottom: 1px solid #979797; margin-bottom: 64px; }

div.detail { margin-left: 10.294117647059%; margin-right: 10.294117647059%; column-width: 364px; column-count: 2; column-gap: 28px; }
	div.zutaten { margin: 0 0 80px 0; -webkit-column-break-inside: avoid; break-inside: avoid; }

.zutaten h2,
.step h2 { font-family: "Lab Grotesque"; font-size: 1.1875em; letter-spacing: 4.16px; line-height: 126%; margin-bottom: 28px; padding-right: 30%; text-transform: uppercase; }
h2 span.nr { display: inline-block; font-size: 2.0625em; font-weight: 500; letter-spacing: 6px; line-height: 136%; }
.step { margin-bottom: 56px !important; }
.step h2 { margin-bottom: 36px; }

p.video { line-height: 200%; }

div.steps { margin-left: 10.294117647059%; }

table.steps { font-family: "Lab Grotesque"; font-size: 1.125em; letter-spacing: 0.19px; line-height: 144%; }
.steps tr td:first-of-type { width: 364px; padding-right: 28px; }
.steps tr td:last-of-type { width: 463px; }

th { font-weight: 500; text-align: left; }
td { vertical-align: top; padding-bottom: 28px; }

.step a.anchor { display: inline-block; position: relative; top: -100px }

section ul.dots { list-style: disc outside; }
section ul.dots li { margin-left: 1em; }
.zutaten ul.dots { font-size: 1.125em; }

p.stepImages {
	display: inline-block; padding-right: 1em;
	text-align: left; font-size: 0.88889em !important; }

.subpage .mainVisible p.recipe-hint {
	font-size: smaller;
	font-style: italic;
	margin-top: 10px;
}



/***************** check for responsive */



.subpage.speisekarte div.left .col1 { padding-left: 98px; }






/* responsive */

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1280px) {
	div#random { width: 1010px; }
	nav.sticky { width: 1148px; }

/* Linie Startseiten */
html[lang="en"] body#pogusch.startpage header { background: url(/media/line/bohne.png) repeat-y 223px bottom !important; }
html[lang="en"] body#pogusch.startpage .mainVisible { background: url(/media/line/bohne_poguschEN.png) no-repeat 226px bottom !important; }
html[lang="en"] body#meierei.startpage header { background: url(/media/line/bohne.png) repeat-y 223px bottom !important; }
html[lang="en"] body#meierei.startpage .mainVisible { background: url(/media/line/bohne_meiereiEN.png) no-repeat 226px bottom !important; }
html[lang="en"] body#restaurant.startpage header { background: url(/media/line/bohne.png) repeat-y 223px bottom !important; }
html[lang="en"] body#restaurant.startpage .mainVisible { background: url(/media/line/bohne_restaurantEN.png) no-repeat 223px bottom !important; }
html[lang="de"] body#pogusch.startpage header { background: url(/media/line/bohne.png) repeat-y 222px bottom !important; }
html[lang="de"] body#pogusch.startpage .mainVisible { background: url(/media/line/bohne_poguschDE.png) no-repeat 226px bottom !important; }
html[lang="de"] body#meierei.startpage header { background: url(/media/line/bohne.png) repeat-y 223px bottom !important; }
html[lang="de"] body#meierei.startpage .mainVisible { background: url(/media/line/bohne_meiereiDE.png) no-repeat 223px bottom !important; }
html[lang="de"] body#restaurant.startpage header { background: url(/media/line/bohne.png) repeat-y 223px bottom !important; }
html[lang="de"] body#restaurant.startpage .mainVisible { background: url(/media/line/bohne_restaurantDE.png) no-repeat 223px bottom !important; }


}

/* Desktops and laptops smaller ----------- */
@media only screen
and (min-width : 1024px)
and (max-width : 1280px) {

	.startpage header #random { /*border-right: 5px solid fuchsia;*/ }

	/* .startpage header #random { padding-top: 100px; margin-bottom: 0; background: url(/media/line/bohne_top.png) no-repeat 128.5px top; position: relative; top: -1px; }
*/

	body { font-size: 90%; }
	body#restaurant,
	body#meierei,
	body#pogusch { background-size: 1152px 4px; }

	body#home header { height: 120px; background: url(/media/line/1024/bohne_top.png) no-repeat center 55px; }
	body#home div#random { margin-left: auto !important; margin-right: auto !important; background: url(/media/line/1024/bohne_top.png) no-repeat center 300px; }

	body#home div#random #shopcircle {
		left: 82%;
		bottom: 180px;
	}

	div#fhm, div#fhr, div#fhp, div#fhm a, div#fhr a, div#fhp a { width: 50px; }

		#fhm .rotate { top: 125px; left: -17px; }
		#meierei #fhr .rotate { top: 149px; left: -40px; }
		#pogusch #fhr .rotate { top: 146px; left: -33px; }
		#fhp .rotate { top: 134px; left: -25px; }

		#fhm { background-size: 50px auto; background-position: left 200px; }
		#pogusch #fhr { background-size: 50px auto; background-position: 0 200px; }
		#meierei #fhr { background-size: 50px auto; background-position: right 200px; }
		#fhp { background-size: 50px auto; background-position: right 210px; }


	div#container { width: 1024px; /*background-color: orange;*/ }
	div#main { width: 924px; }
		div#random { /*width: 812px !important;*/ margin-left: auto !important; margin-right: auto !important; }
			div#random img { max-width: 812px; height: auto; }
		nav.sticky { width: 916px; margin-left: 4px; margin-right: 4px; }

	section.extras { top: 0; }



	/* Linien */

	.mainVisible,
	article.rooms { background: url(/media/line/1024/bohne.png) repeat-y center top;}

	button.readMore { margin: 84px 0 71px 0; }
	.button1,
	.button2,
	.button3,
	.button4,
	.button5,
	.button6 { background: url(/media/line/1024/bohne_button.png) no-repeat center bottom; /* background-color: #DEEA8A; */}

	.storyPreview { padding: 78px 0 78px 0; height: 554px; background: url(/media/line/1024/bohne_story.png) no-repeat center bottom; }
	.zitrus { padding: 118px 0 79px 0; height: 465px; background: url(/media/line/1024/bohne_zitrus.png) no-repeat center bottom; /*background-color: rgba(136,199,163,1.00)*/ }
	.teil { padding: 118px 0 79px 0; height: 668px; background: url(/media/line/1024/bohne_teil.png) no-repeat center bottom; /*background-color: rgba(136,199,163,1.00)*/ }
	.kraeuter,
	.bruendl { padding: 119px 0 79px 0; height: 452px; background: url(/media/line/1024/bohne_kraeuter.png) no-repeat center bottom; /*background-color: rgba(136,199,163,1.00)*/ }
	.pilze { padding: 79px 0 79px 0; height: 741px; background: url(/media/line/1024/bohne_pilze.png) no-repeat center bottom; /* background-color: rgba(222,152,153,1.00)*/ }
	.interior { padding: 118px 0 79px 0 !important; height: 543px; background: url(/media/line/1024/bohne_interior.png) no-repeat center bottom; /* background-color: rgba(222,152,153,1.00)*/ }


	div.end { position: relative; top: -6px; height: 200px; background: url(/media/line/1024/bohne_end.png) no-repeat center top; }

	.startpage header { margin-bottom: 0; background: url(/media/line/1024/bohne.png) repeat-y center bottom; }
	.startpage header div#random { width: 812px; margin-left: auto !important; margin-right: auto !important; padding-top: 100px; margin-bottom: 0; background: url(/media/line/1024/bohne_top.png) no-repeat center top; position: relative; top: -1px; }

	#meierei.subpage section:first-of-type, #meierei.stories section:first-of-type,
	#restaurant.subpage section:first-of-type, #restaurant.stories section:first-of-type,
	#pogusch.subpage section:first-of-type, #pogusch.stories section:first-of-type { padding-top: 116px; background: url(/media/line/1024/bohne_top.png) no-repeat center top}

	.subpage div#logo,
	.stories div#logo { height: 80px !important; }



	nav#menu ul li:first-child { width: 6.09756097561%; }
	nav#menu ul li:nth-child(2),
	nav#menu ul li:nth-child(3),
	nav#menu ul li:nth-child(4),
	nav#menu ul li:nth-child(5),
	nav#menu ul li:nth-child(6) { padding: 0 1.525em; }

		.storyPreview .l50 { padding-right: 10%; }
			.storyPreview .l50 img { width: 291px; }
		.storyPreview .r50 { width: 51.5%; }
	footer { width: 756px; }

	.subpage.gutscheine .mainVisible div.right ul { margin-left: 10.294117647059%; }
	.kontakt iframe { width: 282px !important; }

	div.dishes { width: 82.926829268293%; margin: 0 auto 0 10.457792207792%; }
	div.dish { height: 425px; }
	div.hiddenDish { width: 210px; height: 220px; }

	.gerichte .centerForm { width: 29%; margin: 4em auto 0 auto; position: relative; }
	.gerichte .centerForm p.gerichte-send-error { width: 100%; padding-right: 0; padding-bottom: 0em; }


	div.detail { margin-left: 0; column-width: 329px; }
	.rezepte p.pic img { width: 100%; }

	p.sImg img { width: 100%; }

	section.extras { font-size: 90%; }

	.kraeuter-slide { width: 81.926829268293% !important; margin-left: 9.03658536585351%; margin-right: 9.03658536585351%; }
	.kraeuterSliderInfo { width: 58%; padding-top: 35px; }
	.kraeuterImg { width: 32%; }
	.kraeuterImg img { max-width: 282px; }

	.bruendl-slide { width: 81.926829268293% !important; margin-left: 9.03658536585351%; margin-right: 9.03658536585351%; }
	.bruendlSliderInfo { width: 58%; padding-top: 35px; }
	.bruendlImg { width: 32%; }
	.bruendlImg img { max-width: 282px; }


	.zitrus h1 { margin-top: -36px; }
	.zitrusImg { padding-right: 10%; }

	.interiorImg img { max-width: 766px; }

	#meierei .startDishImg img { max-width: 228px; }

	nav#menu ul li a { font-size: 1em; }

	#pogusch nav#menu ul li a { padding: 0.35em; }
	.pogusch nav#menu ul li:nth-child(2),
	.pogusch nav#menu ul li:nth-child(3),
	.pogusch nav#menu ul li:nth-child(4),
	.pogusch nav#menu ul li:nth-child(5),
	.pogusch nav#menu ul li:nth-child(6) { padding: 0 0.4em; }
	.pogusch .startDishImg img { max-width: 380px; }

	.roomOverview a img { max-width: 170px; }
	.roomOverview .oRoom { width: 170px; }
	.rooms p { text-align: left; }
	#jagdhuette .roomLeft a img,
	#rehlein .roomLeft a img { max-width: 82%; }
	.vogelhausImg a img,
	.baumhausImg a img,
	.schafImg img { max-width: 70%; }

	#free { margin-top: 6.45em; }

	/*body#home header { width: 502px; padding-left: 458px; }*/
	nav#langHome { margin-right: 0; margin-top: 20px; }
	/*body#home div#random,*/
	div#cols,
	body#home footer { width: 960px; }
	body#home div#random img { max-width: 976px; }
	div#cols div { width: 300px; }

	p.gerichte-send-error { padding-right: 4px; top: 5px; }

	.impressum  .mainVisible div.right { padding-top: 190px; }

	div.formular { float: left; }


/* Linie Startseiten */
html[lang="en"] body#pogusch.startpage header { background: url(/media/line/1024/bohne.png) repeat-y 180px bottom !important; }
html[lang="en"] body#pogusch.startpage .mainVisible { background: url(/media/line/1024/bohne_poguschEN.png) no-repeat 182px top !important; background-size: 563px 2164px !important; }
html[lang="en"] body#meierei.startpage header { background: url(/media/line/1024/bohne.png) repeat-y 180px bottom !important; }
html[lang="en"] body#meierei.startpage .mainVisible { background: url(/media/line/1024/bohne_meiereiEN.png) no-repeat 182px top !important; background-size: 563px 1992px !important; }
html[lang="en"] body#restaurant.startpage header { background: url(/media/line/1024/bohne.png) repeat-y 180px bottom !important; }
html[lang="en"] body#restaurant.startpage .mainVisible { background: url(/media/line/1024/bohne_restaurantEN.png) no-repeat 180px top !important; background-size: 563px 1745px !important; }
html[lang="de"] body#pogusch.startpage header { background: url(/media/line/1024/bohne.png) repeat-y 180px bottom !important; }
html[lang="de"] body#pogusch.startpage .mainVisible { background: url(/media/line/1024/bohne_poguschDE.png) no-repeat 182px top !important; background-size: 563px 2122px !important; }
html[lang="de"] body#meierei.startpage header { background: url(/media/line/1024/bohne.png) repeat-y 180px bottom !important; }
html[lang="de"] body#meierei.startpage .mainVisible { background: url(/media/line/1024/bohne_meiereiDE.png) no-repeat 180px top !important; background-size: 563px 1992px !important; }
html[lang="de"] body#restaurant.startpage header { background: url(/media/line/1024/bohne.png) repeat-y 180px bottom !important; }
html[lang="de"] body#restaurant.startpage .mainVisible { background: url(/media/line/1024/bohne_restaurantDE.png) no-repeat 180px top !important; background-size: 563px 1729px !important; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {

	body#home header { height: 120px; background: url(/media/line/768/bohne_top.png) no-repeat center 55px; }
	body#home div#random { background: url(/media/line/768/bohne_top.png) no-repeat center 210px; }

	body#home div#random #shopcircle {
		left: 77%;
		bottom: 150px;
	}

	body { font-size: 75%; }
	body#restaurant,
	body#meierei,
	body#pogusch { background-size: 864px 4px; }

	nav#menu ul li:first-child { margin-left: 17px; }

	div#fhm, div#fhr, div#fhp, div#fhm a, div#fhr a, div#fhp a { width: 40px; background-size: 40px auto; }

	#fhm .rotate { top: 125px; left: -17px; }
	#meierei #fhr .rotate { top: 147px; left: -34px; }
	#pogusch #fhr .rotate { top: 146px; left: -36px; }
	#fhp .rotate { top: 134px; left: -24px; }

	div#container { width: 768px; }
	div#main { width: 688px; }
	div#main section {}


	.startpage header #logo { height: 59px; }

	/* Linien */

	.mainVisible,
	article.rooms { background: url(/media/line/768/bohne.png) repeat-y center top;}

	button.readMore { margin: 56px 0 43px 0; }
	.button1,
	.button2,
	.button3,
	.button4,
	.button5,
	.button6 { background: url(/media/line/768/bohne_button.png) no-repeat center bottom; /* background-color: #DEEA8A; */}

	.interior { padding: 100px 0 50px 0 !important; height: 400px; background: url(/media/line/768/bohne_interior.png) no-repeat center bottom; /* background-color: rgba(222,152,153,1.00)*/ }
	.pilze { padding: 54px 0 79px 0; height: 621px; background: url(/media/line/768/bohne_pilze.png) no-repeat center bottom;
		background-size: 420px 754px; /* background-color: rgba(222,152,153,1.00)*/ }
		.pilzeSwiper { margin-top: 56px !important; }
		.pilze h1 { font-size: 3.75em; }
	/*.pilze-slide { margin-left: 8.536585365854% !important; margin-right: 8.536585365854% !important; width: 82.926829268292%; }*/
	.kraeuter,
	.bruendl { padding: 119px 0 29px 0; height: 452px; background: url(/media/line/768/bohne_kraeuter.png) no-repeat center bottom;
		background-size: 420px 600px; /*background-color: rgba(136,199,163,1.00)*/ }
	.kraeuter h1,
	.bruendl h1 { font-size: 3.25em !important; }

	.storyPreview { padding: 78px 0 78px 0; height: 554px; background: url(/media/line/768/bohne_story.png) no-repeat center bottom;
		background-size: 420px 710px; }
	.zitrus { padding: 118px 0 79px 0; height: 465px; background: url(/media/line/768/bohne_zitrus.png) no-repeat center bottom;
		background-size: 420px 662px; /*background-color: rgba(136,199,163,1.00)*/ }
	/*.zitrusImg { width: 35%; padding-right: 5% !important; }*/
	.zitrusImg img { width: 100%; }
	.zitrus h1 { font-size: 3.5em; margin-top: 0; }
	.zitrusImg {width: 48.529411764706%; padding-right: 7.235294117647%; }
	.zitrusSliderInfo { width: 43.235294117647%; }
	.teil { padding: 118px 0 79px 0; height: 668px; background: url(/media/line/768/bohne_teil.png) no-repeat center bottom;
		background-size: 420px 865px; /*background-color: rgba(136,199,163,1.00)*/ }


	.pilzeSwiper-button-prev, .kraeuterSwiper-button-prev, .interiorSwiper-button-prev, .zitrusSwiper-button-prev, .teilSwiper-button-prev { left: -8px !important; }
	.pilzeSwiper-button-next, .kraeuterSwiper-button-next, .interiorSwiper-button-next, .zitrusSwiper-button-next, .teilSwiper-button-next { right: -8px !important; }


	div.end { position: relative; height: 200px; background: url(/media/line/768/bohne_end.png) no-repeat center top; }

	.startpage header { margin-bottom: 0; background: url(/media/line/768/bohne.png) repeat-y center bottom; }
	.startpage header #random { padding-top: 70px; margin-bottom: 0; background: url(/media/line/768/bohne_top.png) no-repeat center top; position: relative; top: -1px; }

	#meierei.subpage section:first-of-type, #meierei.stories section:first-of-type,
	#restaurant.subpage section:first-of-type, #restaurant.stories section:first-of-type,
	#pogusch.subpage section:first-of-type, #pogusch.stories section:first-of-type { padding-top: 86px; background: url(/media/line/768/bohne_top.png) no-repeat center top}

	.subpage div#logo,
	.stories div#logo { height: 59px !important; }

	section.extras { top: 0; }

	/*.swiper-slide h1,
	.swiper-slide h2,
	.swiper-slide h3 { font-size: 80%; }*/


	/*
	#meierei.startpage div#main,
	#restaurant.startpage div#main,
	#pogusch.startpage div#main { background-position: 6px 180px; }

	#meierei.subpage section:first-of-type, #meierei.stories section:first-of-type,
	#restaurant.subpage section:first-of-type, #restaurant.stories section:first-of-type,
	#pogusch.subpage section:first-of-type, #pogusch.stories section:first-of-type { background-position: 6px 0; }
	div.end { background-size: 95%; } */

	div#logo img { max-width: 220px; }
	div#random { text-align: center; width: 688px !important; margin-left: auto !important; margin-right: auto !important; }
	div#random img { max-width: 636px; }
	footer { width: 636px; }

	.subpage .mainVisible,
	.stories .mainVisible,
	div.roomOverview { margin-left: 26px; margin-right: 26px; width: auto; }
	.roomOverview img { width: 141px; }
	.roomOverview .oRoom { width: 141px; }
	.rooms p { text-align: left; }

	.sImg img { width: 100%; }

	.subpage.reservierung .mainVisible div.right iframe { max-width: 100% !important; position: relative; left: -50px; }
	.subpage.gutscheine .mainVisible div.right h2 { margin-left: 125px; }
	.subpage.gutscheine .mainVisible div.right ul { margin-left: 125px; margin-right: 0; margin-bottom: 179px; }
	.subpage.gutscheine .mainVisible div.left .formular { margin-top: 170px; }
	ul.gutscheine + div { margin-left: 125px; }
	.subpage.kontakt .mainVisible div.right iframe { max-width: 100% !important; position: relative; left: -50px; }
	.subpage.kontakt div.right .col1 { padding-left: 0; }

	#restaurant .startDishImg img { max-width: 70%; }
	.meierei .startDishImg img { width: 100%; }

	.gerichte .mainVisible div.intro,
	div.dishes { width: 100%; margin: 0 auto 0 6%; }
	div.dish { margin: 0 20px 63px 0; height: 355px; }
	div.hiddenDish { width: 144px; height: 220px; }
	/*div.dish { height: 425px; }
	*/

	p.gerichte-send-error { width: 230px; right: auto; top: 5px; padding-right: 0 !important; }
	.gerichte .centerForm { width: 38%; margin: 4em auto 0 auto; position: relative; }
	.gerichte .centerForm p.gerichte-send-error { width: 100%; padding-right: 2em !important; padding-bottom: 1.5em; }

	.rezepte .mainVisible div.right { width: 47%; }
	.rezepte p.pic img { width: 100%; }

	body#home header { width: 360px; padding-left: 329px; }
	nav#langHome { margin-right: -15px; margin-top: 22px; }
	body#home div#random,
	div#cols,
	body#home footer { width: 690px; }
	body#home div#random img { max-width: 690px; }
	div#cols div { width: 210px; }

	nav.sticky { width: 680px; margin-left: 4px; margin-right: 4px; }
	nav#menu ul li:first-child { width: 6.09756097561%; }
	nav#menu ul li:nth-child(2),
	nav#menu ul li:nth-child(3),
	nav#menu ul li:nth-child(4),
	nav#menu ul li:nth-child(5),
	nav#menu ul li:nth-child(6) { padding: 0 0.25em; }

	#pogusch nav#menu ul li:first-child { width: 6.09756097561%; }
	#pogusch nav#menu ul li:nth-child(2),
	#pogusch nav#menu ul li:nth-child(3),
	#pogusch nav#menu ul li:nth-child(4),
	#pogusch nav#menu ul li:nth-child(5),
	#pogusch nav#menu ul li:nth-child(6) { padding: 0; }
	#pogusch nav#menu ul li a { padding: 0.5em; }

	.pogusch .startDishImg div img { width: 100%; }

	li.social img { max-width: 80%; }
	nav#menu ul li.social a { padding: 0.5em 0.35em}

	.roomOverview a img { max-width: 170px; }
	#jagdhuette .roomLeft a img,
	#rehlein .roomLeft a img { max-width: 82%; }
	.vogelhausImg a img,
	.baumhausImg a img,
	.schafImg img { max-width: 70%; }


	.kraeuterImg img,
	.bruendlImg img { max-width: 218px; }
	.interiorImg img { max-width: 570px; }
	.kraeuterSliderInfo,
	.bruendlSliderInfo { padding-right: 14px; padding-top: 0; }
	.storyPreview img { max-width: 216px; }

	.impressum  .mainVisible div.right { padding-top: 180px; }

	div.formular { float: left; }

/* Linie Startseiten */
html[lang="en"] body#pogusch.startpage header { background: url(/media/line/768/bohne.png) repeat-y 135px bottom !important; }
html[lang="en"] body#pogusch.startpage .mainVisible { background: url(/media/line/768/bohne_poguschEN.png) repeat-y 137px top !important; }
html[lang="en"] body#meierei.startpage header { background: url(/media/line/768/bohne.png) repeat-y 135px bottom !important; }
html[lang="en"] body#meierei.startpage .mainVisible { background: url(/media/line/768/bohne_meiereiEN.png) repeat-y 138px top !important; }
html[lang="en"] body#restaurant.startpage header { background: url(/media/line/768/bohne.png) repeat-y 143px bottom !important; }
html[lang="en"] body#restaurant.startpage .mainVisible { background: url(/media/line/768/bohne_restaurantEN.png) repeat-y 143px top !important; }
html[lang="de"] body#pogusch.startpage header { background: url(/media/line/768/bohne.png) repeat-y 132px bottom !important; }
html[lang="de"] body#pogusch.startpage .mainVisible { background: url(/media/line/768/bohne_poguschDE.png) repeat-y 133px top !important; }
html[lang="de"] body#meierei.startpage header { background: url(/media/line/768/bohne.png) repeat-y 129px bottom !important; }
html[lang="de"] body#meierei.startpage .mainVisible { background: url(/media/line/768/bohne_meiereiDE.png) repeat-y 129px top !important; }
html[lang="de"] body#restaurant.startpage header { background: url(/media/line/768/bohne.png) repeat-y 141px bottom !important; }
html[lang="de"] body#restaurant.startpage .mainVisible { background: url(/media/line/768/bohne_restaurantDE.png) repeat-y 141px top !important; }
}


@media only screen
and (min-width : 320px)
and (max-width : 768px) {


}





/* iPads (landscape) -----------
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}*/

/* iPads (portrait) -----------
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}*/