@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700);



html{
  height: 100%;
}
body {
  min-height: 100%;
}

#printheader, #box-wineinsights, #box-eventkalender, #dropdown {display: none;}
.noborder, .noborder img { border: none!important; }
.clear, .clearfix{ clear: both; }

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background:url(../images/bg.jpg) center top fixed;
	font-family: 'Noto Serif', Georgia, serif;
	}
	
#main, #partner {
	margin: 0 auto;
	padding: 0 0;
}

input.button, input, textarea { 	font-family: 'Noto Serif', Georgia, serif!important; }
.button { background: #910534; color: white; display: block; width: auto; padding: 10px; text-align: center; }

#main { max-width: 1230px; position: relative; 	}

/***********************************/
/* HEADER **************************/
/***********************************/

#wideheader { width: 100%; position: absolute; top: 0; left: 0; background: white; height: 69px; border-bottom: 5px solid #910534; }
/* IE 10/11 HACK */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#wideheader { width: 100%; position: absolute; top: 0; left: 0; background: white; height: 68px; border-bottom: 6px solid #910534; }
}


header.mobile { display: none; }
		
header.desk {
	width: 100%;
	height: auto;
/* 	background:url(../images/bg-top.png) repeat-x ; */
	text-align: center; 
	position: relative; z-index: 90; 
	}
	
.desk #logo {
	float: none;
	width: 357px;
	height: 146px;
	margin: auto;
	position: absolute; 
	display: block;
	background: url(../images/logo-lg.png) no-repeat; 
	left: 50%; margin-left: -178px;
	}			

#topaddress1 { color: white; position: absolute; left: 0; top: -70px; z-index: 40; text-align: left; }
#topaddress2 { color: white; position: absolute; right: 0; top: -70px; text-align: right; z-index: 40; }
#topaddress1 a { font-weight: bold; color: white; }
#topaddress2 a { font-weight: normal; color: white; }
#topaddress1 br, #topaddress2 br { display: none; }

	@media screen and (max-width:1239px) {
	
		#topaddress1, #topaddress2 				{ top: -87px; }
		#topaddress1							{ left: 10px; }
		#topaddress2 							{ right: 10px; }

		#topaddress1 br, #topaddress2 br 		{ display: block; }
		#topaddress1 .hide, #topaddress2 .hide 	{ display: none; }

	}

#breadcrumbs { position: absolute; left: 0; top: -30px; width: 100%; color: white; text-align: left; }
#breadcrumbs a { font-weight: normal; }
.B_crumbBox { border-bottom: 1px solid white; display: block; }

#main .flex-direction-nav a, 
#main .flex-direction-nav,
#main .flex-direction-nav li {min-height: 100%; height: 100%;  background: none; top: 0; margin-top: 0; text-indent:-9999px; overflow: hidden; content: none; width: 20px; }

#main a.flex-prev { background:url(../images/flex-nav-left.png) no-repeat center center;  }
#main a.flex-next { background:url(../images/flex-nav-right.png) no-repeat center center; text-indent: -9999px; }

#main .flex-direction-nav a {   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;}
  
#main .flex-direction-nav a:hover {   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;}
 

/***********************************/
/* WRAPPER / CONTENT ***************/
/***********************************/		
						
#wrapper, nav, aside.right{ margin-top: 150px; padding-top: 20px;	}

#wrapper {
	float: left;
	min-height: 850px;
	position: relative;
	z-index: 50; 
	width: 100%; 
}

section	{
	margin-right:280px;
	margin-left:280px;
	padding: 0 0 0 0;
	position: relative; 
}

#contentheader, .box, #content, #subnav ul.box, ul.subnav{  -webkit-box-shadow: 0 0 10px 0 #1b120b; box-shadow: 0 0 10px 0 #1b120b; }
		
#contentheader { margin-bottom: 15px; }
.img-responsive { width: 100%; height: auto; display: block; }

#content{ padding: 20px; background: white; border-top: 5px solid #910534; border-bottom: 5px solid #910534; margin-bottom: 30px;}

#content h1 { margin:0 0 10px 0; padding: 0; line-height: 35px; font-size: 30px; font-weight: normal; color: black; }
#content h2 { margin: 0; padding: 0; line-height: 22px; font-size: 22px; font-weight: normal; color: black; }
#content p  { font-size: 14px; color: #000; line-height: 135%; }

/***********************************/
/* NAVI ****************************/
/***********************************/

