*, body, h2, h3, h4 {
	padding:0;
	margin:0;
	font-family: 'Cinzel', cursive;
	/*letter-spacing: 0.1em;*/
	font-size:15px;
	/* font-weight:bold;*/
	/*background: url(../images/wood.jpg) 0 0 repeat;
	/*background-color:#F7F5DB;	*/
}
h1{
	font-size:31px;
	font-weight: bold;
}
h5{
	font-size:15px;
	font-weight:bold;
}
h6{
	font-size:15px;
	font-weight:normal;
}
h7{
	font-size:15px;
	font-weight:bold;
	font-family: 'Arial';
}
p {
	padding:0;
	margin:0;
	font-family: 'Arial';	
	text-align:left;
}
b{
	font-weight:bold;
}
html {
	text-align:center;		
	background: url(../images/wood.jpg) 0 0 repeat;	
	/*
	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%);
	*/
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 300;
  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 */
}
#Menu {
	
	width:100%;
	max-width:1279px;
	margin:15px auto;
	text-align: center;
	background-color:#F7F5DB;

}
#wrapper {
	position: relative;
	width:100%;
	max-width:1279px;
	min-height: 700px;
	margin:auto;
	background-color:#F7F5DB;
}

#wrapper1 {
	margin:0px auto;
	max-width:750px;
	width:100%;
	position: relative;
	
}
#wrapper2 {
	margin:0px auto;
	max-width:350px;
	width:100%;
	position: relative;
	
}

#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);*/
}
#wrapper4 {
	margin:0px auto;
	max-width:750px;
	width:100%;
	position: relative;
	text-align:left;

}
#wrapper5 {
	margin:0px auto;
	width:100%;
	max-width:750px;
	position: relative;
	text-align:left;
}
#wrapper6 {
	margin:0px auto;
	max-width:650px;
	width:100%;
	position: relative;
	
}
#wrapper7 {
	font-family: 'Cinzel', Arial, serif; font-weight: 400;
	position: relative;
	width:100%;
	max-width:750px;
	min-height: 900px;
	margin:0px auto;
	background-color:#F7F5DB;
}
#wrapper9 {
	/* margin:0px auto; */
	margin-left: 5%;
	width:100px;
	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:650px;
	max-width:100%;
	/*background-color:#BFAB99;*/
	text-align:left;
	font-family: 'Playfair';

}
#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%;
	position: relative;
	text-align:left;
	max-width:950px;
	background: url(../images/2.jpg);
	
}
#picture {
	/* margin:0px auto; */
	margin-right:10px;
	font-family: 'Playfair';
}
#logo_links {
	width:229px;
	height: 170px;
	position: absolute;
	z-index:0;
	margin:0px;
	background: url(../images/illu_links_oben_small.png);
}
#logo_rechts {
	width:218px;
	height: 155px;
	right: 0em;
	top: 0em;
	position: absolute;
	margin:0px;
	float: right;
	background: url(../images/illu_rechts_oben_small.png);
}
#Foto0_mitte {
	width: 450px;
	height: 300px;
	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: 300px;
	height: 300px;
	left: 3em;
	margin:10px 10px 10px 10px;
	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: 300px;
	height: 300px;
	left: 3em;
	margin:10px 10px 10px 10px;
	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: 450px;
	height: 300px;
	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:356px;
	height: 73px;
	margin-left: 20%;
	background: url(../images/logo_hdk_l_small.png);
}

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

}
#navi ul {
	position: relative;

     margin: 0 auto;
     padding: 0

	list-style:none;

}
#navi li {
	position: relative;
     display: inline-block;

     margin-right: 10px;
     padding: 2px 2px;
     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: 2px 2px;
	text-decoration: underline;
}
#microformats a {
	width: 750px;
	text-align: center;
	font-size: 17px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin; 10px;
}
: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;
	}
.fb-like{
	float:left;
	padding: 0px 10px 10px 10px;
	/*margin-left: -920px;*/
	position: relative;

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

.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 */