html {
	height: 100%;
	font-size: 62.5%;
}

body {
	height: 100%;
	background: #fff;
	text-align: left;
	font-size: 18px; 
	font-size: 1.8rem;
	line-height: 1.2;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.clear {
	clear: both;
}

strong, b {
	font-weight: 700;
}

h1 {
	font-family: 'Nixie One', cursive;
	font-weight: 400;
	font-size: 24px; 
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1em;
	padding-left: 1em;
}

p {
	font-size: 18px; 
	font-size: 1.8rem;
	margin-bottom: 23px;
	line-height: 1.5;
}
	p:last-child {
		margin-bottom: 0;
	}

a.button {
	border: 1px solid #fff;
	padding: 20px 40px 20px 50px;
	font-size: 18px; 
	font-size: 1.8rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
a.button:hover {
	border: 1px solid #c1a264;
	color: #c1a264;
}

.h-wrapper {
	padding: 0% 5% 0% 5%;
}

.gallery {
	margin-top: -3% !important;
}
	.gallery dl {
		width: 17.6% !important;
		margin: 3% 3% 0% 0% !important;
		overflow: hidden;
	}
	.gallery dl:nth-child(5) {
		margin-right: 0 !important;
	}
		.gallery dl dt {
			height: 100%;
		}
			.gallery dl img {
				width: auto;
				height: 100%;
				border: 0 !important;
			}
			.gallery dl dd {
				display: none;
			}


#main-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

	#arrow-down {
		position: absolute;
		height: 30px;
		right: 5%;
		bottom: 10%;
		z-index: 10;
	}
		#arrow-down img {
			height: 100%;
		}
	body.home #arrow-down {
		display: none !important;
	}

	#home {
		width: 100%;
		height: 100%;
		position: relative;
		background: url(../img/Pankratiushof-Restaurant-Hofladen.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		text-align: center;
	}
		.center {
			position: relative;
			top: 43%;
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			max-width: 800px;
			margin: auto;
		}
		#home img {
			width: 80%;
			margin-bottom: 50px;
		}
		#home a.button {
			letter-spacing: 0.5em;
			padding-left: 10px;
			padding-right: 0;
			width: 349px;
		}
		.center a.button.first {
			margin-right: 40px;
		}

	body.home #header {
		display: none;
	}
	body.home #fixed-header-height {
		display: none;
	}
	#header {
		position: fixed;
		z-index: 100;
		width: 100%;
		background: #fff;
		padding: 15px 0px 13px 0px;
	}
		#header #logo {
			float: left;
			width: 200px;
		}
			#header #logo img {
				width: 100%;
			}
		#header #nav {
			float: right;
			text-align: right;
			padding-top: 17px;
		}
			#header #nav ul li {
				float: left;
				margin-right: 80px;
			}
			#header #nav ul li:last-child {
				margin-right: 0;
			}
				#header #nav ul li a {
					color: #000;
					font-size: 16px; 
					font-size: 1.6rem;
					font-weight: 700;
					text-decoration: none;
				}
				#header #nav ul li a:hover {
					color: #c1a264;
				}
				#header #nav ul li.current-menu-item a {
					color: #c1a264;
				}

	#subnav {
		display: none;
		position: fixed;
		height: 29px;
		z-index: 100;
		top: 85px;
		width: 100%;
		background: rgba(193, 162, 100, 0.75);
		text-align: center;
		font-weight: 400;
	}
		#subnav ul {
			padding: 4px;
		}
			#subnav ul li {
				display: inline-block;
				margin-right: 10px;
			}
			#subnav ul li:last-child {
				margin-right: 0;
			}
				#subnav ul li a {
					color: #fff;
					text-decoration: none;
				}
				#subnav ul li a:hover {
					color: #000;
				}
	body.page-id-7 #subnav {
		display: block;
	}

	#subnavi { /* THIS IS NOT A SUBMENU! */
		width: 100%;
		background: rgba(193, 162, 100, 0.75);
	}

	#info-box {
		display: none;
		position: absolute;
		height: 29px;
		z-index: 99;
		top: 114px;
		width: 100%;
		background: rgba(194, 46, 0, 0.75);
		text-align: center;
		font-weight: 400;
		color: #ffffff;
	}
		#info-box span {
			padding-top: 4px;
			display: inline-block;
		}
	body.page-id-7 #info-box {
		display: block;
	}

	#fixed-header-height {
		height: 85px;
	}

	.post-wrapper {
		background-position: center;
	}
	.post {
		position: relative;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 70%;
		margin: auto;
	}
		.post .post-content {
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			padding: 25px 50px 25px 50px;
		}
		#post-46.post .post-content {
			border-top: 0;
			border-bottom: 0;
			padding: 0;
		}
			.post h1 {
				color: #fff;
				text-align: center;
			}
			.post .post-content p {
				color: #fff;
				text-align: justify;
			}
			body.page-id-59 .post .post-content p, body.page-id-11 .post .post-content p {
				text-align: center;
			}
				.post .post-content p a {
					color: #fff;
					-webkit-transition: all 0.7s ease;
					-moz-transition: all 0.7s ease;
					-ms-transition: all 0.7s ease;
					-o-transition: all 0.7s ease;
					transition: all 0.7s ease;
				}
				.post .post-content p a:hover {
					color: #c1a264;
				}
			body.page-id-7 .post .post-content p:last-child a {
				color: #fff;
				border: 1px solid #fff;
				padding: 13px 0px 13px 0px;
				text-decoration: none;
				font-weight: 700;
				letter-spacing: 0.05em;
				display: block;
				width: 210px;
				text-align: center;
				margin: auto;
				-webkit-transition: all 0.7s ease;
				-moz-transition: all 0.7s ease;
				-ms-transition: all 0.7s ease;
				-o-transition: all 0.7s ease;
				transition: all 0.7s ease;
			}
			body.page-id-7 .post .post-content p:last-child a:hover {
				color: #c1a264;
				border-color: #c1a264;
			}
			body.page-id-7 #post-65.post .post-content p:last-child {
				text-align: center !important;
			}
				body.page-id-7 #post-65.post .post-content p:last-child a {
					display: inline-block;
					margin-right: 20px;
				}
				body.page-id-7 #post-65.post .post-content p:last-child a:last-child {
					margin-right: 0;
				}

	.nav-bullet-title {
		position: absolute;
		width: 120px;
		left: 50%;
		margin-left: -60px;
		bottom: 50px;
		text-align: center;
		color: #fff;
		display: none;
	}

	body.home #form {
		display: none;
	}
	body.page-id-9 #form {
		display: none;
	}
	#form {
		background: #c1a264;
		padding: 5% 0%;
	}
		#form a {
			color: #fff;
		}
		#form .form-text {
			width: 70%;
			margin: auto;
			margin-bottom: 20px;
		}
			#form .form-text p{
				text-align: center;
				color: #fff;
			}
		#form .wpcf7 {
			width: 400px;
			margin: auto;
		}
			#form .wpcf7 p {
				color: #fff;
				margin-bottom: 15px;
			}
				#form .wpcf7 p input, #form .wpcf7 p textarea {
					width: 385px;
					background: none;
					border: 1px solid #fff;
					color: #fff;
					padding: 10px 7px;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
					font-size: 15px; 
					font-size: 1.5rem;
				}
				#form .wpcf7 p input.wpcf7-submit {
					width: 400px;
					font-family: 'Lato', sans-serif;
					font-weight: 700;
					font-size: 18px; 
					font-size: 1.8rem;
					letter-spacing: 0.05em;
					cursor: pointer;
					background: #fff;
					color: #c1a264;
				}
				#form .screen-reader-response {
					display: none;
				}
				#form span.wpcf7-not-valid-tip, #form .wpcf7-response-output {
					color: red;
				}
				#form .wpcf7-response-output.wpcf7-mail-sent-ok {
					color: #fff;
				}

	#map {
		display: none;
		width: 100%;
		height: 700px;
	}
	body.page-id-11 #map, body.page-id-59 #map {
		display: block;
	}

	#footer-wrapper {
		width: 100%;
	}
	body.home #footer-wrapper {
		position: fixed;
		bottom: 0;
	}
		body.home #footer-wrapper #subnavi {
			height: 20px;
		}
		#footer {
			background: #fff;
			padding: 20px 0px;
		}
			#footer p {
				float: left;
				margin-right: 1%;
				font-size: 16px; 
				font-size: 1.6rem;
				line-height: 1.3;
				margin-bottom: 0;
			}
			#footer p.social-media {
				width: 8%;
				padding-top: 32px;
			}
				#footer p.social-media img {
					height: 16px;
					margin-right: 4px;
				}
				#footer p.social-media img:hover {
					opacity: 0.7;
				}
			#footer p.address {
				width: 21.5%;
			}
			#footer p.restaurant {
				width: 38.5%;
			}
			#footer p.hofladen {
				width: 18%;
			}
			#footer p.impressum {
				width: 10%;
				margin-right: 0;
				text-align: right;
			}
				#footer p.impressum a {
					display: block;
				}
				#footer p a {
					text-decoration: none;
					color: #000;
				}
				#footer p a:hover {
					color: #c1a264;
				}

