@font-face {
	font-family:'Merriweather';
	font-style:normal;
	font-weight:300;
	src:local('Merriweather Light'), local('Merriweather-Light'), url('../fonts/Merriweather-Light.woff2') format('woff2'), url('../fonts/Merriweather-Light.ttf') format('truetype');
}

@font-face {
	font-family:'Merriweather';
	font-style:normal;
	font-weight:400;
	src:local('Merriweather Regular'), local('Merriweather-Regular'), url('../fonts/Merriweather-Regular.woff2') format('woff2'), url('../fonts/Merriweather-Regular.ttf') format('truetype');
}

@font-face {
	font-family:'Merriweather Sans';
	font-style:normal;
	font-weight:300;
	src:local('Merriweather Sans Light'), local('MerriweatherSans-Light'), url('../fonts/MerriweatherSans-Light.woff2') format('woff2'), url('../fonts/MerriweatherSans-Light.ttf') format('truetype');
}

@font-face {
	font-family:'Merriweather Sans';
	font-style:normal;
	font-weight:400;
	src:local('Merriweather Sans'), local('MerriweatherSans-Regular'), url('../fonts/MerriweatherSans-Regular.woff2') format('woff2'), url('../fonts/MerriweatherSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family:'Rock Salt';
	font-style:normal;
	font-weight:400;
	src:local('Rock Salt Regular'), local('RockSalt-Regular'), url('../fonts/RockSalt-Regular.woff2') format('woff2'), url('../fonts/RockSalt-Regular.ttf') format('truetype');
}

html {
	margin:0;
	padding:0;
}

body {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	
	-webkit-text-size-adjust:100%;
}

img {
	border:none;
}

div {
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	line-height:24px;
	font-weight:300;
	color:#000000;
}

p {
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	line-height:24px;
	font-weight:300;
	color:#000000;
}

ul {
	margin-left:-20px;
	list-style-position:outside;
}

td {
	vertical-align:top;
}

.pointer {
	cursor:pointer;
}

.content {
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:0px;
	box-sizing:border-box;
}

.content-nav {
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0px;
	box-sizing:border-box;
}

.text-block {
	padding:20px;
}



.mobile {
	display:none !important;
}

.no-mobile {
	display:block !important;
}

@media only screen and (max-width: 798px) {
	.mobile {
		display:block !important;
	}
	
	.no-mobile {
		display:none !important;
	}
}



/************/
/*   Text   */
/************/

h1 {
	text-align:center;
	font-family:'Merriweather', serif;
	font-size:34px;
	font-weight:300;
	line-height:40px;
	color:#73071d;
	margin:20px 0 20px 0;
	padding:20px 20px 20px 20px;
	text-transform:uppercase;
}

h1.vh {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	padding:0;
	border:none;
	overflow:hidden;
}

h2 {
	text-align:center;
	font-family:'Merriweather', serif;
	font-size:34px;
	font-weight:300;
	line-height:40px;
	color:#73071d;
	margin:20px 0 20px 0;
	padding:20px 20px 20px 20px;
	text-transform:uppercase;
}

h3 {
	text-align:center;
	font-family:'Merriweather', serif;
	font-size:24px;
	font-weight:300;
	line-height:30px;
	color:#73071d;
	margin:10px 0 10px 0;
	padding:0 20px 0 20px;
}

h4 {
	text-align:center;
	font-family:'Merriweather', serif;
	font-size:16px;
	font-weight:300;
	line-height:26px;
	text-transform:uppercase;
	color:#000000;
	margin:0;
	padding:0;
}

h5 {
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-transform:uppercase;
	color:#b49935;
	margin:0;
	padding:0;
	display:inline-block;
}

@media only screen and (max-width: 700px) {
	h2 {
		font-size:28px;
	}
	
	h3 {
		font-size:20px;
	}
}


.text {
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	line-height:24px;
	font-weight:300;
	color:#000000;
}

.text a {
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	line-height:24px;
	color:#73071d;
	font-weight:300;
	text-decoration:none;
}

.text a:hover {
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	line-height:24px;
	color:#b49935;
	font-weight:300;
	text-decoration:none;
}

.text-center {
	text-align:center;
}

.text-column {
	text-align:justify;
	column-count:2;
	column-gap:30px;
}

.hand-headline {
	margin:0;

	font-family:'Rock Salt', cursive;
	font-size:30px;
	line-height:55px;
	color:#ebe6d0;
	text-shadow:2px 2px 5px black;
	text-transform:none;
}

.section-headline {
	text-align:right;
	font-family:'Merriweather Sans', sans-serif;
	font-size:80px;
	line-height:58px;
	font-weight:300;
	color:#ebe6d0;
	
	padding:0 20px 0 20px;
}

@media only screen and (max-width: 700px) {
	.text-column {
		text-align:justify;
		column-count:1;
		column-gap:30px;
	}
	
	.section-headline {
		font-size:40px;
		line-height:29px;
	}
}




.text-nav1 a {
	display:inline-block;
	padding:5px 5px 2px 5px;

	font-family:'Merriweather', serif;
	font-size:18px;
	font-weight:400;
	line-height:20px;
	text-transform:uppercase;
	color:#73071d;
	text-decoration:none;

	transition:color 0.5s;
}

.text-nav1 a:hover {
	color:#b49935;
}

.text-nav1 #aktiv {
	color:#b49935;
}

