/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v22-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

html {
	overflow-y: scroll;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	color: #333333;
	height: 100%;
	font: normal 16px/22px 'Roboto Slab', serif;
	background: rgb(255,254,241);
}
table, td {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0px;
}
iframe {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
img {
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
a {
	color: inherit;
	outline: none;
}
a:hover {
	color: #B41412;
}
header {
	position: relative;
	margin: 0 auto;
	padding: 2em 0;
	text-align: center;
	z-index: 150;
}
.logo {
	margin: 0 auto;
	padding: 14px;
	display: block;
}
.sprachen {
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 1000;
}
.sprachen img { margin:3px 4px; border:1px solid #fff;}
/*----------------------------------------------------------------BILD-----------------------------------------------*/
.bild {
	position: relative;
	height:700px;
	max-height:1100;
	height: 62vh;
	text-align: center;
	margin: 0 auto;
	padding: 0 1%;
	box-sizing: border-box;
	z-index: 1;
}
@-webkit-keyframes bild {
 0% { font-size:32px; top:12vh; }
 100% { font-size:54px; top:37vh; }
}
@-moz-keyframes bild {
 0% { font-size:32px; top:12vh; }
 100% { font-size:54px; top:37vh; }
}
@-o-keyframes bild {
 0% { font-size:32px; top:12vh; }
 100% { font-size:54px; top:37vh; }
}
@keyframes bild {
 0% { font-size:32px; top:12vh; }
 100% { font-size:54px; top:37vh; }
}
.bild span {
	font-size: 54px;
	position: relative;
	color: rgba(255,255,255,1);
	-webkit-animation: bild 8s ease-in-out; /* Safari 4+ */
	-moz-animation: bild 8s ease-in-out; /* Fx 5+ */
	-o-animation: bild 8s ease-in-out; /* Opera 12+ */
	animation: bild 8s ease-in-out; /* IE 10+, Fx 29+ */
	line-height: 54px;
	top: 37vh;
	text-shadow:2px 2px 5px rgba(50,50,50,0.7);
}

/*---------------------------------------------------CONTENT & MORE------------------------------------------------------------*/
.container, section, main {
	position: relative;
	/*margin: 0 auto 250px;*/
	padding: 0;
	width: 100%;
	background: rgb(255,254,241);
}
.content {
	padding: 35px;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	display: block;
}
.preise td, .preise th {
	padding: 3px 7px;
	border: 1px solid rgb(130,175,30);
	text-align: center;
}
.preise td:first-child, .preise th:first-child { text-align:left;}
.kuh { float:right; margin-left:2em; height:auto; width:10vw; max-width:150px; min-width:80px;}
footer {
	text-align: left;
	width: 100%;
	margin: 0 auto 2em;
	box-sizing: border-box;
	position: relative;
	background: rgb(85,135,70);
	color: #fff;
	font-size: 17px;
	padding: 0;
}
footer a {
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
	color: #000;
}
footer .left {
	float: left;
	margin: 0;
}
.impressum {
	float: right;
	font-size: 13px;
	text-align: right;
	margin-top: 14px;
}
.gruen {
	color: rgb(130,175,30);
}
.link {
	color: rgb(130,175,30);
	font-size: 13px;
}
/*-----------------------------------------------GALERIE----------------------------------------------------------------*/
.galerie {
	position: relative;
	width: auto;
}
.galerie ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.galerie ul li {
	list-style: none;
	padding: 0;
	display: inline-block;
	width: 32%;
}
.galerie ul li img, .galerie ul li a {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.galerie ul li a {
	display: block;
	margin: 1%;
}
.galerie ul li img {
	border: 2px solid #fff;
	width: 100%;
	height: auto;
}
.galerie ul li a img:hover {
	border: 2px solid rgb(130,175,30);
}
/*-----------------------------------------TEXT FORMAT----------------------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: normal;
}
.content  {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
h1, section h2, main h2 {
	font-size: 1.5em;
	color: rgb(85,135,70);
	margin-bottom: 1em;
	font-family:'Roboto Slab', serif;
}
h2 {
	font-size: 1.2em;
	color: rgb(140,45,0);
	font-family:'Roboto Slab', serif;

}
h3 {
	color: rgb(140,45,0);
	font-size: 1.2em;
	font-family:'Roboto Slab', serif;
}
/**/

h3 a {
	position: relative;
	box-sizing:border-box;
	border: 2px solid rgb(140,45,0);
	background: rgb(255,254,241);
	color: rgb(140,45,0);
	text-decoration: none;
	padding: 5px 3px 5px 8px;
	border-radius: 3px 0 0 3px;
	margin-right: 2em;
	margin-bottom: 1em;
	display: inline-block;
	width: 150px;
	height:36px;
}
h3 a::after, h3 a::before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
h3 a::after {
	border-left-color: rgb(255,252,230);
	border-width: 16px;
	margin-top: -16px;
}
h3 a::before {
	border-left-color: rgb(140,45,0);
	border-width: 19px;
	margin-top: -19px;
}
h3 a:hover {
	border: 2px solid rgb(85,135,70);
	background: rgb(85,135,70);
	color: rgb(255,252,230);
	text-decoration: none;
}

h3 a:hover::after {
	border-left-color: rgb(85,135,70);
}
h3 a:hover::before {
	border-left-color: rgb(85,135,70);
}
.widthauto a { width:auto !important;}
/*---------------------------------------------------------------------------------------------------------------*/
.left {
	float: left;
	margin: 0 1% 1% 0;
}
.right {
	float: right;
	margin: 0 0 1% 1%;
}
.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
}
.clear:after {
    content:"";
    display:block;
    clear:both;
}
.image {
	border: 1px solid rgb(195,178,31);
}
.trennlinie, hr {
	height: 0px;
	line-height: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 20px;
}
.embed-container {
  position: relative; 
  padding-bottom: 75%; /* ratio 4x3 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
/*-------------------------------------------FORM--------------------------------------------------------------------*/
#formular {
	position: relative;
	alignment-adjust: 0;
	margin: 0;
	padding: 0;
}
form {
	margin-top: 0px;
	margin-bottom: 0px;
}
input, textarea {
	position: relative;
	border: 1px solid #796D5C;
	width: 85%;
	padding: 0 5px;
	color: #333;
	height: 25px;
	font: bold 16px/21px 'Roboto Slab', serif;
}
.check {
	width: 20px;
	padding: 0;
	margin: 0;
	height: 20px;
}
textarea {
	height: 150px;
}
input:focus, textarea:focus {
	border: 1px solid #B41412;
}
.send {
	border: 5px double #fff;
	font: bold 16px/21px 'Roboto Slab', serif;
	color: #fff;
	margin: 0 auto;
	width: auto;
	cursor: pointer;
	padding: 10px 55px;
	background: #8BAA19;
	border-radius: 5px;
	line-height: 20px;
}
.send:hover, .send:focus {
	color: #fff;
	background: #558746;
}
img.ui-datepicker-trigger {
	position: absolute;
	margin-top: 6px;
	margin-left: -22px;
	cursor: pointer;
	display: inline;
}
.pflicht {
	line-height: 15px;
	color: #B41412;
	font-weight: 500;
}
/*-------------------------------------------------MEDIA--------------------------------------------------------------*/
/*-------------------------------------------------QUERY--------------------------------------------------------------*/
@media only screen and (min-width: 501px) {	
#sprachen .galerie ul li:nth-child(3) { display:none;}
}
@media only screen and (max-width: 500px) {	
	footer .left {
		float: none !important;
	}
	footer .gruen {
		display: none;
	}
	.galerie ul li {
		width: 47%;
	}
	.text { display:none;}
}
/*---------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 759px) {
	header .adresse { display:none;}
	.backstretch  { margin-top:120px !important; height:50vh !important;}
	.text {
		position: relative;
		width: 90%;
		left: 5%;
		text-align: center;
		color: #fff;
		text-shadow: 2px 2px 4px #333;
		top: 18vh;
		line-height: 20px;
		font-size: 1.05em;
	}
	
	.container, .center, header, .bild, .content, footer, section, main {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		margin: 0;
		position: relative;
	}
	.left, .right, .content-left, .content-right {
		float: none;
		width: auto;
		height: auto;
		position: relative;
	}
	.logo img {
		width: 35%;
		width: calc(10vw + 10vh);
		height: auto;
	}
	.content {
		padding: 2em 1.5em;
	}
	/*--------------------------------------------------------------*/
	form .left {
		width: 100%;
	}
	input, textarea {
		width: 90%;
	}
	/*--------------------------------------------------------------*/
	nav ul {
		display: none;
	}
	nav, nav ul, nav ul li {
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		list-style: none;
		postition: relative;
	}
	nav {
		position: relative;
		z-index: 5000;
	}
	nav ul li {
		float: none;
		text-align: center;
		margin-top:-1px;
	}
	nav ul li a {
		text-decoration: none;
		display: block;
		padding: 0 14px;
		margin: 0;
		font-size: 1.2rem;
		line-height: 2.3rem;
		background: #fff;
		border: 1px solid #ccc;
	}
	nav ul a:hover, nav ul a:focus, nav ul a.aktiv {
		color: #fff;
		background: rgb(130,175,30);
	}
	.anrufen {
		position: absolute;
		right: 20px;
		top: 60px;
		z-index: 150;
		box-shadow: 0 0 3px #000;
	}
	.menu {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 250;
	box-shadow: 0 0 3px #000;
	}
	.subnavi li { float:left; width:50%;}
	.subnavi a::before {content:'Wohnung '; font-size:0.8em;}
	
	.subnavi li:nth-child(5) a::before, .subnavi li:nth-child(6) a::before {content:'';}
	header {
		text-align: left;
	}
	.bild {	height:300px; height: calc(10vh + 10vw); min-height:250px;}
	/*.backstretch img {top:-30% !important;}*/
	.galerie li { 	width: 45%; }
	
	@-webkit-keyframes bild {
	 0% { font-size:20px; top:5vh; }
	 100% { font-size:27px; top:15vh; }
	}
	@-moz-keyframes bild {
	 0% { font-size:20px; top:5vh; }
	 100% { font-size:27px; top:15vh; }
	}
	@-o-keyframes bild {
	 0% { font-size:20px; top:5vh; }
	 100% { font-size:27px; top:15vh; }
	}
	@keyframes bild {
	 0% { font-size:20px; top:5vh; }
	 100% { font-size:27px; top:15vh; }
	}
	.bild span {
		font-size: 27px; line-height:28px; top:15vh;
	}
}
/*---------------------------------------------------------------------------------------------------------------*/
 @media only screen and (min-width: 760px) {
	.text {
		position: relative;
		top: 30vh;
		width: 90%;
		left: 5%;
		text-align: center;
		color: #fff;
		font-size: 24px;
		text-shadow: 2px 2px 4px #333;
	}
	.anrufen, .menu {
	display: none;
	}
	.is-sticky .sticky {
		background: url(../images/bg-navi-sticky.jpg) rgba(10,10,10,0.6);
		border-bottom: 1px solid rgb(137,100,60);
		padding-top: 7px;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		z-index: 5000;
	}
	.is-sticky nav { margin:5px auto;}
	nav {
		margin: 0 auto 2em;
		padding: 0;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 50px;
		justify-content: center;
		z-index: 5000;
	}
	nav ul {
		list-style-type: none;
		display: inline;
		margin: 0;
		padding: 0px;
	}
	nav li {
		padding: 0;
		margin: 0 3px;
		text-align: center;
	}
	nav ul { 
		display: -webkit-box;
		display: -webkit-flex; 
		display: -ms-flexbox; 
		display: flex;        
		width: 100%;
	}
	nav li {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: auto;
	}
	nav a {
		text-decoration: none;
		display: block;
		padding: 0 7px;
		margin: 0;
		font-size: 1.05em;
		line-height: 45px;
		color: #585550;
		background: #fff;
		border-radius: 3px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	nav a:hover, nav a.aktiv {
	color: #FFFFFF;
	background: rgb(85,135,70);
	}	
	.subnavi {
	position: relative;
	z-index: 5000;
	width: 60%;
	top: 1em;
	left: 10vw;
	font-size: 0.9em;
	}
	.subnavi a {
	background: rgb(130,175,30);
	color: #FFFEF1;
	}
	.subnavi a:hover, .subnavi .aktiv a {
	color: #FFFFFF;
	background: rgb(85,135,70);
	}
	.is-sticky .subnavi { margin:0 auto; left:0; right:0;
	position: fixed;
	z-index: 500;
	padding: 5px; border-radius:3px;
	background: url(../images/bg-subnavi-sticky.jpg) rgb(80,45,5); width:100%;
	}
	.is-sticky .subnavi ul {  margin:0 auto; left:0; right:0; width:60%;}
	.is-sticky .subnavi a {line-height:35px;}
	/*--------------------------------------------------------------*/
	form .left {
	width: 47%;
	margin-right: 2%;
	}
	input, textarea {
	width: 90%;
	}	
}
/*---------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 760px) and (max-width: 860px) {

	@-webkit-keyframes bild {
	 0% { font-size:24px; top:12vh; }
	 100% { font-size:44px; top:36vh; }
	}
	@-moz-keyframes bild {
	 0% { font-size:24px; top:12vh; }
	 100% { font-size:44px; top:36vh; }
	}
	@-o-keyframes bild {
	 0% { font-size:24px; top:12vh; }
	 100% { font-size:44px; top:36vh; }
	}
	@keyframes bild {
	 0% { font-size:24px; top:12vh; }
	 100% { font-size:44px; top:36vh; }
	}
	.bild span {
		font-size: 44px;
	}
	
}
/*---------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 980px) {
.center {
	margin: 0 auto;
	z-index: 50;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	max-width: 980px;
}
.content {
	max-width: 980px;}
}
@media only screen and (max-width: 350px) {
.kuh { display:none;}
}
/*---------------------------------------------------------------------------------------------------------------*/
.smooth {
	background-color: #000;
	color: #fff;
	display: none;
	float: right;
	filter: alpha(opacity=0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
	opacity: 0.7;
	position: fixed;
	text-align: center;
	z-index: 100;
}
.smooth.top {
	top: 0;
}
.smooth.btn {
	bottom: 10%;
	right: 10px;
	border-radius: 3px;
}
.btn a {
	text-decoration: none !important;
	width: 40px;
	height: 40px;
	display: block;
	line-height: 36px;
	text-align: center;
}