/**
 * @author      Isolde Herty
 * @copyright   Weingut & Gästehaus Herty Maikammer

 * Copyright (C) 2016 Weingut & Gästehaus Herty Maikammer
**/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|PT+Sans:400,400i,700,700i');
/***
font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
***/

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
img {
  max-width: 100%;
}
html, body{
	margin: 0;
	padding: 0;
}
body {
	background-color: #fbf2df;
	background-image: url(../img/bg/bodybg.jpg);
	background-repeat: no-repeat;
	background-position: center center; /***bg-image responsive***/
	background-size: cover;
	background-attachment: fixed;
	font-family: 'Open Sans', sans-serif;
	color: #006600;
	font-size: 90%;
	line-height: 160%;
	overflow-x: hidden;
}



h2, h3{
	line-height: 160%;
}
 h1{
	font-size: 180%;
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	line-height: 120%;
}
h2{
	font-size: 140%;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
}
@media only screen and (min-width: 360px){
	 h1{
		font-size: 200%;
	}
	h2{
		font-size: 160%;
	}
	
}

.H1top{
	padding-bottom: 0px;
}

@media only screen and (min-width: 768px) { 
	body {
		font-size: 100%;
		line-height: 160%;
	}
	.H1top{
	padding-bottom: 50px;
}
}

#anker-bottom{
	display: none;
}
	
.bold{
	font-weight: bold;
}
.clear{
	clear:both;
}
.center{
	text-align: center;
}
.side-bg img {
  max-width: 13.671875%;
  height: auto;
  float: left;
  position: fixed;
  top:0;
  display:block;
  z-index: 1000;
}

header, .main-inner {
	width: 83%;
	float: right;
	position: relative;
}
#site-header{
	border: solid red 1px;
}

header img{
	width: 648px;
	max-width: 100%;
	height: auto;
	padding: 20px 0 0 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
}



.main-inner{
	width: 83%;
	top: 30px;
	padding: 0 0 5% 0;
	  background-color: rgba(251, 242, 223, 0.8);
	  z-index: 1;
}

#content-start h2{
		font-size:120%; 
	}

@media only screen and (min-width: 768px){
	#content-start h1{
		padding: 20px 0 0px 0;
	}
}
@media only screen and (min-width: 1024px){
	#content-start h2{
		font-size:140%; 
	}
}
@media only screen and (min-width: 1200px){
	#content-start h1{
		padding: 20px 0 0px 0;
	}
}

/*************************************  LINKS ******************************/
#pdf-link-anfahrt {
	margin: 0px 0 0 0;
}

#pdf-link-anfahrt a{
	color: #006600;
	font-size: 1.0;
	text-decoration: none;
	margin: 0 0 0 2%;
}

#pdf-link-anfahrt img{
	width: 20px;
	max-width: 100%;
	height: auto;
	float: left;

}


.startlinks-weine{
	margin-top: 50px;
}
.startlinks-weine img{
	width: 200px;
	max-width:50%;
	height: auto;
	border: solid #006600 5px;
	border-radius: 50%;
	display: block;
	margin:0 auto;
}
.startlinks-weine p{
	padding: 10px 0 ;
	text-align: center;
}
.startlinks-weine a{
	color: #006600;
	text-decoration: none;
}
.startlinks-weine a:hover{
	color: rgba(0,102,0,0.5)
}
@media only screen and (min-width: 768px) {
	.startlinks-weine img{
		max-width:75%;
	}
	.startlinks-weine{
			margin-top: 100px;
	}
	#pdf-link-anfahrt {
		margin: 0px 0 0 0;
	}
}
@media only screen and (min-width: 1200px){

	.startlinks-weine img{
		max-width:100%;
	}
	.startlinks-weine p{
		padding: 20px 0 ;
	}
	#pdf-link-anfahrt {
		margin: 40px 0 0 0;
	}
}
@media only screen and (min-width: 1400px){
	.startlinks-weine{
	margin-top: 100px;
	}
}


.start-headline{
	float: left;
	width: 59%;
	padding: 0 5% 0 0;

}

#content-start article{
	margin-top: 30px;
}

.img-annika img{
	width: 400px;
	max-width: 100%;
	height: auto;
	margin: 40px auto 0 auto;
	display: block;
	border-style: inset;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	border: solid #006600 2px;
}
.img-saeulen img{
		width: 400px;
	max-width: 100%;
	margin: 10px 0 30px 0;
	height: auto;
	display: block;
	border-style: inset;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	border: solid #006600 2px;
}

#content-start ul{
	padding: 2% 0 2% 5%;
}

#content-start li{
	list-style-type: circle;
}
/*****/

#content-pension article {
	padding-top: 70px;
}
/*****/