#footer a.tel:hover {
	color: #000;
}

#form a.tel {
	text-decoration: none;
}

body.page-id-59 .post .post-content p a,
body.page-id-11 .post .post-content p a {
	text-decoration: none;
}
body.page-id-59 .post .post-content p a:hover,
body.page-id-11 .post .post-content p a:hover {
	color: #fff;
}
.post {
	text-shadow: 0 0 20px #000000;
}

@media screen and (max-width: 1024px) {
	.post-wrapper {
		background-attachment: scroll !important;
	}
}

@media screen and (max-width: 1020px) {
	h1 {
		font-size: 20px; 
		font-size: 2.0rem;
		line-height: 1.4;
		margin-bottom: 7px;
		letter-spacing: 0.7em;
		padding-left: 0.7em;
	}

	p {
		font-size: 17px; 
		font-size: 1.7rem;
		margin-bottom: 12px;
		line-height: 1.3;
	}
	#home {
		height: 80%;
	}
	body.home #footer-wrapper {
		position: relative;
		bottom: 20px;
	}
	#arrow-down img {
		display: none;
	}
	#header #nav ul li {
		margin-right: 50px;
	}
	.post {
		position: relative;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		margin: auto;
	}
		.post .post-content {
			padding: 15px 40px 15px 40px;
		}
			body.page-id-7 .post .post-content p:last-child a {
				padding: 13px 0px 13px 0px;
			}
	#form .form-text {
		width: 100%;
	}
	#footer p {
		margin-bottom: 20px;
	}
	#footer p.social-media {
		width: 100%;
		padding-top: 0;
		margin-right: 0;
		text-align: center;
	}
		#footer p.social-media a {
			margin-right: 4px;
		}
		#footer p.social-media a:last-child {
			margin-right: 0;
		}
			#footer p.social-media a img {
				height: 25px;
			}
			#footer p.social-media a:last-child img {
				margin-right: 0;
			}
	#footer p.address {
		width: 27%;
		margin-right: 0;
		text-align: center;
	}
	#footer p.restaurant {
		width: 49%;
		margin-right: 0;
		text-align: center;
	}
	#footer p.hofladen {
		width: 24%;
		margin-right: 0;
		text-align: center;
	}
	#footer p.impressum {
		width: 100%;
		text-align: center;
		margin-bottom: 0;
	}
		#footer p.impressum a {
			display: inline-block;
			margin-right: 15px;
		}
			#footer p.impressum a:last-child {
				margin-right: 0;
			}
}