.mainnav 		{ position: relative; float: left; margin: auto; padding:0; left: 0; top: 25px; width: 35%; z-index: 50; }
.mainnav li 	{ float: left; list-style: none; margin: 0; padding: 0; width:33.3333%; text-align: center; position: relative;  }
.mainnav li a 	{ color: black; text-decoration: none; font-size: 18px; display: inline-block; text-align: center; font-weight: normal; }
.mainnav li a:hover,
.mainnav li.active a { color: #910534; border-bottom: 3px solid #910534; }
.mainnav2 		{ left: auto; right: 0; text-align: right; float: right; }

/* 2nd lvl */
.mainnav ul { display: none; width: 150%; padding:8px 0 0 0; position: absolute; left: -25%; top: 21px; }
.mainnav ul img { position: absolute; left: 50%; top: 0; margin-left: -10px; }
.mainnav li:hover ul { display: block; }
.mainnav li:hover ul li { float: none; clear: both; width: 100%; text-align: left; position: relative; border-bottom: 0; outline: none; background: #910534;}
.mainnav li:hover ul li a { font-size: 14px; color: white; text-align: left; display: block; border-bottom: 1px solid white; margin: 0 10px; padding: 5px 0; padding-left: 10px; }
.mainnav li:hover ul li.last ul li a {border-bottom: 1px solid white;}
.mainnav li:hover ul li a:hover,
.mainnav li:hover ul li.current a { background:url(../images/nav-arrow-white.png) left center no-repeat;  }
.mainnav li:hover ul li.last a,
.mainnav li:hover ul li.last ul li.last a { border-bottom:0; }

/* 3rd lvl */
.mainnav li:hover ul li ul { display: none!important; padding-top: 0;  }
.mainnav li:hover ul li:hover ul { display: block!important; }
.mainnav li:hover ul li ul{ width: 100%; left: 100%; top: 0; margin-left: 1px;}
.mainnav li:hover ul li.active ul{ padding: 0; }
.mainnav ul ul img { display: none!important; }

/* ARROW FIRST AND LAST */
.mainnav1 li.first ul { left: 0; }
.mainnav1 ul li.first img { left: 29%; margin-left: 0; }
.mainnav2 li.last ul { right: 0; }
.mainnav2 ul li.last img { left:auto; right: 29%; margin-left: 0; }

/* open to the left side */
.mainnav2 ul li:hover ul { position:absolute; left: -100%!important; margin-left: -1px!important; }


#subnav {
	float: left;
	width: 250px;
	margin-left: -100%;
	padding-bottom: 20px;
/* 	left: -0%;  */
	position: relative; z-index: 80; 
}

#subnav ul 			{ background: #910534; padding: 0; margin: 0 0 30px 0; }
#subnav ul li		{ list-style: none; margin: 0; padding: 0 10px; } 
#subnav ul li a 	{ color: white; padding: 6px 9px; border-bottom: 1px solid white; display: block; }
#subnav ul li a:hover { background: url(../images/nav-arrow-white.png) left center no-repeat; }
#subnav ul li.last a{ border-bottom: none;  }

/***********************************/
/* BOXEN ***************************/
/***********************************/
aside.left { display: none; }
aside {
	float: left;
	width: 250px; 
	margin-left: -250px; 
	height:200px;
	position: relative; z-index: 80; 
	}
	
.box			{ background: white; border-top: 5px solid #910534; border-bottom: 5px solid #910534; margin: 0 0 30px 0; padding: 10px; position: relative; }
.box h4 		{ margin: 0; padding: 0; font-size: 18px; font-weight: normal; }
.box .icon 		{ position: absolute; top: 5px; right: 15px; z-index: 20; }
.box .bottle { max-width: 65px; float: left; margin-right: 5px;  }
.recommender { padding: 10px 0 0 0; border-top: 1px solid black; border-bottom: 1px solid black; background: #d2d2d2; position: relative; display: block; z-index: 10; margin-bottom: 5px; }
.recommender img { position: relative; bottom: 0; display: block; width:97%; height: auto; }
.weinlink  { font-size: 18px; padding-right: 45px;  display: block;}

	@media screen and (min-width:800px) and (max-width:1240px) {
		.recommender img { max-width: 200px; }
	}

#box-neu h4, #box-newsletter h4 { border-bottom: 1px solid black; padding: 0 5px 3px;}
#box-newsletter h4 { margin-bottom: 15px; }
#box-newsletter .button { margin-bottom: 20px; }

.boxcontent table td { padding: 0 10px 0 0; vertical-align: top; white-space: nowrap; }
.boxcontent form table { width: 100%; }
#box-newsletter form input[type=text], .kontaktform textarea, .kontaktform input[type=text] { border: 1px solid black; padding: 5px; width: 218px;  }
.kontaktform textarea, .kontaktform input[type=text] { width: 250px; }
#box-newsletter form input.button, .submitbutton, #submit { height: auto; border: none; background: #910534; color: white; width: 230px; padding: 5px 0; margin-top: 2px; }
input.button:hover { cursor: pointer; }
.kontaktform input.button, .submitbutton, #submit { width: auto; padding:5px 15px; border: none; background: #910534; color: white; height: auto; }
input.vericode { float: none; clear: both; }
/* #blog #submit { width: 100%; padding-left: 0; padding-right: 0; } */
#box-newsletter p { margin: 10px 0 3px; }
#box-newsletter .kontaktform td { padding-right: 0; }

/***********************************/
/* TEXT / BILD *********************/
/***********************************/	
#textcol	{ width: 64%; float: left; }
#imgcol		{ width: 33%; float: right; }
#imgcol.half{ width: 50%; }
#imgcol img	{ width: 100%; height: auto; /* border: 2px solid #910534; */ }

/* EVENT */
#tpl-19	#imgcol	{ width: 48.5%; float: left; }
#tpl-19 #textcol	{ width: 48.5%; float: left; margin-left: 3%; }

/* ACCORDION */
.trigger, #content .trigger2 { color:white; cursor:pointer; margin-bottom:5px; padding:5px 15px; font-size: 14px; background: url(../images/accordion-passiv.png) 97% center no-repeat #910534; }
.trigger_active, #content .trigger2_active{ background: url(../images/accordion-active.png) 97% center no-repeat #910534; }

.trigger2_active { background: url(../images/accordion-active.png) 95% center no-repeat #910534; }
.trigger2 { color:white; cursor:pointer; margin-bottom:5px; padding:5px 15px; font-size: 14px; background: url(../images/accordion-passiv.png) 95% center no-repeat #910534; }
.trigger2 { padding: 5px 10px; }
.trigger2_active, #content .trigger2_active { margin-bottom: 0; }

.toggle_container, .toggle2_container { padding:0 10px 5px; }

.toggle2_container { border: 1px solid #910534; }

#content .downloadtable { width: 100%; }
#content .downloadtable img { border: none; }
#content .downloadtable th { text-align: left; padding-bottom: 5px;  }
#content .downloadtable td,
#content .downloadtable th { vertical-align: top; padding-right: 10px;  }
#content .downloadtable td { border-bottom: 1px solid black; padding:3px 10px 3px 0; }
#content .downloadtable tr.last td { border: none; }
#content .downloadtable a { font-weight: normal; }
@media screen and (max-width:320px) {
	#content .downloadtable th.hide-xs,
	#content .downloadtable td.hide-xs { display: none; }
}

.eventlist { margin: 0; padding: 10px 0 0 0; }
.eventlist li { margin: 0 0 5px 0; padding: 0 0 5px 0; list-style: none; border-bottom: 1px solid black; }
.eventlist li.last { border-bottom: none; }
.eventlist li a { font-weight: normal; }

/* GALLERY */
#gallery 		{ margin: 0; padding: 0; width: 100%; }
#gallery li		{ float: left; list-style: none; margin: 0 2.2% 1.2% 0; padding: 0; width: 31.13333%;}
#gallery img	{ width: 100%; height: auto;  }		

/* MITARBEITER */
.mitarbeiter	{ clear: both; margin-bottom: 15px; display: table; }
.mitarbeiterimg { width: 209px; float: left; margin-right: 20px; }
.mitarbeitertext{ display: table-cell; vertical-align: bottom; padding-bottom: 5px;}
.mitarbeitertext p{ display: table-cell; }
/* 		.mitarbeiterimg { width: 30.73529411764706%; float: left; } */
.mitarbeiterimg img { /* width: 100%; height: auto; */ max-width: 205px; }

/* EVENTTABLE */
table { border-collapse: collapse; }
.eventtable { margin-bottom: 20px; }
.eventtable a { font-weight: normal; }
.eventtable td { vertical-align: top; padding: 0 0 3px; }
h4, h4 a { font-size: 15px; margin: 0 0 4px 0; color: black; }

/***********************************/
/* FOOTER **************************/
/***********************************/
#widefooter { position: relative; height: 220px; width: 100%; bottom: -0; left: 0; background: white; border-top: 10px solid #910534; }
#mainfooter { position: relative; margin: auto; max-width: 1230px; height: 220px; }
#wideFooter2{ display: none; }
p#copyright { position: absolute; left: 0; bottom: 10px; margin: 0; }
#copyright a { color: black; }

	#footer1 div ul	{ margin: 0; padding: 0; }
	#footer1 div ul li { list-style: none; }
	#footer1 h4 	{ font-size: 18px; font-weight: normal; margin: 10px 0 5px;} 
	.footeraddress 	{ width: 250px; padding-right: 30px; float: left; padding-left: 0; }

	#footer-events 	{ width: 24%; float: left;  }
	#social			{ width: 24%; float: right; }
	#social .postimage { max-width: 45px; float: left; margin-right: 10px; border: 1px solid black; }
	#social .post 	{ padding-bottom: 10px; }
	#social .postdate { padding-bottom: 3px; }
	#social ul li a img{ padding: 0 8px 0 0; float: left; margin-top: -2px; }
	.footermeta 	{ width: 250px; float: right; padding-left: 30px; }


@media screen and (min-width:701px) and (max-width:1024px) {

	#main {
		min-width: 680px;
		max-width: 1000px;
		height: auto;
		}


		header.desk {
			width: 100%;
			height: auto;
			background:url(../images/bg-top.png) repeat-x ;
			text-align: center; 
			}
			
/*
		.desk #logo {
			float: none;
			width: 357px;
			height: 146px;
			margin: auto;
			position: relative; 
			display: block;
			background: url(../images/logo-lg.png) no-repeat; 
			}	
*/		


		#wrapper {
			float: left;
			width: 100%;
			}

			section	{
				margin-right:0;
				margin-left:280px;
				margin-right: 10px;
				min-height:500px;
				font-size: 22px;
				}

			nav {
				float: left;
				width: 250px; 
				margin-left: -100%;
			}
			aside.right { display: none; }
			aside.left 	{ display: block; margin: 0 0 0 0; height: auto; padding-bottom: 12px; }
			
			aside.left section{ font-size: 14px;}

		footer {
			clear: both;
			width: 100%;
			text-align: left;
/* 			padding: 4px 0; */
			}
			
			#subnav { padding-bottom: 0; } 
			.subnav { display: none; }

#widefooter { position: relative; bottom: 0;  }

}

@media screen and (max-width:800px) {

	#main {
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-position: 0px 32px;
		box-shadow: none;
		background: none !important;
		border-bottom: 0;
		}
	
/* 	header 	{ display: none; background: none;} */
	header.desk{ display: none; }

	header.mobile	{ 
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
/* 		position: relative; */
		top: 0; left: 0;
		margin: 0; padding: 0;	
		z-index: 100; 
		}
		
		header.mobile img{ border: none; }
		
		#logo {
			width: 100%;
			height: auto;
			float: left;
			display: block;
			margin: 100px 0 0 0; padding: 0;
			}

			#logo img{ width: 100%; height: auto; }
			
		#headimg { width: 100%; height: 100px; min-height:100px; background: url(../images/templ/mobile/head_default.jpg) right top no-repeat; float: left; margin-top: -5px; }

	#wrapper { min-height: 0;  margin-top: 100px; }
	#topaddress1 { padding-top: 0; padding-bottom: 10px; }
	#topaddress1, #topaddress2 { position: relative; margin: auto; text-align: center; left: 0; right: 0; bottom: 10px; margin-top: -10px;   }	
	#topaddress1 .hide, #topaddress2 .hide  { display: inline-block; padding: 0 5px;}
	#topaddress1 br, #topaddress2 br { display: none; }
	#breadcrumbs { top:-40px; }
	section { margin-top: 15px; }
	#wrapper section { margin-top: -50px; }
		
	nav 		{ display: none; }
	aside 		{ display: none; }
	.homeText	{ display: block; }
	
	/* MOB TOPBAR */
	#topBar { width: 100%; height: 70px; background: #910534; position: fixed; z-index: 999; }	
	#logo	{ margin-top: 70px; }
	
	.mobNav 	{ width: 65px; height: 58px; background: url(../images/ico-nav.png) no-repeat; display: block; margin: 10px 10px 0 0; padding: 0; float: right; }
	.search 	{ width: 50px; height: 58px; background: url(../images/ico-search.png) no-repeat; display: block; margin: 5px 10px 0; padding: 0; float: left; }
	
	/* CONTACT FIELD */
	#mobKontakt	{ display: none; padding: 30px 3% 25px; width: 94%; margin-bottom: -100px; height: auto; background: #ccc; font-size: 30px; margin-top: 70px; position: relative; z-index: 10;}
	#mobKontakt h1{ display: block; background: white; padding: 15px 5px 10px; margin: 0; font-size: 30px; font-weight: normal;}
	.mobNavContact{margin: 0 0; overflow: hidden; display: block; clear: both; background: #004A00;}

	.mobNavImg{width: 40%; float: left; display: none;}

	.mobNavImg img{width: 101%; height: auto;}
	.mobNavIconImg{width: 60%;  float: left;}	
	.mobNavIconImg img{width: 101%; height: auto;}
	.mobNavIconImg a, .mobNavIconImg span{ position: absolute; top: 0; right: 0; z-index: 999;}
	
	.mobNavContact .tellink{ height: 80px; width: 50%; top: 36%!important; }
	.mobNavContact .maillink{ height: 80px; width: 50%; top: 65%!important;}	
	.mobNavIconImg a.maillink{left: 45%; top:80%; font-size:17px; color: black; text-indent: -9999px; overflow: hidden; }
	.mobNavIconImg a.tellink{left: 45%; top:55%; display: block; font-size: 20px; color:black; text-indent: -9999px; overflow: hidden; }
	
	#mobKontakt .arrow-up {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid white; width: 1px;
		position: absolute;
		top: 10px; right: 125px;
	}
	
	/* SEARCH FIELD */
	#mobSearch{display: none; height:auto; background: #ccc; margin-top: 70px; padding: 30px 3% 25px; margin-bottom:-70px; position: relative; }
	#searchform, #mobSearch #ajaxSearch_form{ background: #910534; height: auto; padding: 15px;}	
	#s, #mobSearch #ajaxSearch_form input{border: none; color: #666; font-size: 17px;-webkit-border-radius: 10px;  border-radius: 10px; padding: 15px 3%; width: 94%;}
	#searchform label, #mobSearch #ajaxSearch_submit, #searchsubmit{display: none;}
	
	#mobSearch .arrow-up {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid white; width: 1px;
		position: absolute;
		top: 10px; right: 3%;
	}	

	/* ASIDE BOXES */
	aside.right { display: block; position: relative; margin: 0 0; padding: 20px 0 50px 0; width: 100%; height: auto;  }
	#wrapper { padding: 0;  }
	#wrapper section { background: none; border:none;}
	
	aside #three-third { float: right; width: 48%; }
	aside #three-third .box { width: auto; margin-right: 0%; padding:10px; float: left;}
	aside #three-third #box-eventkalender.box { margin-right: 4%; }
	aside #two-eighty{ float: left; width: 48%;  }
/* 	.box h4, .box img .box .boxcontent { padding: 0 10px;  } */
	.addthis_button { display: none; }
	
	section { margin-left: 0; margin-right:0; }

	#textcol	{ width: 100%; float: none; }
	#imgcol		{ width: 100%; float: none; }
	
	
	footer {
		clear: both;
		width: 100%;
		text-align: left;
		padding: 0px 0;
		font-size: 13px;
		border: none;
		}
		
	#sidr ul li ul li ul li { padding-left: 15px; }
	
	/* GALLERY */
	#gallery li		{ float: left; list-style: none; margin: 0 1% 0.3% 0.7%; padding: 0; width: 48%;}
	#gallery img	{ width: 100%; height: auto; border: 2px solid #910534; }		
	
}


@media screen and (max-width:640px) {

	h1 	{ font-size: 25px!important; }
	h2 { font-size: 20px!important;}
	aside, 
	aside span, 
	aside a,
	p, ul li, 
	#content p strong, 
	#content p b{ font-size: 15px!important; }
	
	#content p { line-height: 135%; }
	
	footer p, 
	footer a	{ font-size: 12px!important; }
	
	footer{ padding-top: 5px;}

	
	/* MITARBEITER */
	.mitarbeiter	{ clear: both; margin-bottom: 30px;}
	.mitarbeitertext{ height: auto;}
	.mitarbeiterimg { width: 40%; float: left; }
	.mitarbeiterimg img { width: 100%; height: auto; }
	
	#main { min-height: 800px; }
	
	/* FOOTER */	
	#widefooter { height: auto; bottom: 0; position: relative;} 
	
	#mainfooter 	{ border-top:0 solid #910534; background: white; padding-top: 0; height: auto;  padding-bottom: 30px; }
	#wideShare		{ width: 50%; background: orange; margin-bottom: 20px; height: 65px; float: right;  }
	#wideFooter1	{ width: 100%; float: none;  }
	#wideFooter2	{ width: 100%; background: none; min-height: 200px; display: block;  }
	
	#header,
	#footer1,
	#footer2,
	#wrap,
	#line			{ max-width: 640px; margin: auto; border-left: 10px solid transparent; border-right: 10px solid transparent; }
	
	#mobHeader 		{ width: 100%; height: 80px; background: #363636; padding: 0 20px; }
	#mobHeader a	{ font-size: 50px; line-height: 80px; color: #fff; }
	.btnMobFnc		{ float: left; }
	.btnMobNav		{ float: right; }
	
	.logo			{ width: 30%; }
	
	#wrap 			{ min-height: 500px; }
	
	#footer1			{ padding-bottom: 20px; position: relative; }
	.footermeta, #footer-events { display: none; }
	.footeraddress { width: 48%; float: left; padding: 0; background: none; padding: 0 0 10px 0; }
	#social { width: 50%; float: right; background: none; padding-bottom: 10px; }
		
	.mobContact1		{ float: left; width: 50%; position: relative; margin-top: 0; }
	.mobContact1 .fa	{ font-size: 50px; }
	.mobContact1 a		{ display: block; line-height: 76px; background: #910534; margin-bottom: 3px; color: #fff; padding-left: 10px; }
	.mobContact2		{ float: left; width: 50%; margin-top: 0; }
	.mobContact2 a		{ display: block; background: #910534; color: #fff; margin-bottom: 3px; line-height: 44px; margin-left: 3px; position: relative; padding-left: 10px; }
	.mobContact2 span	{ position: absolute; right: 10px; top: 18px; }
	
	#footer2 h2			{ font-size: 28px; font-weight: normal; color: #910534; }
	
	#newsletter table { width: 200px; }
	#newsletter			{ float: left; width: 50%; margin-right: 20%; }
	#newsletter input	{ width: 100%; border: 0; display: block; margin-bottom: 3px; padding: 5px; }
	#newsletter input.button { background: #910534; color: white; margin: 2px 0 15px 0; height: 30px; padding: 5px 20px; }
		
		@media (max-width: 450px) {
			.mobContact1,
			 .mobContact2	{ width: 100%; }
			.mobContact2 a	{ margin-left: 0; }
			#newsletter		{ width: 100%; }
			#social			{ width: 100%; }
			#gallery li { width: 100%; float: none; clear: both; margin: 0; }
			
		}	
	

}



/***********************************/
/* STARTSEITE **********************/
/***********************************/	
#main { position: relative; background: none;  }
#tpl-4 #breadcrumbs, #tpl-4 #box-neu, #tpl-4 #contentheader { display: none; }
#tpl-4 aside.right 		{ margin: 0; padding: 0; float: left; clear: both; width: 100%; height: auto; }
#tpl-4 aside.right .box { float: left; padding: 0; }
#tpl-4 aside.right .box h4 { margin:10px; padding: 0; border-bottom: 1px solid black;  }
#tpl-4 aside.right #box-weindesmonats.box h4 { margin-bottom:0px; padding: 0; border-bottom: none;  }
#box-weindesmonats hr { border: none; padding: 0; margin: 0 0 10px; background:black;}

#tpl-4 aside.right .box .boxcontent { padding: 0 10px 10px;}
#tpl-4 #wrapper 		{ width: 100%; min-height: 1px;  }
#tpl-4 section 			{ margin-right: 0; padding-bottom: 20px; min-height: 1px; }
#tpl-4 #content 		{ width: 100%; margin: 0; padding: 0; border: none; }
#tpl-4 #slider img 		{ width: 100%; height: auto; border: none;  }
#tpl-4 #slider 			{ width: 100%; height: auto;  }
#tpl-4 #widefooter 		{ position: relative; bottom: 0; }
#tpl-4 #box-wineinsights,
#tpl-4 #box-eventkalender  { display: block; }
#tpl-4 #box-eventkalender h4 { margin-bottom: 18px; }
#box-wineinsights .post { border-bottom: 1px solid black; margin-bottom: 5px; padding-bottom: 10px; }
#box-wineinsights .post:last-child { border-bottom: none; padding-bottom: 0; }

#tpl-4 .addthis_button { display: none; }

.boxcontent .postimage { max-width: 50px; border: 1px solid black; float: left; margin-right: 10px;  }

#tpl-4 #two-eighty { width: 250px; position: absolute; left: 0; top: 0; }
	#tpl-4 #two-eighty .box { width: 100%; }
#tpl-4 #three-third {  padding-left: 280px;  }
	#tpl-4 #three-third .box { width: 32%; margin-right: 2%; }
	#tpl-4 #three-third #box-eventkalender.box { margin-right: 0; }

@media screen and (max-width:1024px) {

	#tpl-4 #subnav 			{ display: none; }
	#tpl-4 #wrapper 		{ width: 100%; }
	#tpl-4 #wrapper section { margin-left: 0; }
	#tpl-4 aside.right 		{ display:block; float: left;}
	#tpl-4 aside.right .box { float: left; width: 48%; margin-right: 2%; min-height: 400px; }
	
	#tpl-4 #box-weindesmonats,
	#tpl-4 #box-eventkalender { margin-right: 0; float: right;  }

	#tpl-4 #two-eighty { display: none; }
	#tpl-4 #three-third {  padding-left: 0; float: none; width: 100%; }
	#tpl-4 #three-third .box { width: 32%; margin-right: 2%; float: left;}
	#tpl-4 #three-third #box-eventkalender.box { margin-right: 0%; }
	
	#social .second { display: none; }

}

@media screen and (max-width:800px) {

	#tpl-4 #wrapper { padding: 0;  }
	#tpl-4 #wrapper section { background: none; border:none;}
	#tpl-4 #three-third .box { width: 48%; margin-right: 4%; float: left;}
	#tpl-4 #three-third #box-wineinsights.box { margin-right: 0%; }
	#tpl-4 #three-third #box-eventkalender.box { margin-right: 4%; }
	#social .second { display: block; }

}

@media screen and (max-width:640px) {

	aside #two-eighty { width: 100%; float: none; clear: both; }
	aside #three-third { width: 100%; float: none; clear: both; }
	
	#tpl-4 #three-third .box { width: 100%; margin-right: 0; float: none; clear: both; }
	#tpl-4 #three-third #box-wineinsights.box { margin-right: 0%; }
	#tpl-4 #three-third #box-eventkalender.box { margin-right: 0; }
	#content, .box { margin-bottom: 20px; }
	#tpl-19 #imgcol { width: 100%; border: none; float: none; clear: both; }
	#tpl-19 #imgcol img {border: none; }
	#tpl-19 #textcol { margin: 0; }
	#tpl-19 #textcol p { margin: 0; }
	
	.recommender img { width: auto;}
}

@media screen and (max-width:450px) {
	
	#tpl-4 aside.right .box { width: 100%; margin-right: 0!important;  }
	
}

/*****************************************************************************************/
/* ABSTAND ZUM BROWSERFENSTER ************************************************************/
/*****************************************************************************************/

@media screen and (max-width:1240px) {
	.footeraddress{	width: 240px; padding-left: 10px; }
	#breadcrumbs .B_crumbBox { margin-left: 10px; margin-right: 10px; display: block;}
	p#copyright { left: 10px;  }
	
	#subnav { border-left: 10px solid transparent;   }
	aside.right { right: 10px; }
	#tpl-4 #wrapper section { border-right: 10px solid transparent; }
	#tpl-4 aside.right { border-left: 10px solid transparent;}
	#tpl-4 #two-eighty {  left: 10px; }
	#tpl-4 #three-third {  padding-right: 10px; }

	#footer-events 	{ width: 20%; float: left;  }
	#social			{ width: 20%; float: right; }
}

@media screen and (max-width:1024px) {

	#tpl-4 #three-third {  padding-right: 0; }
	#tpl-4 #wrapper section { border-left: 10px solid transparent; }
	
	#tpl-4 aside.right { width: auto; padding-left: 10px;  }
	#tpl-4 #two-eighty { display: block!important; position: relative; left: 0; width: 32%;}

	#footer-events 	{ width: 20%; }
	#social			{ width: 20%; }
	.footermeta		{ width: 20%; }

}

@media screen and (max-width:800px) {

	#wrapper section { 	border-left: 10px solid transparent; border-right: 10px solid transparent; width: auto!important; }
	aside.right { right: 0; padding: 0; }
	#box-neu { float: left; width: 100%; padding: 0;  }
	#box-neu .boxcontent { padding-left: 10px; padding-right: 10px; }
	#box-neu h4 { margin-left: 10px; margin-right: 10px; }
	#breadcrumbs { display: none; }
	
	aside.right { margin-left: 10px; margin-right:10px; width: auto; }
	
	#tpl-4 #two-eighty { width: 47%;}
	#tpl-4 #wrapper, #tpl-4 aside.right { 	border-left: 0; border-right: 0; width: auto!important; }
	#tpl-4 aside.right { padding-right: 10px;}
	#tpl-4 #wrapper { width: 100%!important; }
	
	#breadcrumbs .B_crumbBox { margin-left: 10px; margin-right: 10px; }
	#contentheader { margin-top: -40px;}
	
	#two-eighty #box-newsletter { display: none; }
	
	/* FOOTER */	
	#widefooter { height: auto; bottom: 0; position: relative;} 
	
	#mainfooter 	{ border-top:0 solid #910534; background: white; padding-top: 0; height: auto;  padding-bottom: 30px; }
	#wideShare		{ width: 50%; background: orange; margin-bottom: 20px; height: 65px; float: right;  }
	#wideFooter1	{ width: 100%; float: none;  }
	#wideFooter2	{ width: 100%; background: none; min-height: 200px; display: block;  }
	
	#header,
	#footer1,
	#footer2,
	#wrap,
	#line			{ max-width: 780px; margin: auto; border-left: 10px solid transparent; border-right: 10px solid transparent; }
	
	#mobHeader 		{ width: 100%; height: 80px; background: #363636; padding: 0 20px; }
	#mobHeader a	{ font-size: 50px; line-height: 80px; color: #fff; }
	.btnMobFnc		{ float: left; }
	.btnMobNav		{ float: right; }
	
	.logo			{ width: 30%; }
	
	#wrap 			{ min-height: 500px; }
	
	#footer1			{ padding-bottom: 20px; position: relative; }
	.footermeta, #footer-events { display: none; }
	.footeraddress { width: 48%; float: left; padding: 0; background: none; padding: 0 0 10px 0; }
	#social { width: 50%; float: right; background: none; padding-bottom: 10px; }
		
	.mobContact1		{ float: left; width: 50%; position: relative; margin-top: 0; }
	.mobContact1 .fa	{ font-size: 50px; }
	.mobContact1 a		{ display: block; line-height: 76px; background: #910534; margin-bottom: 3px; color: #fff; padding-left: 10px; }
	.mobContact2		{ float: left; width: 50%; margin-top: 0; }
	.mobContact2 a		{ display: block; background: #910534; color: #fff; margin-bottom: 3px; line-height: 44px; margin-left: 3px; position: relative; padding-left: 10px; }
	.mobContact2 span	{ position: absolute; right: 10px; top: 18px; }
	
	#footer2 h2			{ font-size: 28px; font-weight: normal; color: #910534; }
	
	#newsletter table { width: 200px; }
	#newsletter			{ float: left; width: 50%; margin-right: 20%; }
	#newsletter input	{ width: 100%; border: 0; display: block; margin-bottom: 3px; padding: 5px; }
	#newsletter input.button { background: #910534; color: white; margin: 2px 0 15px 0; height: 30px; padding: 5px 20px; }	
	p#copyright { bottom: 10px; }
	
}

@media screen and (max-width:640px) {
		#tpl-4 aside.right { width: auto!important; padding-left: 0; padding-right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;  }
		#tpl-4 #two-eighty { width: 100%; left: 0; }
		#tpl-4 #two-eighty .box { margin-right: 0; }
		.footeraddress { padding-left: 0; width: 49%; }
		#social { width: 49%; }
		
		#dropdown{ display: block; width: auto; border-left: 10px solid transparent; border-right: 10px solid transparent; overflow: hidden;  -webkit-box-shadow: 0 0 10px 0 #1b120b; box-shadow: 0 0 10px 0 #1b120b; }
		#dropdown #cat { width: 100%; background: transparent; padding: 5px; font-size: 16px; border:none; height: 30px; -webkit-appearance: none; color: white;}
		.styled{ width: 110%; height: 34px; overflow: hidden; background: url(../images/drop-arrow.png) no-repeat 88% 11px #910534; }
		#blog #wrapper { margin-top: 30px!important; }
		#blog #wrapper section { margin-top: 60px; }
		#blog #topaddress1, #blog #topaddress2 { top:-17px!important; }
		#blog #wrapper section#single { margin-top: 20px; }
}

@media screen and (max-width:450px){ 
	#topaddress1, #topaddress2, #topaddress1 a, #topaddress2 a { font-size: 12px; }
}