@charset "UTF-8";
/* CSS Document */

@font-face {
font-family: 'regular';
    font-weight: '400';
	font-display: fallback;
src: url('fonts/CormorantGaramond-Light.ttf') format('truetype');}

@font-face {
font-family: 'bold';

	font-display: fallback;
src: url('fonts/CormorantGaramond-Regular.ttf') format('truetype');}

@font-face {
font-family: 'semibold';
 
	font-display: fallback;
src: url('fonts/CormorantGaramond-Medium.ttf') format('truetype');}


@font-face {
font-family: 'bolder';
 
	font-display: fallback;
src: url('fonts/CormorantGaramond-SemiBold.ttf') format('truetype');}


@font-face {
font-family: 'robotolight';
 
	font-display: fallback;
src: url('fonts/NunitoSans_10pt-Light.ttf') format('truetype');}

@font-face {
font-family: 'robotoregular';
 
	font-display: fallback;
src: url('fonts/NunitoSans_10pt-Regular.ttf') format('truetype');}
@font-face {
font-family: 'robotobold';
  src: url('fonts/futura.woff2') format('woff2'), url('fonts/futura.woff') format('woff');}


/* FRONTEND CSS
*********************************************/
html {
  /* scrollbar fix (prevent ugly left pull for lower content sites) */
  overflow-y: scroll;
	height:100%;
}
/* MEDIA QUERIES
*********************************************/
/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* for higher resolutions (android and retina) */

body {
	height:100%;
	margin:0;
		font-family: "bold", "sans-serif" !important;
	color:#000;background-color:#e8e8e4 !important;
	font-size:15px !important;
	line-height:22px;
}

#contentarea {
	width:1600px !important;
	max-width:100% !important;
	padding:15px !important;
	box-sizing: border-box;
	margin:0 auto !important
}

header {
	width:100% !important;
	text-align: center !important;
}
.video-container {
	text-align:center !important
}
.video-container img {
	max-width:80% !important;
}

video[poster]{
height:100%;
width:100% !important;
}

video {
	width:100% !important;
	height:auto !important;
	transition: 0.5s !important
}

video:hover {
	opacity:0.8 !important
}

#logo {
	width:450px !important;
	height:auto !important;
	margin-top:30px !important;
	max-width:80% !important;
}

strong, b {
	font-weight:normal;
			font-family: "bold", "sans-serif" !important;
		
	}


nav {
	clear:both;
	padding-top:30px !important;
	padding-bottom:30px !important
}

.dj-megamenu-clean li a.dj-up_a .dj-icon {
	font-size:30px !important;
}