@media screen and (max-width: 830px) {
	#home {
		min-height: 500px !important;
	}
	#home a.button {
		letter-spacing: 0.3em;
		padding-left: 0px;
		padding-right: 0;
		width: 309px;
		display: block;
		margin: auto;
	}
	#home a.button.first {
		margin-bottom: 20px;
	}
	#footer p.address {
		width: 100%;
	}
	#footer p.restaurant {
		width: 100%;
	}
	#footer p.hofladen {
		width: 100%;
	}
}

@media screen and (max-width: 776px) {
	#fixed-header-height {
		display: none;
	}
	#header {
		position: relative;
		padding: 15px 0px 13px 0px;
	}
		#header #logo {
			float: none;
			margin: auto;
			width: 200px;
		}
		#header #nav {
			float: none;
			text-align: center;
			width: 100%;
			padding-top: 5px;
		}
			#header #nav ul li {
				float: none;
				display: inline-block;
				margin-right: 4%;
			}
	#subnav {
		position: absolute;
		top: 111px;
	}
	#info-box {
		top: 140px;
	}
	#map {
		height: 300px;
	}
}

@media screen and (max-width: 684px) {
	body.page-id-7 #post-65.post .post-content p:last-child {
		width: 210px;
		margin: auto;
	}
		body.page-id-7 #post-65.post .post-content p:last-child a {
			margin-right: 0;
			margin-bottom: 10px;
		}
}

@media screen and (max-width: 576px) {
	h1 {
		font-size: 16px; 
		font-size: 1.6rem;
	}
	#header .h-wrapper {
		padding: 0;
	}
		#header #nav ul li a {
			font-size: 14px; 
			font-size: 1.4rem;
		}
		#subnav ul li a {
			font-size: 14px; 
			font-size: 1.4rem;
		}
		#info-box span {
			font-size: 14px; 
			font-size: 1.4rem;
			padding-top: 6px;
		}
	.post .post-content {
		padding-left: 0;
		padding-right: 0;
	}
	.post .post-content p {
		text-align: center;
	}
	#home a.button {
		width: 249px;
		font-size: 16px; 
		font-size: 1.6rem;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#form .wpcf7 {
		width: 100%;
	}
		#form .wpcf7 p {
			
		}
			#form .wpcf7 p input, #form .wpcf7 p textarea {
				width: 96%;
				padding: 2% 2%;
			}
			#form .wpcf7 p input.wpcf7-submit {
				width: 100%;
			}
}

@media screen and (max-width: 370px) {
	#header #nav ul li {
		margin-right: 10px;
	}
	#header #nav ul li a {
		font-size: 13px; 
		font-size: 1.3rem;
	}
	#subnav ul li {
		margin-right: 6px;
	}
	#subnav ul li a {
		font-size: 12px; 
		font-size: 1.2rem;
	}
	#info-box span {
		font-size: 12px; 
		font-size: 1.2rem;
		padding-top: 7px;
	}
}