/* BOOKING CONTAINER */

#booking {
	background: url(../pics/back_booking.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-width: 1280px;
	width: 100%;
	font-family: 'FiraSans-Regular', Helvetica, Arial, sans-serif;
	line-height: 140%;
	margin: 0;
	padding: 0 0 0 0;
	z-index: 2000;
}

.bookingspacer_unten {
	max-width: 1280px;
	width: 100%;
	height: 20px;
}

.bookingspacer_oben {
	max-width: 1280px;
	width: 100%;
	height: 45px;
}

#formular {
	text-align: center;
}

h2.headline_booking {
	padding-bottom: 30px;
}

/* FOOTER */

.footer {
	max-width: 1280px;
	width: 100%;
	margin-top: 5%;

}

footer h2 {
	padding: 10px 0 10px 0;
	margin: 0;
}

.footer a {
	font-family: 'FiraSans-ExtraLight', Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size: 1.3rem;
	color: #ec9;
	padding: 10px 10px 6px 10px;
	background: rgba(0, 0, 0, 0.56);
	border-radius: 4px;
}

.footer a.zuerst {
	padding: 6px 16px 6px 16px;
}

.footer a:visited {
	color: #ddd;
}

.facebook {
	text-align: center;
}

.youtube {
	text-align: center;
	padding-top: 1.5%;
}

.notice {
	text-align: center;
	padding-top: 1.5%;
}

/* MODAL */

/* The Modal (background) */

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: scroll;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	line-height: 1.6;
	text-align: left;
}

/* Modal Content */

.modal-content {
	font-family: 'FiraSans-Light', Helvetica, Arial, sans-serif;
	background-color: #fefefe;
	/* Fallback color */
	background-color: rgba(240, 240, 240, 0.8);
	/* Black w/ opacity */
	margin: auto;
	padding: 3%;
	border: 1px solid #888;
	width: 70%;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

.modal-content ul {
	list-style: none;
}

.modal-content h2 {
	font-family: 'FiraSans-Regular', Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 1.4rem
}


.modal-content a:link {
	font-family: 'FiraSans-ExtraLight', Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #339;
}

.modal-content a:visited {
	text-decoration: none;
	color: #399;
}

.schutzhead {
	padding-top: 20px;
}



/* The Close Button */

.close {
	color: #a66;
	float: right;
	font-size: 80px;
	font-weight: normal;
	line-height: 5px;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.close1:hover,
.close1:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.close2:hover,
.close2:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

@media screen and (max-width: 1120px) {
	#booking {
		background: url(../pics/back_booking_751.jpg) no-repeat left top scroll;
	}
	
	.gross {
		float: right;
		margin-right: 12%;
	}
	
	.footer {
		width: 400px;
		clear: both;
		float: right;
		margin-right: 12%;
	}
}

@media screen and (max-width: 700px) {

	#booking {
		background: url(../pics/back_booking_670.jpg) no-repeat right top scroll;
	}
	
	.gross {
		float: none;
		margin-right: 0;
	}
	
	.footer {
		width: 100%;
		clear: both;
		float: none;
		margin-right: 0;
	}

}

.klein {
	display: none;
}

@media screen and (max-width: 420px) {

	.gross {
		display: none;
	}

	.klein {
		display: inline-block;
	}
}