/* Style Sheet */
@font-face {
 font-family: 'OpenSans'; /* Gewünschter Name */
 src: url('../webfonts/open-sans-v34-latin-regular.eot');
           /* für IE9 */
 src: url('../webfonts/open-sans-v34-latin-regular.eot?#iefix') 
           format('embedded-opentype'),
           /* für IE6-IE8 */
      url('../webfonts/open-sans-v34-latin-regular.woff') 
           format('woff'),
	  url('../webfonts/open-sans-v34-latin-regular.woff2') 
           format('woff2'),		   
          /* für moderne Browser */
      url('../webfonts/open-sans-v34-latin-regular.ttf') 
           format('truetype');
         /* für Safari, Android, iOS */
}

body {
  font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #f8f8f8;
}

 .container-fluid {
  margin-top: 50px;
  /*-webkit-overflow-scrolling: touch;  Patch für iPhone bei overscroll*/
 } 
 
 .navbar-no-bottom-margin {
  margin-bottom: 0;
 }

 /*Abdunklungen an den Seiten entfernen*/
.carousel-control.left, .carousel-control.right {
  background-image: none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  font-size: 2.75vw; /*größe abh. von viewport*/
}


.carousel-indicators {
	top: 10px; /*ausrichtung oben*/
	bottom: auto;
 }


.carousel-indicators li { /*farben anpassen*/ 
	border-color: #aaa;
	background-color: #aaa;
   background-color: rgba(120,120,120,0.2);
}
.carousel-indicators .active {
  background-color: #aaa;
} 

.hg-veranst {       /*halbseitiges HG-Bild Veranstaltungen*/
 height: 94vh;
 background-image: url('../images/veranst/3091_veranst_1920.jpg');
 background-position: center center;
}

.hg-impress {         /*halbseitiges HG-Bild Impressum*/
 height: 94vh;
 background-image: url('../images/impress/007_1920.jpg');
 background-position: center center;
}

.hg-shop {         /*halbseitiges HG-Bild Shop*/
 height: 94vh;
 background-image: url('../images/webshop/6679_shop_1920.jpg');
 background-position: center center;
}

.hg-besuch {         /*halbseitiges HG-Bild Besuch*/
 height: 94vh;
 background-image: url('../images/besuch/2012_besuch_1920.jpg');
 background-position: left center;
}

.hg-paupre {         /*halbseitiges HG-Bild Partner und Presse*/
 height: 94vh;
 background-image: url('../images/paupre/6735_1920.jpg');
 background-position: center center;
}

.hg-archiv {         /*halbseitiges HG-Bild Archiv*/
 height: 94vh;
 background-image: url('../images/archiv/038_1920.jpg');
 background-position: right center;
}

.hg-kontakt {         /*halbseitiges HG-Bild Kontakt*/
 height: 94vh;
 background-image: url('../images/kontakt/239_1920.jpg');
 background-position: center center;
}

@media only screen and (min-width: 1921px) {  /* HG-Bilder für höhere Auflösungen */
 .hg-veranst {
   background-image: url('../images/veranst/3091_veranst_2560.jpg'); 
 }
 
 .hg-impress {
   background-image: url('../images/impress/007_2560.jpg'); 
 }
 
 .hg-shop { 
	background-image: url('../images/webshop/6679_shop_2560.jpg');
 }
 
 .hg-besuch {
	background-image: url('../images/besuch/2012_besuch_2560.jpg'); 
 }
 
 .hg-paupre {
	background-image: url('../images/paupre/6735_2560.jpg'); 
 }
 
 .hg-kontakt {
	background-image: url('../images/kontakt/239_2560.jpg'); 
 }
 
 .hg-archiv {
   background-image: url('../images/archiv/038_2560.jpg');
} 
}

.row-foot {
  padding: 13px 0 0 0;
}
 
.errColor { /*Fehlerfarbe für Formularfelder*/
	background-color: #ffd9d9;	
}
 
@media only screen and (min-width: 992px) {
 .row-foot{
 display: -webkit-box; /* Elemente vertikal zentrieren */
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-align : center;
 -webkit-align-items : center;
 -moz-box-align : center;
 -ms-flex-align : center;
 align-items : center;
 }
 
 .txt-box {            
  padding: 0 8% 0 8%;
  text-align: left; 
 }
}

.td-normal {
	display: none;
} 

@media only screen and (min-width: 640px) {  
 .td-small {
	display: none; 
 }
 .td-normal {
	display: table-cell;/*table-row;*/
 }
} 

/*breitenformat für Anzahl in Weinliste*/ 
.stck {
		width: 3.3em;
}

.txt-footer{
  font-size: 1.25em;
  margin: 0;
}
 
.pic-wrapper {
	  position: relative; 
	  overflow: hidden;
	  margin-bottom: 0px;
	  max-height: -webkit-calc(100vh - 11.5em);
	  max-height: -moz-calc(100vh - 11.5em);
	  max-height: calc(100vh - 11.5em);
	  min-height: 35vw;  /* Abhängig von der Breite des Viewport */
} 
  
 /* Max Höhe für PicWrapper */
@media only screen and (min-aspect-ratio: 4/3){ 
	.pic-wrapper {
	  max-height: -webkit-calc(100vh - 11em);
	  max-height: -moz-calc(100vh - 11em);
	  max-height: calc(100vh - 11em);
	}
}