.text-nav1 a.webshop {
	border-radius:3px;
	background-color:#b49935;

	color:#ebe6d0;
	/*color:#f3f0e3;*/
}

.text-nav1 a.webshop:hover {
	color:#73071d;
}

@media only screen and (max-width: 798px) {
	.text-nav1 a {
		font-size:24px;
	}
	
	.text-nav1 a:hover {
		font-size:24px;
	}
	
	.text-nav1 #aktiv {
		font-size:24px;
	}
}

.text-nav2 a {
	padding:5px 5px 2px 5px;

	font-family:'Merriweather Sans', serif;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	color:#73071d;
	text-decoration:none;

	transition:color 0.5s;
}

.text-nav2 a:hover {
	color:#b49935;
}

.text-nav2 #aktiv {
	color:#b49935;
}

.aktiv {
	color:#b49935 !important;
}



/**************/
/*   Header   */
/**************/

#header {
	width:100%;
	height:800px;
	margin-top:0px;
	padding:0px;
	background-color:#ffffff;
}

#header-text {
	position:absolute;
	text-align:center;
	left:20%;
	bottom:130px;
	width:600px;
	transform:rotate(-10deg);
}

#pfeil {
	position:absolute;
	text-align:center;
	bottom:20px;
	width:100%;
	display:inline;
}

@media only screen and (max-width: 798px) {
	#header {
		height:400px !important;
		padding:60px 0 0 0;
	}
	
	#header-text {
		top:150px;
		left:30px;
	}
	
	#pfeil {
		display:none;
	}
}

@media only screen and (max-width: 600px) {
	#header {
		height:300px !important;
		padding:60px 0 0 0;
	}
	
	#header-text {
		display:none;
	}
}

/******************/
/*   Navigation   */
/******************/

#nav {
	position:fixed;
	width:100%;
	height:180px;
	margin:0px 0 0px 0;
	padding:0px;
	background-color:#f3f0e3;
	z-index:10;
	
    transition:height 0.5s;
    -webkit-transition:height 0.5s;
}



.nav-big {
	height:180px !important;
}

.nav-small {
	height:110px !important;
}

.nav-open {
	height:100% !important;
}

.nav-open #nav1 {
	display:block;
}

.nav-close {
	height:100px !important;
}



#navbar {
	display:none;
	width:100%;
	height:70px;
	background-color:#ebe6d0;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#b49935;
}



#logo {
	width:102px;
	margin:auto;
}

.logo {
	width:100%;
	margin-top:6px;
}

.icon-menu {
	position:absolute;
	top:10px;
	right:15px;
	width:50px;
}



#nav1 {
	height:120px;
	background-color:#ebe6d0;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#b49935;
	
	transition:height 0.5s;
    -webkit-transition:height 0.5s;
}

#nav1 ul {
	margin:0;
	padding:0px;
	text-align:justify;
}

#nav1 ul li {
	margin-top:85px;
	padding:0 10px 0 0;
	list-style:none;
	vertical-align:top;
	display:inline-block;
	
	transition:margin-top 0.5s;
    -webkit-transition:margin-top 0.5s;
}

#nav1 ul li:last-child {
	height:0;
	margin-top:0px;
	list-style:none;
	display:inline-block;
	padding:0px 0px 0px 100%;
}



.nav1-big {
	height:120px !important;
}

.nav1-small {
	height:70px !important;
}

.nav1-big ul li {
	margin-top:85px !important;
}

.nav1-small ul li {
	margin-top:35px !important;
}



.nav-item-home {
	float:left;
	width:184px;
	margin-top:5px;
	margin-right:15px;

	transition:width 0.5s, margin-top 0.5s;
    -webkit-transition:width 0.5s, margin-top 0.5s;
}

.nav-item-home img {
	width:100%;
}

.nav1-small .nav-item-home {
	width:110px !important;
	margin-top:2px !important;
}



#nav2 {
	margin:0px 0 0px 0;
	padding:0px 0 10px 0;
}

#nav2-ul {
	margin:0 0 0 110px;
	padding:0px;
	text-align:left;
	
	transition:margin-left 0.5s;
    -webkit-transition:margin-left 0.5s;
}

