html {
	background: url(daten/sides/Start/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: left top;
}

body {
	background: none; 
	height: 100vh;
	margin: 0;
	position: relative;
}

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

footer {

	position: fixed;

	padding: 10px;

	bottom: 0;

	left: 0;

	right: 0;

	background: #dca360;

	border-color: #8a9da8;

        z-index:4;
}
.table {
	display: table;
	border: none;
	border-collapse:collapse;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.table-row {
	display: table-row;
	border: 5px;
}

.table-cell_impressum {
	background-color: #212121;
	color: #ffffff;
	display: table-cell;
	border: none;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
	width: 36%;
}
.table-cell_menu {
	background-color: #212121;
	color: #ffffff;
	display: none;
	border: none;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
	width: 36%;
}
.table-cell_change {
	background-color: #212121;
	color: #ffffff;
	display: table-cell;
	border: none;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
	width: 32%;
}
.table-cell_mail {
	background-color: #212121;
	color: #ffffff;
	display: table-cell;
	border: none;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
	width: 32%;
}

.anima_fade {animation:fading 15s infinite}
@keyframes fading{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}

#MainHead {
	position: absolute;
	max-width: 2400px;
	width: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
        z-index:0;
}
#MainLogo {
	position: absolute;
	max-width: 750px;
	width: 50%;
	margin-top: 35px;
	margin-left: 29%;
	margin-right: 21%;
        z-index:1;
}
#SlideShowBox {
	position: absolute;
	max-width: 900px;
	min-width: 100px;
	width: 70%;
	margin-top: 200px;
	margin-left: 25%;
	margin-right: 9%;
        z-index:1;
}
#Tafel {
	position: absolute;
	max-width: 250px;
	min-width: 120px;
	width: 10%;
	margin-top: 0;
	margin-left: 10px;
	margin-right: auto;
        z-index:2;
}

#Button_uns {
	position: relative;
	margin-top: 150px;
	margin-left: 5px;
	width: 10%;
	max-width: 255px;
	min-width: 125px;
	z-index:3;
}
#Button_raum,
#Button_essen,
#Button_feiern,
#Button_zimmer,
#Button_dummy,
#Button_kontakt {
	position: relative;
	margin-top: 25px;
	margin-left: 5px;
	width: 10%;
	max-width: 255px;
	min-width: 125px;
	z-index:3;
}



@media only screen and (max-width: 1000px) {
	#SlideShowBox {
		margin-top: 150px;
	}
}


@media only screen and (max-width: 810px) {
	#Titelbild {
		width: 80%;
		margin-top: 135px;
		margin-left: 15%;
		margin-right: 10%;
	}
}

@media only screen and (max-width: 650px) {
	#MainLogo {
		width: 60%;
		margin-top: 45px;
		margin-left: 33%;
		margin-right: 10%;
	}

	#Titelbild {
		width: 80%;
		margin-top: 115px;
		margin-left: 23%;
		margin-right: 0%;
	}

	#Button_Termine,
	#Button_Bilder,
	#Button_Kontakt {
		margin-top: 13px;
	}
	#SlideShowBox {
		margin-top: 125px;
	}
}


@media only screen and (max-width: 600px) {
	html {
	background: url(daten/sides/Start/bg2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: left top;
	}

	#MainLogo {
		width: 75%;
		margin-left: 12%;
	}
	#Tafel,
	#Button_uns,
	#Button_raum,
	#Button_essen,
	#Button_feiern,
	#Button_zimmer,
	#Button_dummy,
	#Button_facebook,
	#Button_kontakt {
	   display: none
	}
	#SlideShowBox {
		margin-left: 12%;
		margin-right:5%;
		width: 75%;
	}
	.table-cell_impressum {
		display: none;
	}
	.table-cell_menu {
		display: table-cell;
	}