#content-produkte article{
	margin-top: 30px;
}

#content-produkte h2{
	padding: 0 0 20px 0;
}

#content-produkte-links{
	margin-top: 0px;
	text-align: center;
}
#content-produkte-links h2{
	text-align: left;
	padding-bottom: 0px;
}
#content-produkte-links img{
	width: 260px;
	max-width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
}
#content-produkte-links a{
	font-size: 90%;
	color: #006600;
	text-decoration: none;
}
.produkt-img img{
	width: 650px;
	max-width: 100%;
	height: auto;
}
.preisliste{
	margin-top: 30px;
}

@media only screen and (min-width: 1024px) { 
	#content-produkte-links{
		margin-top: 100px;
	}
	#content-produkte-links h2{
		padding-bottom: 30px;
	}
}
/*****/
.link-pageVideo{
	margin-top: 20px;
}
#linksGalerie{
	margin-top: 50px;
}
.link-pageVideo a{
	color:#fbf2df;
	text-decoration: none;
}
#links-galerie a{
	color: #006600;
	text-decoration: none;
}
.link-pageVideo a:hover{
	color: rgba(255,255,204,0.5);
	text-decoration: none;
}
#links-galerie a:hover{
	color:rgba(0,102,0,0.5);
}

.video img{
	width: 850px;
	max-width: 100%;
	height: auto;
}
#video2{
	margin-top: 20px;
}

.left{   
	width: 849,92px;
	max-width: 100%;
	background-color: #006600;
}

.backlink{
	margin-top: 20px;
}
.backlink  a{
text-decoration: none;
color:#006600;
}
.backlink a:hover{
	color: rgba(0,102,0,0.5);
}

/* ************************** Seite-Weingut ****************************
*************************************************************/


.bilderreihe {
	background-color: #006600;
	text-align: center;
}

.bilderreihe img {
	width: 350px;
	max-width: 100%;
	height: auto;
}
.bilderreihe p{
	color: #fbf2df;
	padding: 0 0 10px 0;
}
#content-weingut article{
	margin-top: 40px;
}

#content-weingut  a{
	color: #006600;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
}
#content-weingut   a:hover{
	color: rgba(0,102,0,0.5);
}
/* ************************** Seite-Kontakt ************************
******************************************************/

#content-impressum li{
	list-style-type: disc;
	margin-left: 5%;
}

#content-datenschutz a{
	text-decoration: none;
	color: #006600;
}
#content-datenschutz a:hover{
	color: rgba(0,102,0,0.5);
}
/********************************************/
#content-impressum p{
	padding-top: 20px ;
}

#content-impressum a{
	color: #006600;
	text-decoration: none;
}
#content-impressum a:hover{
	color: rgba(0,102,0,0.5);
}

/***######################   Unterseiten---- Keller; Umgebung   ########################***/
#content-keller h2{
	padding: 0 0 20px 0;
}

#content-keller article{
	padding-top: 50px;
}
/***######################   Unterseite-Preise,Tabelle-Zimmer,Pension ########################***/
#content-informationen{
	margin: 50px 0;
}
#content-informationen h2{
	margin: 0 0 30px 0;
}



.preise-info ul {
	margin-left: -20px;
	list-style-type:circle;

}


.preistabelle-zimmer table { 
  width: 100%; 
  padding: 1% 0 3% 0;
}

.prz_tableRowfirst { 
  color: #006600;
text-align: left;
padding: 5px 0px;
-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; 
}
.prz_tableRowsecond{ 
  color: #006600;
text-align: left;
font-weight: 400;
padding-bottom: 30px;
-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.prz_tableColfirst{
	width: 15%;
}
.prz_tableColsecond{
	width: 15%;
}
.prz_tableColthird{
	width: 10%;
}

.preistabelle-zimmer td{ 
  font-size: 1.0em;
  padding: 0 0 2% 0;


}

@media only screen and (min-width: 1024px){
	.preistabelle-zimmer table { 
	  width: 70%; 
	}
}

/***  Schrollbar für Tabellenübergröße  ***/
.preistabelle-zimmer {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em 0;

}

.preistabelle-zimmer::-webkit-scrollbar { 
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.preistabelle-zimmer::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #003300;
  background-color: rgba(0, 102, 0, 0.8);
}

/***######################   Unterseiten Weinsorten########################***/
#bilder-rebsorten p{
	padding: 40px 0 20px 0;
}

.weine-h2{
	margin: 30px 0 0 0;
}

#produkte-textzusatz{
	margin-top: 50px;
}

.preistabelle-weine table { 
  width: 100%; 
  padding: 5% 0 0 0;
}

.preistabelle-weine  th { 
  color: #006600;
  font-weight: bold;
  text-align: left;  
}

