*, body, h2, h4 {
	padding:0;
	margin:0;
	font-family: 'Cinzel', Arial, serif; font-weight: 400;
	/*letter-spacing: 0.1em;*/

	/* font-weight:bold;*/
	/*background: url(../images/wood.jpg) 0 0 repeat;
	/*background-color:#F7F5DB;	*/
}
/* cinzel-regular - latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cinzel-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cinzel Regular'), local('Cinzel-Regular'),
       url('../fonts/cinzel-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cinzel-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cinzel-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cinzel-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cinzel-v7-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}
h1{
	
	font-size:31px;
	font-weight: bold;
}
h5{
	font-size:20px;
	font-weight:bold;
}
h6{
	font-size:20px;
	font-weight:normal;
}
h7{
	font-size:20px;
	font-weight:bold;
	font-family: 'Arial';
}
h3{
	padding:0;
	margin:0;
	font-family: 'Cinzel', Arial, serif; font-weight: 300;
}
p {
	padding:0;
	margin:0;
	font-family: 'Arial';	
	text-align:left;
	/*color:#fff;	 */
}
li {
	padding:0;
	margin:10px;
	/*font-family: 'Arial';	*/
	text-align:left;
}

b{

	font-weight:bold;
}
html {
	text-align:center;		
	background: url(../images/wood.jpg) 0 0;	
	background-repeat: repeat-y;
	/*
	background-image: -webkit-linear-gradient(#796F66 0%, grey 70%); 
	background-image: -moz-linear-gradient(#796F66 0%, grey 70%); 
	background-image: -o-linear-gradient(#796F66 0%, grey 70%);
	background-image: linear-gradient(#796F66 0%, grey 70%);
	*/
}
#Menu {
	
	width:100%;
	max-width:1000px;
	margin:15px auto;
	text-align: center;
	background-color:#F7F5DB;

}

#photo {
	
	text-align:center;
}
#photo2 {
	
	width: 600px;
	height: 900px;
	left: 3em;
	margin:3% 15% 3% 15%;
	float: center;
	background: url(../images/DolceVita.jpg);
	background-size: contain;
	background-size: 100%;
	background-repeat: no-repeat;

	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
}

#listeDS {
	font-family: 'Arial';
}

#wrapper {
	font-family: 'Cinzel', Arial, serif; font-weight: 400;
	position: relative;
	width:100%;
	max-width:1280px;
	min-height: 900px;
	margin:0px auto;
	background-color:#F7F5DB;
}

#wrapper1 {
	margin:0px auto;
	width:1000px;
	position: relative;
	text-align:left;
}

#wrapper7 {
	font-family: 'Cinzel', Arial, serif; font-weight: 400;
	position: relative;
	width:100%;
	max-width:1280px;
	min-height: 900px;
	margin:0px auto;
	background-color:#F7F5DB;
}

#wrapper3 {
	width:400px;
	height:300px;

	float:right;
	position:absolute;
	margin-left: 10px;
	position: relative;
	z-index:1;
	text-align: center;	
	background:#dbdbdb;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	border-radius:10px;
	

	/*background-color: rgba(255,255,255,.6);*/
}
#wrapper5 {
	margin:0px auto;
	width:100%;
	position: relative;
	text-align:left;
	max-width:950px;
	
}
#wrapper6 {
	margin:0px auto;
	width:950px;
	max-width:100%;

	text-align:center;


}

#wrapper9 {
	/* margin:0px auto; */
	margin-left: 15%;
	width:150px;
	position: relative;
	text-align:left;
}
#wrapper10{
	padding:10px 50px;
	margin:0 -25px -25px -25px;
	background-color: #bfbcb6;
	color:#2e2e2e;
	/*-webkit-border-top-left-radius:25px;
	-webkit-border-bottom-left-radius:25px;
  	-moz-border-radius-topleft:25px;
	-moz-border-radius-bottomleft:25px;
   	border-top-left-radius:25px; 
	
	-webkit-border-bottom-right-radius:25px;
	-webkit-border-bottom-left-radius:25px;
	-moz-border-radius-bottomright:25px; 	
	-moz-border-radius-bottomleft:25px;	
	border-bottom-right-radius:25px; 	
	border-bottom-left-radius:25px; */
		-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

#wrapper11 {
	/* margin:0px auto; */
	margin:20px auto;
	width:750px;
	max-width:100%;
	/*background-color:#BFAB99;*/
	text-align:left;
	font-family: 'Playfair';
	/*border-style: solid;
	border-width: 1px;
	border-color: grey;
	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);*/
}
#wrapper12 {
	/* margin:0px auto; */
	margin:10px 10px 10px 10px;
	width:220px;
	height:200px;
	max-width:100%;
	text-align:center;
	font-family: 'Playfair';
	float:left;
	/*border-style: solid;
	border-width: 1px;
	border-color: grey;
	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);*/
}
#wrapper13 {
	margin:0px auto;
	width:100%;
	height:600px;
	position: relative;
	text-align:left;
	max-width:950px;
	background: url(../images/2.jpg);
	background-position: center;
	background-size: cover; /* Resize the background image to cover the entire container */
	
}
#wrapper14 {
	/* margin:0px auto; */
	margin:20px auto;
	width:750px;
	max-width:100%;
	position: relative;
	background-color:#FF77E1;
	text-align:left;
	font-family: 'Playfair';
	/*border-style: solid;
	border-width: 1px;
	border-color: grey;
	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);*/
}
#wrapper15 {
	/* margin:0px auto; */
	margin:20px auto;
	width:150px;
	max-width:100%;
	position: relative;
	background-color:#428AFF;
	text-align:left;
	font-family: 'Playfair';
	/*border-style: solid;
	border-width: 1px;
	border-color: grey;
	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);*/
}
#picture {
	/* margin:0px auto; */
	margin-right:10px;
	font-family: 'Playfair';
}