#nav2 ul li {
	margin-top:10px;
	padding:0 7px 0 0;
	list-style:none;
	vertical-align:top;
	display:inline-block;
}



@media only screen and (max-width: 798px) {
	#nav {
		height:100px;
		overflow:hidden;
	}
	
	#navbar {
		display:block;
	}



	#nav-icon-container {
		position:absolute;
		top:21px;
		right:15px;
	}

	#nav-icon {
		width:50px;
		height:50px;
	}

	#nav-icon line:first-child {
		opacity:1.0;
		transform-origin:30px 1px;
		transform:rotate(0deg);
		transition:transform 0.4s;
	}

	#nav-icon line {
		opacity:1.0;
		transition:opacity 0.4s;
	}

	#nav-icon line:last-child {
		opacity:1.0;
		transform-origin:30px 20px;
		transform:rotate(0deg);
		transition:transform 0.4s;
	}

	.nav-open #nav-icon line:first-child {
		opacity:1.0;
		transform-origin:30px 2px;
		transform:rotate(-45deg);
		transition:transform 0.4s;
	}

	.nav-open #nav-icon line {
		opacity:0.0;
		transition:opacity 0.4s;
	}

	.nav-open #nav-icon line:last-child {
		opacity:1.0;
		transform-origin:30px 20px;
		transform:rotate(45deg);
		transition:transform 0.4s;
	}


	
	#nav1 {
		display:none;
		height:calc(100% - 70px); /* navbar height */
		background-color:#f3f0e3;
		border-bottom-style:none;
		overflow-y:auto;
	}

	.nav-item-home {
		display:none;
	}
	
	#nav1 ul {
		text-align:left;
		margin:30px 0 0 0;
	}

	#nav1 ul li:last-child {
		display:none;
	}

	#nav1 ul li {
		margin-top:0;
		padding:20px 0px 20px 35px;
		list-style:none;
		vertical-align:top;
		display:block;
	}
	
	#nav2 {
		display:none;
	}
}



/************/
/*   Main   */
/************/

#main {
	margin:0;
	padding:0px 0 0 0;
	box-sizing:border-box;
}

.main-back {
	background-position:right bottom;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:45% auto;
	background-image:url('../img/stich-loewe.png');
}

#content {
	min-height:600px;
	background-color:#ffffff;
}

.section {
	padding:40px 0 140px 0;
}

.steckbrief {
	margin:50px 0 50px 0;
	padding:30px;
	background-color:#ebe6d0;
}

#map {
	width:100%;
	height:100%;
}

.image-text {
	max-width:100%;
	max-height:510px;
}

.pdf-download {
	width:250px;
	display:inline-block;
	box-sizing:border-box;
}

@media only screen and (max-width: 600px) {
	.pdf-download {
		width:100%;
		display:block;
	}
}


/*******************/
/*   Header-Pics   */
/*******************/

.fixed {
	background-position:center 50%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

.header-height {
	height:500px;
}

@media only screen and (min-width: 1750px) {
	.header-height {
		height:720px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1750px) {
	.header-height {
		height:640px;
	}
}

@media only screen and (min-width: 521px) and (max-width: 798px) {
	.fixed {
		background-position:center 50%;
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-size:cover;
	}
	
	.header-height {
		height:320px;
	}
}

@media only screen and (max-width: 520px) {
	.fixed {
		background-position:center 50%;
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-size:cover;
	}
	
	.header-height {
		height:220px;
	}
}

#head-home {
	width:100%;
	height:100%;
	background-image:url('../img/header/home.jpg');
}

#head-winzerfamilie {
	width:100%;
	height:100%;
	background-image:url('../img/header/winzerfamilie.jpg');
}

#team {
	background-image:url("../img/header/team.jpg");
}

#gebaeude {
	background-image:url("../img/header/gebaeude.jpg");
}

#nachhaltigkeit {
	background-image:url("../img/header/nachhaltigkeit.jpg");
}

#fakten {
	background-image:url("../img/header/fakten.jpg");
}

#head-weine {
	width:100%;
	height:100%;
	background-image:url('../img/header/weine.jpg');
}

#weine {
	background-image:url("../img/header/weine.jpg");
}

#unsereweine {
	background-image:url("../img/header/unsereweine.jpg");
}

#sekt {
	background-image:url("../img/header/sekt.jpg");
}

#weinliste {
	background-image:url("../img/header/expertisen.jpg");
}

#head-lagen {
	width:100%;
	height:100%;
	background-image:url('../img/header/lagen.jpg');
}

#head-aktuelles {
	width:100%;
	height:100%;
	background-image:url('../img/header/aktuelles.jpg');
}

#termine {
	background-image:url("../img/header/termine.jpg");
}

#weinproben {
	background-image:url("../img/header/weinproben.jpg");
}

