/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Serif'), local('PTSerif-Regular'),
       url('../fonts/pt-serif-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v12-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-serif-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Serif Bold'), local('PTSerif-Bold'),
       url('../fonts/pt-serif-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v12-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}


/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v18-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
  scroll-behavior: smooth;
}

html,body,h1,h2{
padding: 0;
margin: 0;
}

img{
	border: 0;
	}


body{
	background-color: #fff;
	font-family: "Raleway", Verdana, Arial;
	font-size: 22px;
	font-weight: 200;
	line-height: 32px;
}

ul{ margin: 20px 0 20px 20px}

h1, h2, h3, h4, h5{
	color: #fff;
	font-weight: normal;
  	font-family: 'PT Serif';
  	font-style: normal;
  	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 40px;
	padding: 20px 0 0 0;
}


p{
margin: 20px 0 0 0;
}


a{ 
	text-decoration: none;
	color: #000}

a:hover{
	color: #6f3f1c;

}

.button{
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
	border-radius: 20px;
	margin: 30px 0 10px 0;
	padding: 20px 20px 20px 20px;
	display: block;
	background-color: #802d37;
	color: #fff;
	text-align: center;
	}
.button:hover{
	background-color: #486340;
	color: #fff;
	transition: background-color 0.1s;
	}

#container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #FFF;
	text-align: center;
	}
	

.contentinhalt{
	width: 90%;
	max-width: 1300px;
	height: auto;
	margin: 0 auto;
	padding: 30px 30px 0 30px;
	overflow:inherit;
	clear:both;
	}

.contentinhalt h2{ color: #000; font-size: 30px; text-align: left }

#contentlogo{
	position: relative;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 20px 0;
	text-align: center;
	background: #FFF;
}

#contentlogo img{ 
	max-width: 100%;
	height: auto
}
	
	
#contentheadermitbild{
	margin: 0 auto;
	position: relative;
	min-height: 400px;
	text-align: center;
	z-index: 100;
	background: url(../images/background-v1b.jpg);
	background-size: cover;
	background-position: center;
}

#contentheadermitbild .contentinhalt h1{
	max-width: 800px!important;
	height:	auto;
	text-align:center;
	margin: 0 auto;
	padding: 100px 70px 100px 70px;
	} 
	

#contenttext{
		color: #000;
		margin: 0 auto;
		padding: 30px 0 0 0;
		text-align: left!important;
		
	}

	
.spirituosen{
	
background: rgb(237,234,231);
background: -moz-linear-gradient(180deg, rgba(237,234,231,0.7767168209876543) 0%, rgba(255,255,255,0.4619020061728395) 86%);
background: -webkit-linear-gradient(180deg, rgba(237,234,231,0.7767168209876543) 0%, rgba(255,255,255,0.4619020061728395) 86%);
background: linear-gradient(180deg, rgba(237,234,231,0.7767168209876543) 0%, rgba(255,255,255,0.4619020061728395) 86%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edeae7",endColorstr="#ffffff",GradientType=1);
 }

.content100mitpadding{
		margin: 0;
		padding: 0;
		width:100%;
		height:	auto;
		}

.contentlinks{
		margin: 20px 0 10px 0;
		padding: 40px 40px 40px 0;
		width:45%;
		height:	auto;
		text-align: right;
		overflow: hidden;
		float: left;
		}	
.contentrechts{
		margin: 20px 0 10px 0;
		padding: 40px 0 40px 40px;
		width:45%;
		height:	auto;
		text-align: left;
		overflow: hidden;
		float: left;
		}		

.contentlinks img, .contentrechts img, .content100mitpadding img{ width: 100%; height:auto; border-radius: 20px;}
.contentlinks h3, .contentrechts h3, .content100mitpadding h3{ padding: 10px 20px 0 0;  margin: 0; color: #222; font-size:26px;}
.contentlinks p, .contentrechts p{  padding: 0 20px 20px 0; min-height: 280px;}
	
	
#impressum #contenttext .contentinhalt h1,
#impressum #contenttext .contentinhalt h2,
#impressum #contenttext .contentinhalt h3,
#impressum #contenttext .contentinhalt h4,
#impressum #contenttext .contentinhalt h5{
color: #000;
margin: 30px 0 30px 0;
}

#impressum #contenttext .contentinhalt h2
{
color: #000;
margin: 20px 0 20px 0;
padding-top: 30px;
border-top: dashed #000 1px;
}

#contentbildergalerie{
	width: 100%;
	padding: 30px 0 0 0;
}

#contentbildergalerie .contentinhalt{
	text-align: center!important;
	padding-left: 0px;
}
#contentbildergalerie img{
	border-radius: 20px;
	padding: 0;
	margin: 20px 20px 20px 0;
	width: 30%;
	height: auto;
}

#contentbildergalerie .contentinhalt h2{ padding-left: 40px; }