#logo_links {
	width:382px;
	height: 284px;
	position: absolute;
	z-index:0;
	margin:0px;
	background: url(../images/illu_links_oben.png);
}
#logo_rechts {
	width:364px;
	height: 258px;
	right: 0em;
	top: 0em;
	position: absolute;
	margin:0px;
	float: right;
	background: url(../images/illu_rechts_oben.png);
}
#Foto0_mitte {
	width: 600px;
	height: 400px;
	left: 3em;
	margin:3% 15% 3% 15%;
	float: left;
	background: url(../images/PrivDinnner&More.jpg);
	background-size: contain;
	background-repeat: no-repeat;

	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
}
#Foto1_links {
	width: 400px;
	height: 400px;
	left: 3em;
	margin:20px 20px 20px 20px;
	float: left;
	background: url(../images/Catering.jpg);
	background-size: contain;
	background-repeat: no-repeat;

	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
}
#Foto2_rechts {
	width: 400px;
	height: 400px;
	left: 3em;
	margin:20px 20px 20px 20px;
	float: left;
	background: url(../images/Photographie.jpg);
	background-size: contain;
	background-repeat: no-repeat;

	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
}

#Foto3_mitte {
	width: 600px;
	height: 400px;
	left: 3em;
	margin:3% 15% 3% 15%;
	float: left;
	background: url(../images/Hochzeiten.jpg);
	background-size: contain;
	background-repeat: no-repeat;

	box-shadow:0 0px 10px rgba(0, 0, 0, 0.3);
}
#logo_hdk {
	width:712px;
	height: 145px;
	margin-left: 120px;

	background: url(../images/logo_hdk_l_2560mm.png);
}

#footer {
	width: 950px;
	margin:20px auto;
	letter-spacing: 0.2em;
	color: white;
	font-weight: bold;

}
#navi ul {
	position: relative;
     margin: 0 auto;
     padding: 0


}
#navi li {
	position: relative;
	display: inline-block;
     /*right: 50%;*/
     margin: 0 auto;
     padding: 5px 10px;
     list-style: none;


	
}

#navi li a {
	/*display: block;*/
	color:#000000;

	text-decoration: none;
	padding:0 0 0 0px;
	/*background:#dbdbdb;*/
}

#navi li a:hover,
#navi li a:active,
#navi li a:focus {
	outline: none;
	text-decoration: underline;
	/* background:#FFD700;*/
}

#navi li#active {
	margin-right: 10px;
     padding: 5px 10px;
	text-decoration: underline;
}

#microformats a {
	width: 950px;
	text-align: center;
	font-size: 17px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin; 10px;
}
#microformats {
	width: 950px;
	margin:20px auto;
}
:root {
  --gutter: 20px;
}

.app {
  padding: var(--gutter) 0;
  display: grid;
  grid-gap: var(--gutter) 0;
  grid-template-columns: var(--gutter) 1fr var(--gutter);
  align-content: start;
}

.app > * {
  grid-column: 2 / -2;
}

.app > .full {
  grid-column: 1 / -1;
}

.hs {
  display: grid;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-columns: repeat(6, calc(50% - var(--gutter) * 2));
  grid-template-rows: minmax(350px, 1fr);
  
  overflow-x: scroll;
  scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter));
}

.app {
  width: 100%;
  height: 100%;
  background: #F7F5DB;
  /*overflow-y: scroll;*/
}

.hs > li,
.item {
  scroll-snap-align: center;
  padding: calc(var(--gutter) / 2 * 1.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align:center;
  /*background: #bfbcb6;*/
  background: #E8E5CE;
  border-radius: 4px;
}
.hreview {
	padding:30px 35px 15px 35px;
	
	}
.hreview3 {
	text-align: center;
	
	}

.fb-like{
/*float:right;*/
	padding: 0px 10px 10px 10px;
	margin-left: -920px;
	position: relative;
}

a.logo2 {
	text-decoration: none;
	color: black;
}

input.btnSend {
	/*margin: 25px 25px 25px 30%;*/
	/*float:center;*/
	width:220px;
	height:50px;
	font-weight:bold;
	font-size:100%;
	color: #FFF;
	text-align: center;
	padding:0 0 2px 0;
	text-indent:0px;
	border:1px solid #371B1D;
	background-color:#371B1D;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
  	-webkit-box-shadow: inset 0px 0px 0px;
  	-moz-box-shadow: inset 0px 0px 0px;
  	box-shadow: inset 0px 0px 0px;	
	background:#04720B;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */