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


/* =====================================
   Farben
   ===================================== 

Textfarbe + dunkler Balken: #53564d
grün: #539a25
grasgrün: #92d100
beige: #e7e2d4

===================================== */


body {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.7;
	color: #53564d;
	background: #FFF;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Quattrocento', serif;
	font-weight: 700;
	line-height: 1.4;
	color: #539a25;
	margin-top: 0;
}

h1, .h1_style {
	font-size: 30px;
}

h2, .h2_style {
	font-size: 24px;
}

h3, .h3_style {
	font-size: 19px;
}

h4, .h4_style {
	font-size: 16px;
}

h5, .h5_style {
	font-weight: 400;
	font-size: 16px;
	color: #53564d;
	text-shadow: 0 1px 0 #fdfdfc;
	text-transform: uppercase;
	letter-spacing: 1px;
}


a,
a:visited {
	color: #539a25;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #53564d;
	text-decoration: none;
}




/* =====================================
   Formatierung Container
   ===================================== */


section {
	margin: 30px 0;
	/*padding: 15px 0;*/
}


footer {
	background: #e7e2d4; /* Old browsers */
	background: -moz-linear-gradient(top,  #e7e2d4 0%, #d9d5c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e2d4), color-stop(100%,#d9d5c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e7e2d4 0%,#d9d5c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e7e2d4 0%,#d9d5c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e7e2d4 0%,#d9d5c8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e7e2d4 0%,#d9d5c8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e2d4', endColorstr='#d9d5c8',GradientType=0 ); /* IE6-9 */
	
	border-top: 1px solid #dbd9d3;
	padding-bottom: 50px;
	padding-top: 15px;
}


/* =====================================
   Navigationen
   ===================================== */ 

.navi_vor-zurueck {
	padding: 5px 0;
	border-top: 1px dotted #53564d;
	border-bottom: 1px dotted #53564d;
	color: #ccc;
}
/* =====================================
   Formatierung Suche unten
   ===================================== */
.suche_unten { 
	width:100%;
	padding-left:15px;
}

.suche_unten .form-control { 
	display:inline-block;
}
.suche_unten .btn { 
	vertical-align: top;
}
/* =====================================
   Formatierung Sprachenwechsler
   ===================================== */

.sprachversion {
	position: absolute;
	top: 10px;
	right: 0;
	text-align: right;
	z-index: 1112;
}

.sprachversion a {
	color: #53564d;
	
	}
	
.sprachversion a:hover {
	color: #539a25;
	}


.sprachversion_unten{
	
padding-left: 25px;
padding-bottom: 15px;
	
}
.sprachversion_unten a {
	color: #53564d;
	}
	
.sprachversion_unten a:hover {
	color: #539a25;
	}

/* =====================================
   Formatierung Breadcrumb-Navi
   ===================================== */
   
.breadcrumb {
	background: #FFF;
	margin: 0 0 0 20px;
	padding-top: 0;
}

.breadcrumb ul {
	margin: 0;
	padding: 0;
}

.breadcrumb ul li {
	list-style-type: none;
	float: left;
	padding: 0;
}

.breadcrumb ul li a {
	color: #53564d;
	font-size: 13px;
	display: block;
	padding-left: 5px;
}

.breadcrumb ul li a:hover {
	color: #539a25;
}

.breadcrumb ul li a.current {
	font-weight: 700;
	color: #539a25;
}

.breadcrumb #navi_link_unternehmen {
	
	margin-left: 0px !important;
	
}


/* =====================================
   Footer
   ===================================== */
   
.footer_text {
	   margin-top: 40px;
}

.footer_navi ul {
	padding: 0;
}

.footer_navi ul li {
	list-style-type: none;
}

.footer_navi ul li  a {
	color: #53564d;
	padding: 6px 0 6px 20px;
	background: url(../bilder/grafikelemente/bullet_quadrat_braun.png) 0 12px no-repeat;
	display: block;
}
   
.footer_navi ul li a:hover {
	font-weight: 700;
}

.copyright {
	color: #a09e94;
	margin-top: 60px;
}
   

/* =====================================
   Home
   ===================================== */
   
 .text_willkommen {
	 background: url(../bilder/home/bg_blaetter.jpg) right bottom no-repeat;
 }
   
.teaserbalken {
	background: #53564d;
	color: #FFF;
	padding: 15px;
}

.teaserbalken h3 {
	margin-top: 0;
	margin-bottom: 2px;
}

.teaserbalken a p {
	color: #FFF;
}

.teasertext {
	padding-left: 0;
	}

img.autogroesse {
	width: 100%;
	height: auto !important;
	}
	




/* =====================================
   Übersichtsseiten
   ===================================== */

.headergrafik {
	margin: 0 0 30px 0;
	position: relative;
	padding: 0;
}

.headergrafik .balken_headline {
	display: block;
	background: #000;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	
	background-color: rgba(0, 0, 0, 0.7);
	color: rgba(0, 0, 0, 0.7);
}

.headergrafik h1 {
	font-size: 40px;
	font-weight: 400;
	color: #FFF;
	padding: 10px 20px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

section.uebersicht {
	margin-top: 0;
	}

.box_voransicht {
	margin-bottom: 60px;
	border-left: 1px solid #ccc;	
	border-right: 1px solid #ccc;
	margin-right: -1px;
	overflow: hidden;
}

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

.box_voransicht h3 {
	margin: 15px 0;
	}

.text_voransicht {
	min-height: 130px;
	/*margin-top: 15px;*/
}

.text_voransicht h3 {
	min-height: 60px;
}

a .text_voransicht p {
	color: #53564d;
	}


/* =====================================
   Produktseiten
   ===================================== */

.produktabbildung {
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #53564D;
	}
	
.pikto_weinsorte {
	position: absolute;
	top: 0;
	right: 30px;
}
	
.beschreibungstext h1 {
	margin-bottom: 60px;
}

@media (max-width: 767px) {
	.beschreibungstext h1 {
	margin-bottom: 10px;
	}
}
   
.table {
	border-bottom: 1px solid #eee;
	margin-top: 30px;
}

.table > tbody > tr > td {
	padding: 5px 0 5px 5px;
	border-top: 1px solid #eee;
	vertical-align: middle;
}

td.table_detail_links {
	font-family: 'Quattrocento', serif;
	font-weight: 700;
	font-size: 17px;
	color: #539a25; 
	width: 250px;
}

td.table_detail_pikto {
	width: 50px;
	}

td.table_detail_pikto img {
	width: 27px;
	height: 35px;
	}


/* =====================================
   Auszeichnungen
   ===================================== */
   
section.auszeichnungen {
	margin-top: 0;
	}
	
section.auszeichnungen ul {
	margin-left: 0;
	padding-left: 0;
	}
	
section.auszeichnungen ul li {
	list-style-type: none;
	padding-left: 15px;
	background: url(../bilder/grafikelemente/bullet_quadrat_gruen.png) 0 8px no-repeat;
	margin: 3px 0;
	}	

section.auszeichnungen ul p {
	margin: 0;
	}
	
.btn-download {
	border: 1px solid #539a25;
	border-radius: 8px;
	padding: 8px 14px;
}

.btn-download:hover {
	background-color: #e3e8d7;
	color: #539a25;
	cursor: pointer;
	}

/* =====================================
   Textseite
   ===================================== */
	
section.textseite {
	margin-top: 0;
	min-height: 400px;
	}
	
	
/* =====================================
   Kontaktseite
   ===================================== */
   
section.kontaktseite {
 	margin-top: 30px;
	}
	
 section.kontaktseite form {
	margin: 15px 0;
	}
   
.control-label {
	text-align: left !important;
	}
	
.form-control:focus {
  border-color: #539A25;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(83, 154, 37, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(83, 154, 37, .6);
}

/* =====================================
   Impressum
   ===================================== */

.bildquelle {
	float: left;
	margin: -3px 10px 0 0;
	}

img.bildquelle {
	width: 75px;
	height: 50px;
	}

@media (min-width: 768px) and (max-width: 1200px) {
	.bildquelle {
	float: none;
	display: block;
	margin: -3px 10px 0 0;
	}
	
	}


/* =====================================
   Suchergebnisse
   ===================================== */

section.suchergebnisse {
	min-height: 400px;
	}

section.suchergebnisse h4 {
	margin: 30px 0 0 0;
	}

section.suchergebnisse a {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #afafaf;
	color: #53564d;
	}

section.suchergebnisse a:hover {
	color: #92d100;
	}
   

/* =====================================
   Buttons
   ===================================== */

a.btn-vineris-default,
input.btn-vineris-default {
	background: #b9d065; /* Old browsers */
	background: -moz-linear-gradient(top,  #b9d065 0%, #539a25 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9d065), color-stop(100%,#539a25)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b9d065 0%,#539a25 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b9d065 0%,#539a25 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b9d065 0%,#539a25 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b9d065 0%,#539a25 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d065', endColorstr='#539a25',GradientType=0 ); /* IE6-9 */
	
	border: none;
	color: #FFF !important;
	margin-bottom: 30px;
}

a:hover.btn-vineris-default,
input:hover.btn-vineris-default {
	background: #97b236; /* Old browsers */
	background: -moz-linear-gradient(top,  #97b236 0%, #3f741c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97b236), color-stop(100%,#3f741c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #97b236 0%,#3f741c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #97b236 0%,#3f741c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #97b236 0%,#3f741c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #97b236 0%,#3f741c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b236', endColorstr='#3f741c',GradientType=0 ); /* IE6-9 */
}


/* =====================================
   Allgemeine Klassen
   ===================================== */

.grasgruen {
	color: #92d100;
}

.textfarbe {
	color: #53564d;
	}

.link_detail {
	color: #539a25;
	border-bottom: 1px solid #539a25;
	font-weight: 700;
	font-style: italic;
}

a:hover.link_detail {
	border-bottom: 1px solid #53564d;
	}

.serifen {
	font-family: 'Quattrocento', serif;
	font-size: 110%;
	}