#contentkontakt{
background: rgb(68,68,68);
background: linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(34,34,34,1) 100%);
	color: #fff;
	padding: 60px;
	margin-top: 40px;
	text-align:left;
	overflow:auto;
	
}

#contentkontakt .contentinhalt {  }
#contentkontakt a{ color: #fff }


#contentabspann{
	padding: 20px;
	}

#contentabspann .contentinhalt { 
	}
	
#contentabspann img { 
margin: 0 5px 20px 0;
}

#contentabspann  a{ 
	font-size: 18px;
	}


.clear{
	clear: both;
}

.links{ 
	float: left;
	width: 60%;
	height: auto;
	overflow:inherit;
	padding-right: 60px;
}

.rechts{ 
	float: right;
	width: 30%;
	height: auto;
	overflow:inherit
}

hr { clear: both; padding: 30px 0 30px 0; width: 90%; text-align: center; border: none; border-bottom: dashed 1px #666; }

/* Lightbox */

.lightbox { display: none; }
				.fl-page h1,
				.fl-page h3,
				.fl-page h4 {
					font-family: 'Raleway', Arial, Helvetica, sans-serif;
					font-weight: 100;
					letter-spacing: 1px;
				}
				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
				.fl-page h1 i { font-style: normal; color: #ddd; }
				.fl-page h1 span { font-size: 30px; color: #333;}
				.fl-page h3 { text-align: right; }
				.fl-page h3 { font-size: 15px; }
				.fl-page h4 { font-size: 2em; }
				.fl-page .jumbotron { margin-top: 2em; }
				.fl-page .btn-download { float: right; margin-top: -40px; }
				.fl-page .btn-default { vertical-align: bottom; }

				.fl-page .row { margin-top: 2em;}

				.fl-page .btn-lg span { font-size: 0.7em; }
				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
				.fl-page .github { margin: 2em 0; }
				.fl-page .github a { vertical-align: top; }

				/* customized gallery */

				.featherlight-gallery2 {
					background: rgba(100,100,100,0.5);
				}
				.featherlight-gallery2 .featherlight-content {
					background: #000;
				}
				.featherlight-gallery2 .featherlight-next:hover,
				.featherlight-gallery2 .featherlight-previous:hover {
					background: rgba(0,0,0,0.5);
				}
				.featherlight-gallery2 .featherlight-next:hover span,
				.featherlight-gallery2 .featherlight-previous:hover span {
					font-size: 25px;
					line-height: 25px;
					margin-top: -12.5px;
					color: #fff;
				}
				.featherlight-gallery2  .featherlight-close {
					background: transparent;
					color: #fff;
					font-size: 1.2em;
				}
				.featherlight-gallery2.featherlight-last-slide .featherlight-next,
				.featherlight-gallery2.featherlight-first-slide .featherlight-previous {
					display: none;
				}

				/* text slide */
				.thumbnail a { text-decoration: none; }
				.blurb {
					display: inline-block;
					width: 150px;
					height: 150px;
				}
				.blurb h2 { text-align: center;}
				.blurb .detail { display: none;}
				.blurb .teaser {
					font-style: italic;
					text-align: center;
				}
				.featherlight .blurb {
					display: inline-block;
					width: 500px;
					height: 300px;
					color: #99f;
				}
				.featherlight .blurb .detail {
					color: #ddf;
					font-size: large;
					display: inherit;
				}
				.featherlight .blurb .teaser { display: none;}





@media(max-width: 900px){
.contentlinks, .contentrechts{
	
		padding: 20px;
		width: 40%;
		
		}	
}



	
@media(max-width: 780px){
.links, .rechts{ float: none; width: 100%; padding:0}
#contentheadermitbild .contentinhalt h1{ margin-top: 5%; font-size: 36px; line-height: 40px;}
#contentbildergalerie{	
	margin: -70px 0 0 0x;
}

#contentbildergalerie img{
	margin: 20px 20px 20px 0;
	width: 45%;
	height: auto;
	
}

.contentlinks, .contentrechts{ width: 100%; float: none; padding: 0; margin: 20px 0 20px 0; text-align: left}
.contentlinks img, .contentrechts img{ width: 90% }
.fl-page h1 span { display: block; }
.fl-page .btn-download { float: none; margin-bottom: 1em; }
}

@media screen and (max-width: 500px) {
	body { font-weight: 300; }
	.contentinhalt { padding: 10px; width: 90% }
	#contenttext{ padding: 20px }
#contentbildergalerie img{
	margin: 20px 20px 20px 30px;
	width: 90%;
	height: auto;}
	hr { padding: 20px 0 20px 0;}
	.contentlinks img, .contentrechts img {
  width: 100%;}
  #contentheadermitbild .contentinhalt h1{
  padding: 70px 10px 70px 10px!important;
  }

}