@media only screen and (min-aspect-ratio: 16/9){
	.pic-wrapper {
	  max-height: -webkit-calc(100vh - 10.85em);
	  max-height: -moz-calc(100vh - 10.85em);
	  max-height: calc(100vh - 10.85em);
	 }
}

.scroll-box {    /*bei schmalen Screen , feste höhe, linke seite overflow: auto*/  
  overflow: visible;
 }
  
@media only screen and (min-width: 992px) {
.scroll-box {    /*bei geteilten Screen, feste höhe, linke seite overflow: auto*/  
  max-height: 94vh;
  overflow: auto;
  }
}	
 
.panel-title {
 font-size: 1.0em;
 font-weight: bold;
}

.panel-form  { /*ausblenden spamhoney*/
 display: none;
}

.footer-fixed {
  position: fixed;
  
  /* Set the fixed height of the footer here */
  min-height: 80px;
  /* height: auto; */
  padding: 0px 0 15px 0;
  background-color: #ffff00;
  margin-bottom: 0;
}

.bg-picture {
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  
}


.infolayer {
	font-size: 1.25vw;
	position: absolute;
	top: 35px;
	left: 20vw;
	width: 60vw;
	max-height: 40vh;
	overflow-y: auto;
	background-color: #666666;
	background-color: rgba(0, 0, 0, .55);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: .5em;
	color: #dddddd;
}

.infolayer table td {
	padding: .2em .3em; /*5px 10px;*/
	vertical-align: top;
}

.infolayer table td.right{
	text-align: right;
}

/* zusätzlicher Textlayer für Startseite*/
.startpagelayer {
	font-size: 1.0em;
	position: absolute;
	top: 10%;
	left: 3vw;
	width: 45vw;
	max-height: 80%;
	overflow-y: auto;
    background-color: #ffffff;
	background-color: rgba(255, 255, 255, .80);
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding: .5em;
	color: #222222;
}
@media only screen and (max-width: 768px){
.startpagelayer {
	/*overflow: hidden;*/
	}
/* text scroll-up */
._startpagelayer p {
	/* position: absolute;*/
	/* width: 100%;*/
	/* height: 100%;*/
	margin-top: 0;
	/* line-height: 50px;*/
	text-align: left;
	-moz-transform:translateY(5%);      /*startposition*/
	-webkit-transform:translateY(5%);
	transform:translateY(5%);
	-moz-animation:scroll-up 30s ease-in infinite;	/*apply animation*/
	-webkit-animation:scroll-up 30s ease-in infinite;
	/*animation: bounceIn 2s;*/
	animation:scroll-up 30s ease-in infinite;
	
}
}
/*define Animation*/
@keyframes bounceIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes scroll-up {
	0% {-moz-transform:translateY(5%);}
	100% {-moz-transform:translateY(-100%);}
}
@-webkit-keyframes scroll-up {
	0% {-webkit-transform:translateY(5%);}
	100% {-webkit-transform:translateY(-100%);}
}
@keyframes scroll-up {
	0% {
	-moz-transform:translateY(5%);		/*bugfix*/
	-webkit-transform:translateY(5%);		/*bugfix*/
	transform:translateY(5%);
	}
	100% {
	-moz-transform:translateY(-100%);		/*bugfix*/
	-webkit-transform:translateY(-100%);		/*bugfix*/
	transform:translateY(-100%);
	}
}

/*runder Textlayer für Startseite, ergänzt startpagelayer*/
.rundlayer {
	font-size: 0.85em;
	position: absolute;
	top: 10%;
	left: calc(75vw - 100px);
	width: 15vw;
	height: 15vw;
	min-width: 200px;
	min-height: 200px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	background-color: #ffff88;
	background-color: rgba(255, 255, 128, .80);
	display: table;
	color: #222222;
	text-align: center;
	}

@media only screen and (min-width: 1450px) {
.rundlayer {    /**/  
  font-size: 0.85vw;
  }
}

.rundlayer:hover {
	background-color: #88ff88;
	background-color: rgba(128, 255, 128, .80);
	}
	
/*Inner DIV für .rund zur vertikalen Textausrichtung*/
.rundvcenter {
	display: table-cell;
	vertical-align: middle;
	padding-top: .5em;
}

@media only screen and (max-width: 480px){
 .infolayer {
	left: 10vw;
	width: 80vw;
 }
}

@media only screen and (max-width: 670px){
 .rund {
	 left: 55vw;
 }
}	
	
.img-responsive
{
	margin: 0 auto 0 auto;
}

.table tbody tr.group > td {
	background-color: #bfbfbf;
	font-size: small;
}

.table tbody tr.wein:hover > td {
	background-color: #e6e6e6;
}

.table tbody tr.kontakt > td {
	border-top: none;
}

.table-wine tbody tr td.right {
	text-align: right;
}

.table-wine tbody tr td.txt-large {
	font-size: large;


.table-responsive1
{
   /*width: 100%;*/
	/*overflow-x: auto;*/
	/*visibility: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;*/
}

.h5-bold {
	font-weight: bold;	
}

.responsiveMap {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.responsiveMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 25px;
}