.navstiky {
	position: fixed;
top:100px;
left:50%;
width:1600px;
max-width: 100%;
margin-left:-800px;
	z-index: 10;
border-bottom:1px solid #fff}


nav .dj-megamenu-clean {
;width:100%;
display: flex;
  justify-content: center;
}

nav .dj-megamenu-clean li a.dj-up_a small.subtitle {
	display:none !important
}

nav .dj-megamenu-clean li a.dj-up_a, nav .dj-megamenu-clean li a.dj-up_a > span {
	height:40px !important;
	text-transform: uppercase;
}
nav .dj-megamenu-clean li a.dj-up_a {
	color:#000 !important;
	letter-spacing: 0px !important;
	font-family: 'robotolight', sans-serif;
	transition: 1s;font-size:14px !important;
	padding-left:10px !important;padding-right:10px !important
}

nav .dj-megamenu-clean li:hover a.dj-up_a, nav .dj-megamenu-clean li.hover a.dj-up_a, nav .dj-megamenu-clean li.active a.dj-up_a {
	
	color:#000 !important;
	opacity: 0.4!important
}
nav .dj-megamenu-clean li.active a.dj-up_a {
	opacity: 0.4!important
}

nav .dj-megamenu-clean li ul.dj-submenu > li:hover > a, nav .dj-megamenu-clean li ul.dj-submenu > li.active > a {
	color:#fff !important;
	background-color:#000 !important
}

main {
	max-width:96% !important;
	width:800px !important;
	margin:0 auto !important;
	font-size:20px !important;
	line-height:30px;
	text-align: center;
	padding-top:50px !important;
	padding-bottom:50px !important;
	letter-spacing: 1px !important
}

main h1 {
	font-family: 'robotobold', sans-serif;
	font-weight:normal;
font-size:30px !important;}

main p {
	padding-left:75px !important;
	padding-right:75px !important;
	box-sizing: border-box !important
}
main p.imgp {
	padding-left:0 !important;
	padding-right:0 !important;
	box-sizing: border-box !important;
	padding-top:80px !important;
	padding-bottom:50px !important
}

main img {
	max-width:100% !important;
	height:auto !important
}

.devider {
	width:30% !important;
}

.devider2 {
	width:30% !important;
	margin-bottom:50px !important
}

.devider3 {
	width:50% !important;
	margin-top:50px !important
}

.devider4 {
	width:50% !important;
	margin-bottom:50px !important
}

.introtext1 {
	text-transform: uppercase !important;
	margin-top:20px !important;
	margin-bottom:30px !important;
}
.introtext1 strong {
	text-transform: uppercase !important;
	margin-top:20px !important;
	margin-bottom:30px !important;
	font-family: 'robotobold', sans-serif !important;
	font-size:35px !important
}

.nui.form .field input[type=date], .nui.form .field input[type=datetime-local], .nui.form .field input[type=email], .nui.form .field input[type=month], .nui.form .field input[type=number], .nui.form .field input[type=password], .nui.form .field input[type=text], .nui.form .field input[type=time], .nui.form .field input[type=week], .nui.form .field textarea, input.check-selector {
	font-size:15px !important;
	font-family: 'robotolight', sans-serif;
	border-radius:0 !important;
	border:1px solid #000 !important
}

.nui.form .field.error, .nui.form .fields.error {	font-size:15px !important;
	font-family: 'robotolight', sans-serif;}


.morelink:link,
.morelink:visited,
.subbutton,
.nui.form>.nui.button {
	color:#fff !important;
	background-color:#000 !important;
	padding:5px 55px !important;
	letter-spacing:2px !important;
	text-transform: uppercase !important;
	font-family: 'robotolight', sans-serif !important;
	font-size:18px !important;
	margin-top:50px !important;
	text-decoration: none !important;
	transition:1s !important;
	border:1px solid #000 
}


.morelink:hover,
.morelink:active,
.subbutton:hover,
.nui.form>.nui.button:hover {
	color:#000 !important;
	background-color:#fff !important;
	
}
.finduslink {
		display:block !important;
	margin-bottom:70px !important
	}
.chronocredits {
	display:none !important;
}

.nui.form>.nui.button {
	width:100% !important;
	border-radius:0 !important;
	font-weight:normal !important;
	margin-top:15px !important;
	padding:20px !important
}


.abholung {
	background-color:#ba8c77;
	width:70%;
	padding:50px 0%;
	box-sizing:border-box;
	margin:80px auto;
}

.proboto {
		font-family: 'robotolight', sans-serif;
	font-size:22px;
	line-height:25px;
}
.proboto strong {
		font-family: 'robotobold', sans-serif !important;
	font-size:22px;
	line-height:25px;
}
.buschenschank .termine .proboto {
		font-family: 'robotolight', sans-serif;
	font-size:15px;
	line-height:22px;
}
.buschenschank .termine .proboto strong {
		font-family: 'robotobold', sans-serif !important;
	font-size:18px;
	line-height:22px;
}

.newsletterleft .proboto {
		font-family: 'robotolight', sans-serif;
	font-size:18px;
	margin-top:25px !important;
	line-height:25px;
	margin-bottom:25px !important;
}

h3 {
		font-family: 'robotobold', sans-serif;
font-size:24px !important;
	margin-top:35px !important;
	text-transform: uppercase;
}
.abholung h3,
.newsletterleft h3   {
	font-family: 'robotobold', sans-serif;
font-size:24px !important;
	margin-top:35px !important;
	text-transform: uppercase;
margin-bottom:0 !important}



.termine h3 {
	font-family: 'robotobold', sans-serif;
font-size:55px !important;
	font-weight:200 !important;
	margin-top:55px !important;
margin-bottom:30px !important;
letter-spacing: 2px !important}

.termine {
	padding-bottom:30px !important
}

.buschenschank .termine {
	position: relative;
	z-index: 800;
	background-color:#ba8c77 !important;
	 border-radius: 50%;
margin-top:-300px;
	margin-left:500px;
width:350px !important;
height:350px !important;
padding-top:25px !important;
box-sizing: border-box !important;
transform: scale(0.9);
text-align: center !important}

.buschenschank .termine h3 {
	font-family: 'robotobold', sans-serif;
	font-size:35px !important;
margin-top:25px !important;
margin-bottom:15px !important}


.devidertermine {
	display:none ;
}
.buschenschank .termine .devidertermine {
	display:inherit;
	margin-left:auto !important;
	margin-right:auto !important;
	width:50% !important;
	margin-top:25px !important;
	
}

.buschenschank .termine p {
	padding:0 !important;
	margin:0 !important;
	text-align: center !important
}

.anfahrtdiv {
	width:100% !important;
	text-align: center !important;
	position: relative;
}

.anfahrt {
	max-width:100%!important;
	margin:50px auto !important;
	width:1300px !important;
}

.anfahrtbuschenschank {
	position: absolute;
	bottom:22% !important;
	left:23% !important;
	height:250px;
	width:250px;
}
.newsletter {
	width:100% !important;
	background-image:url("images/newsletter.jpg");
	 background-size:cover !important;
	background-repeat: no-repeat;
	padding:80px 0;
}

.newsletterinner {
	width:1300px !important;
	max-width:100%;
	margin:40px auto !important;
	background-color:#fff !important;
	padding:50px;
	box-sizing: border-box
	
}


.clear {
	clear:both !important
}

.acym_form {
	width:70% !important;
	box-sizing: border-box;
	padding:0 40px !important;
	float:right !important;
}

.newsletterleft {
	width: 30% !important;
	float:left !important;
	text-align: center !important;
}

.nldevider {
	width:60% !important
}

.acyfield_text {
	width:45%!important;
	margin-right:5% !important;
	float:left !important;
	padding-bottom:10px !important
}

.fieldacyterms {
	width:45% !important;
	float:left !important;
	padding-top:5px !important
}

.fieldacyterms a:link,.fieldacyterms a:visited {
	text-decoration: underline;
color:#000;}

.fieldacyterms a:hover,.fieldacyterms a:active {
	text-decoration: none;
color:#000;}

.acym_form label,
.acym_form label span {
	display:block !important;
	font-size:14px !important;
	font-family: 'robotolight', sans-serif;
}

.acym_form input {
	border:none !important;
	border-bottom:0.5px solid #000 !important;
	width:100% !important;
	display:block !important;
	padding:8px !important
}
.fieldacyterms input {
	display:inline-block!important;
	float:left !important;
	width:inherit !important;
	margin-top:3px;
	margin-right:5px !important;
	margin-bottom:15px !important
}

input.subbutton {
	border-radius:0 !important;
	font-size:14px !important;
	width:40% !important;
	float:right !important;
	border:1px solid #000 !important;
	margin-top:26px !important;
	display:block !important
}
@media (max-width:1100px) {
	input.subbutton {
	border-radius:0 !important;
	font-size:14px !important;
	width:50% !important;
	float:right !important;
	border:1px solid #000 !important;
	margin-top:26px !important;
	display:block !important
}
}
@media (max-width:900px) {
	input.subbutton {
	border-radius:0 !important;
	font-size:14px !important;
	width:70% !important;
	float:right !important;
	border:1px solid #000 !important;
	margin-top:26px !important;
	display:block !important
}
	
	.fieldacyterms {
	width:70% !important;
	float:left !important;
	padding-top:5px !important
}

}
footer {
	text-align:center;
	font-family: 'robotolight', sans-serif;
	font-size:18px;
	padding:100px 50px;
	box-sizing: border-box;
	
}

footer img {
	width:400px;
	max-width:90% !important;
	height:auto;
	margin-bottom:60px;
}

.footerinner {
	width:1000px!important;
	max-width:90% !important;
	margin:0 auto!important
}

.contactlink:link,
.contactlink:visited {
	color:#000 !important;
	text-decoration: none;
	font-family: 'robotobold', sans-serif;
	margin:35px 25px;
	transition: 1s;
}

.contactlink:hover,
.contactlink:active {
	color:#999 !important;
	text-decoration: none;
	font-family: 'robotobold', sans-serif;
	margin:35px 25px;
}

footer .morelink:link, footer .morelink:visited {
	width:30% !important;
	display:inline-block;
	margin-bottom:80px;
	padding:10px 0 !important
	
}

.imgkl {
	width:45% !important;
	margin:15px 2.5% !important;
	float:left !important
}

.weincontainer {
	width:100% !important;
	text-align: left !important;
	font-size:17px !important;
	line-height:30px !important;
	margin-bottom:70px !important
	
}

.weintext {
	padding-left:180px;
}

.weintext p {
	font-size:22px !important;
}

.weindetails {
	border-top:4px solid #000;
	border-bottom:4px solid #000;
padding:15px 0;
display:block;
	font-family: 'robotobold', sans-serif;
}

.weindetails p {
	margin-bottom:0 !important;
	font-family: 'robotobold', sans-serif;
	font-size:20px !important;
	line-height:24px !important
}

.weindetails strong {
	margin-bottom:0 !important;
	font-family: 'robotobold', sans-serif !important;
	font-size:25px !important
}

.weincontainer p {
	padding:0 !important;
	
}

.hinweiswein {
	background-color:#000;
	padding:5px 8px;
	text-transform: uppercase;
	color:#fff;
	font-family: 'robotobold', sans-serif;
	float:right;
	display:inline-block;
}

.weinflasche {
	width:120px !important;
	float:left !important;
	margin-right:15px !important
}

.weine {
	width:750px !important;
	height:auto !important
}

	.mobilebr {
		display:none;
	}

@media (max-width:1250px) {
	.video-container img {
		max-width:100% !important;
	}
}

@media (max-width:1000px) {
	.video-container img {
		max-width:100% !important;
	}
	
	.buschenschank .termine {
		transform:scale(0.7);
		margin-left:50% !important;
		margin-top:-200px !important
	}
}

@media (max-width:980px) {
	.itemid-157 img, .itemid-157 .morelink {
display: none !important;
}
}

@media (max-width:750px) {
	.buschenschank .termine {
		transform:scale(0.8);
		margin-left:auto !important;
		margin-right:auto !important;
		margin-top:-100px !important
	}
	
	.hidemobile {
		display:none;
	}
	
	.mobilebr {
		display:block;
	}
	
	main p {
	padding-left:15px !important;
	padding-right:15px !important;
	box-sizing: border-box !important
}
	
	footer p {
		line-height:32px !important
	}
	
main p.imgp {
	padding-left:0 !important;
	padding-right:0 !important;
	box-sizing: border-box !important;
	padding-top:80px !important;
	padding-bottom:50px !important
}
	.morelink:link,	.morelink:visited {
		display:block !important;
		margin-top:15px !important
	}
	
	
	
	.abholung {
		width:96% !important
	}
	
	footer .morelink:link, footer .morelink:visited {
width: 100% !important;
display: block !important;
margin-bottom: 15px !important;
}
	
	footer img {
		width: 400px;
max-width: 70% !important;
height: auto;
margin-bottom: 20px
}
	.newsletterleft, .acym_form {
		float:none !important;
		width:96% !important;
		margin: 0 auto !important
	}
	
	.acyfield_text, .fieldacyterms {
width: 100%!important;
margin-right: 0% !important;
float: left !important;
padding-bottom: 10px !important;
}
	.newsletterinner {
width: 1300px !important;
max-width: 80%;
margin: 40px auto !important;
background-color: #fff !important;
padding: 25px;
box-sizing: border-box;
}
	
	input.subbutton {
border-radius: 0 !important;
font-size: 14px !important;
width: 100% !important;
float: none !important;
border: 1px solid #000 !important;
margin-top: 26px !important;
}
	
	ul.dj-mobile-light li.dj-mobileitem>a {
	font-family: 'robotoregular', sans-serif;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-size:16px !important;
	background: #fff !important;}
	
	ul.dj-mobile-light li.dj-mobileitem.itemid-136>a.withicon {
		font-size:40px !important;
		text-align: center !important
	}
	
	ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a {
background: #000000 !important;
		color:#fff !important;
}
	ul.dj-mobile-light li.dj-mobileitem.itemid-136:hover>a, ul.dj-mobile-light li.dj-mobileitem.itemid-136.active>a {
background: #fff !important;
		text-align: center !important;
		color:#333 !important;
}.dj-offcanvas-light, .dj-offcanvas-light .dj-offcanvas-top {
background: #fff !important;
color: #444444;
}
	
	.itemid-157 img, .itemid-157 .morelink {
		display:none !important;
	}
	
	.itemid-157 {
		text-align: center !important
	}
	
	.weinflasche {
width: 120px !important;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
} 
	
	.weincontainer {
		text-align:center !important
	}
	
	.weintext {
		padding:0 !important;
		text-align: center
	}
	
	.weindetails {
		text-align: left !important
	}
	
}