.preistabelle-weine  td, th { 
  font-size: 1.0em;
  padding: 0 0 2% 0;
  text-align: left;

}

/***  Schrollbar für Tabellenübergröße  ***/
.preistabelle-weine  {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em 0;

}

.preistabelle-weine ::-webkit-scrollbar { 
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.preistabelle-weine ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #003300;
  background-color: rgba(0, 102, 0, 0.8);
}

/***####################   Dokumentation   ##########################***/
#content-dokumentation h2{
	padding: 0px 0 0px 0;
}

.blockText-doku p{
	width: 95%;
}
.blockImg-doku{
	margin-top: 0px;
	text-align: center;
}
.blockImg-doku img{
	width: 300px;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
		-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}
.blockImg-doku p{
	padding: 5px 0 10px 0;
}

@media only screen and (min-width: 768px){
	#content-dokumentation h2{
		padding: 30px 0 10px 0;
	}
	.blockText-doku p{
		width: 90%;
	}
	.blockImg-doku {
		margin-top: 30px;
	}
}		

/***####################   FOOTER  ##########################***/
.footer{
	margin-top: 0px;
}
.footer hr{
	color: rgba(0,102,0,0.1);
	width: 75%;
	margin: 0px auto;
}
.footer-row{
	padding: 20px 0;
	text-align: center;
}
.footer-cols{
	margin-top: 20px;
}

.copyright p{
	text-align: center;
}
.footer p{
	line-height: 160%;
	color: #006600;
}
.footer a{
	line-height: 160%;
	color: #006600;
	text-decoration: none;
}
.footer a:hover{
	color: rgba(0,102,0,0.5)
}


@media only screen and (min-width: 768px){
	.footer{
		margin-top: 50px;
	}
	.footer p{
		font-size: 90%;
	}
	.footer a{
		font-size: 90%;
	}
	.copyright {
		margin-top: 30px;
	}

}

@media only screen and (min-width: 1024px){
	.footer-row{
		text-align: left;
	}
}
	
/*****
@media all and (max-width: 801px){

}
	#anker{
		display: none;
	}
	#anker-bottom{
		display: block;
		float: left;
	}
	#anker-bottom a{
		color: #006600;
		text-decoration: none;
	}
	
	.start-headline{
		clear: both;
		width: 100%;
	}
	

	
	
}
/***##############################################***/
@media all and (max-width: 760px){
	.kontaktformular,
	 #Vorname,
	 #Nachname,
	 #Telefon-Nr,
	 #absender,
	 #text{
		width: 80%;
		height: auto;
		margin-bottom: 20px;
	}
	
	#content-informationen{
		margin: 30px 0;
	}
	#content-informationen h2{
		margin: 0 0 30px 0;
	}
}

/***##############################################***/

@media all and (max-width: 480px){
	
	#pdf-link-anfahrt {
		margin: 20px 0 0 0;
	}
	
	
	#content-weingut article{
		margin-top: 20px;
	}
	
	#content-pension article {
		padding-top: 0px;
	}
	
	
	#content-kontakt article{
		padding: 5% 18% 0 0;
		width: 100%;
	}
	
	
	#content-impressum article p{
		padding: 10px 0 10px 0;
	}
	
	#content-keller  article{
		padding-top: 0px;
	}
	
	.weine-h2{
		margin: 0px 0 0 0;
	}
		.preistabelle-weine  td, th {

		border: solid #fbf2df 10px;
	}
	
		.footer {
		margin-top: 30px;
	}
}

/***********Cookiehinweis******************/

#cookiehinweis a {color:#fbf2df;  text-decoration:none;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:10px; padding-right:40px;}

#cookiehinweis { 
	color: #fbf2df;
   outline: 1px solid rgba(251,242,223,0.5);
   text-align:right; 
   border-top:1px solid rgba(251,242,223,0.5);
   background:#006600;
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:75%; 
   line-height:140%;
}
   
@media (max-width: 1170px){
	#cookiehinweis { 
	   text-align:left;  
	}
}
#cookiehinweisCloser {
   color:#fbf2df;
   font-size: 100%;
   position: absolute;
   right: 5px;
   text-decoration: none;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #fbf2df;
   border-right:1px solid #fbf2df;
   padding:4px;
   background: #006600; 
  
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; 
	border-right:1px solid white; 
	border-top:1px solid #7b92a9; 
	border-left:1px solid #7b92a9;
}

/**************Scroll-Pfeil-Up*****************/

i.obenpfeil {
    font-size: 100%;
    color: #006600;
    position: relative;
    text-align: center;
    top: 3px;
    transition: all 0.2s ease;
    width: 40px;
    height: 40px;
    border-radius: 100px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}