.indevelopment {
  display: none !important;
}

.TopBar {
position:absolute;
top:0;
left:0;
width:100%;
height:98px;
background:#083963;
z-index:200;
}

.BottomBar {
position:fixed;
bottom:0;
left:0;
width:100%;
height:120px;
background:#d5c19f;
z-index:200;
border-top:1px solid #ffffff;
}

.Logo {
position:absolute;
top:-99px;
left:-55px;
z-index:1000000;
}

/* The MainContainer
************************/
.MainContentContainer {
margin:0;
position:absolute;
top:99px;
left:50%;
margin-left:-480px;
min-height:505px;
width:960px;
z-index:500;
}

.MainContentContainer .TopContainer {
width:100%;
height:384px;
background:url(../images/site/slidertransback.png) transparent left bottom;
z-index:1000;
}

.MainContentContainer .BottomContainer {
width:100%;
min-height:485px;
background:url(../images/site/ContentBackground.png) transparent;
z-index:0;
}

/* KartenContainer
*********************/
.KartenContainer {
position:absolute;
top:-91px;
right:0;
width:503px;
height:144px;
background: transparent url(../images/site/kartebackground.png);
z-index:0;
}

.KartenContainer a {
display:block;
position:absolute;
top:15px;
right:105px;
}

/* The Slideshowcontainer
***********************/
.Sliderbackground {
position:absolute;
top:-24px;
left:-20px;
width:1006px;
height:382px;
background: transparent url(../images/site/sliderformback.png);
z-index:1000;
}

.Sliderbackground .SliderImages {
margin:7px 0 0 27px;
width:946px;
height:331px;
overflow:hidden;
}

/* The decoration
********************/
.Schilf {
position:absolute;
bottom:0px;
left:-125px;
height:260px;
overflow:hidden;
}

.Kissen {
position:absolute;
bottom:0px;
right:-165px;
height:155px;
overflow:hidden;
}

/* Resizing Background
*************************/
#bgImage {
    position:fixed;
    top:0;
    left:0;
}

.bgwidth { width: 100%; }

.bgheight { height: 100%; }


/* Mainmenu
***********************/
.MenuContainer {
position:relative;
float:left;
margin-left:-6px;
margin-top:-85px;
width:234px;
}

.MenuTafel .MenuMarker {
position:absolute;
left:-40px;
}

.MenuTafel {
width:234px;
height:348px;
background: transparent url(../images/menu/tafel.png);
}

.MenuTafel .MainMenu {
position:relative;
list-style:none;
top:98px;
left:40px;
width:160px;
height:200px;
}

.MenuTafel ul {
position:relative;
list-style:none;
width:160px;
height:200px;
}

.MenuTafel ul li {
position:absolute;
}

.MenuTafel ul li.Karte {
top:4px;
left:6px;
}

.MenuTafel ul li.Galerie{
top:34px;
left:5px;
}

.MenuTafel ul li.Waffeltage{
top:64px;
left:4px;
}

.MenuTafel ul li.Oeffnungszeiten{
top:91px;
left:3px;
}

.MenuTafel ul li.Kontakt{
top:123px;
left:1px;
}

/* Footerarea
************************/
.FooterContainer {
position:absolute;
bottom:0;
margin:0 0 0 25px;
height:45px;
overflow:auto;
text-align:center;
}

.FooterContainer ul {
width:100%;
text-align:center;
list-style:none;
margin:0 auto;
}

.FooterContainer ul li {
float:left;
}

.FooterContainer ul li a {
line-height:36px;
padding:0 10px;
color:#ffffff;
font-weight:bold;
}

.FooterContainer .Adressline {
width:980px;
margin:0 auto;
text-align:center;
color:#ffffff;
font-weight:bold;
line-height:36px;
}

/* Contentarea
************************/
.ContentContainer {
position:relative;
width:870px;
color:#fff;
line-height:18px;
padding:10px 45px;
}

.Headline {
position:absolute;
top:-40px;
}

.SiteContent {
padding-top:10px;
  padding-bottom:50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.SiteContent p {
  font-size: 14px;
  line-height: 20px;
}

.SiteContent p.platzhalternotiz {
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 20px;
}

.SiteContent .Beschreibung {
  flex: 0 1 100%;
}
.SiteContent .Bilderleiste {
  flex: 0 1 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.SiteContent .Bilderleiste img {
  flex: 0 1 200px;
}

.SiteContent p.platzhalternotiz_gross {
  font-size: 30px;
  line-height: 36px;
  text-align: center;
}

.SiteContent .buchung_kontakt {
  flex: 0 1 100%;
  margin-bottom: 20px;
}

.ContentContainer h1 {
font-size:16px;
margin-bottom:4px;
  color:#fff;
text-transform:uppercase;
}

.ContentContainer h4 {
font-size:14px;
margin-bottom:4px;
text-transform:uppercase;
margin:0 0 2px 0;
}

.ContentContainer p {
margin-bottom:8px;
max-width:880px;
}

.ContentContainer .Beschreibung{
width:575px;
padding:0 50px 0 0;
float:left;
}

.ContenContainer .Bilderleiste{
width:200px;
}