#head-kontakt {
	width:100%;
	height:100%;
	background-image:url('../img/header/kontakt.jpg');
}

#zeiten {
	background-image:url("../img/header/zeiten.jpg");
}

#besuch {
	background-image:url("../img/header/besuch.jpg");
}

#links {
	background-image:url("../img/header/links.jpg");
}

#impressum {
	background-image:url("../img/header/impressum.jpg");
}

#head-datenschutz {
	width:100%;
	height:100%;
	background-image:url('../img/header/impressum.jpg');
}


/**************/
/*   Footer   */
/**************/

footer {
	width:100%;
	min-height:100px;
	margin-top:50px;
	background-color:#ffffff;
	display:none;
}



/************/
/*   Form   */
/************/

#formular{
	margin-top:-60px;
	padding:120px 20px 20px 20px;
}

.form-left {
	float:left;
	text-align:left;
}

.form-right {
	float:right;
	text-align:right;
}

.form-middle {
	clear:both;
	text-align:left;
	width:100%;
}

.form-center {
	clear:both;
	text-align:center;
}

.form-input {
	width:360px;
	font-size:15px;
	height:25px;
	margin:10px 0 10px 0;
	padding:0;
	border:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#cccccc;
}

.form-input:focus {
    outline:none;
    outline-width:none;
}

.required {
	color:#b49935;
}

.required::-webkit-input-placeholder {
   color:#b49935;
}

.required:-moz-placeholder {
   color:#b49935;  
}

.required::-moz-placeholder {
   color:#b49935;  
}

.required:-ms-input-placeholder {  
   color:#b49935;  
}

.form-textarea {
	width:100%;
	height:80px;
	margin:20px 0 10px 0;
	padding:0;
	font-size:15px;
	border-color:#cccccc;
}

.form-checkbox {
	float:left;
	margin:0 30px 0 0;
}

.g-recaptcha {
	width:304px;
	margin:40px auto 0px auto;
}

.form-button {
	padding:10px 15px 10px 15px;
	margin-top:20px;
	color:#b49935 !important;
	background-color:#ebe6d0;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0px;
	font-size:14px;
}

.form-button:hover {
	padding:10px 15px 10px 15px;
	margin-top:20px;
	color:#ebe6d0 !important;
	background-color:#b49935;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0px;
	font-size:14px;
}

.form-hinweis {
	padding:12px 0 5px 0;
	
	font-size:10px;
	line-height:14px;
	font-weight:300;
	color:#000000;
}

.form-fehler {
	text-align:left;
	font-weight:400;
	color:#d60000 !important;
	padding-top:20px;
}

.form-meldung {
	text-align:left;
	font-weight:400;
	color:#b49935 !important;
	padding-top:20px;
}

@media only screen and (max-width: 798px) {
	.form-left {
		clear:both;
		width:100%;
	}
	
	.form-right {
		clear:both;
		text-align:left;
		width:100%;
	}
	
	.form-input {
		width:100%;
	}
}



/***************/
/*   Gallery   */
/***************/

.gallery {
	position:relative;
	width:100%;
	height:100%;
	padding:20px;
	box-sizing:border-box;
}

.gallery-nav-prev {
	position:absolute;
	top:45%;
	left:-50px;
	width:40px;
	display:none;
}

.gallery-nav-next {
	position:absolute;
	top:45%;
	right:-50px;
	width:40px;
}

@media only screen and (max-width: 920px) {
	.gallery-nav-prev {
		left:50px;
	}

	.gallery-nav-next {
		right:50px;
	}
}

.gallery-mask {
	overflow:hidden;
}

.gallery-pictures {

}

.picture {
	position:relative;
	max-width:800px;
 	max-height:100%;
 	
 	float:left;
	text-align:center;
}

.picture img {
	max-width:100%;
}

.pic_animation {
	transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
}



/***************/
/*   Privacy   */
/***************/

#privacy {
	position:fixed;
	bottom:0px;
	right:16px;
	padding:1px 12px 2px 12px;
	border-radius:5px 5px 0 0;
	background-color:rgba(255,255,255,0.65);
	z-index:11;
}

#privacy-icon {
	display:inline-block;
	width:12px;
	height:12px;
	margin:0px 3px 0 0;
	background-image:url('../img/philbide-privacy.png');
	background-size:12px 12px;
	background-position:center center;
	background-repeat:no-repeat;
	vertical-align:-2px;
}

#privacy-text {
	display:inline-block;
}

.privacy-text {
	font-family:"Merriweather Sans", sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:22px;
	color:#333333;
}

.privacy-text a {
	font-family:"Merriweather Sans", sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:22px;
	color:#333333;
	text-decoration:none;
}

.privacy-text a:hover {
	font-family:"Merriweather Sans", sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:22px;
	color:#333333;
	text-decoration:underline;
}