/* Background-Bilder - für html-Tag */

.buchung {
	min-height: 100%;
	background-image: url('../Bilder/Buchung/Bild01.jpg');
	background-repeat: repeat;
	background-size: cover;
}

.preise {
	min-height: 100%;
	background-image: url('../Bilder/Preise/Bild01.jpg');
	background-repeat: repeat;
	background-size: cover;
}

.kontakt {
	min-height: 100%;
	background-image: url('../Bilder/Kontakt/Kontakt.jpg');
	background-repeat: repeat;
	background-size: cover;
}




/* wird nicht gebraucht 
.backsize {
  width: 100%;
  height: 200px;
  background-image: url('../../../../../Hanna/Web/diekleineAcht/Arbeitsversion/Bilder/Buchung/Bild01.jpg');
  background-size: cover;
  border: 1px solid red;
}
*/


figure {
    text-align: center;
    margin: 10px auto; /* not needed unless you want centered */
}

.bild {
	padding-top: 10px;
	padding-bottom: 10px;
	max-width:100%;
}

.beschreibung {
	text-align: center;
	font-family: "Shree Devanagari 714";
	font-weight: normal ;
	margin-left:10%;
	margin-right: 10%;
}

.kalender {
	margin-left:20%;
	margin-right: 20%;
}

/*************** menu ****************/
.menu {
    font-size: 1.2em;
	position: absolute;
	float: right;
	top: 10px;
	right: 10px;
	padding: 10px;
}

/*********************************************/
a.menuLink:link {
    color: black;
    text-decoration: none;
  	font-weight: bold;
}

/* visited link */
a.menuLink:visited {
    color: black;
    font-weight: bold;
}

/* mouse over link */
a.menuLink:hover {
	font-weight: normal;
}

/* selected link */
a.menuLink:active {
    color: black;
}


/* *********************** Navigationsmenu - SMARTPHONE Responsive weniger als 480  px **************************** */

@media screen and (max-width: 480px) {
  .main-nav {  
  	margin: 0;
  	margin-left: -40px;
  }

  .main-nav > li {
	border-bottom: 1px solid rgba(250, 250, 250, 0.6);
	text-align:center;
	list-style:none;
	border: white 1px solid;
	background: rgba(192, 192, 192, 0.5);
  }


  .main-nav li > a {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	display: block;
	font-size: 1.8rem;
  }

  .main-nav a:link {
	text-decoration: none;
  }
  
}

/*********************************************************************************/




/* *********************** Navigationsmenu - Responsive breiter als 480  px **************************** */

 @media screen and (min-width: 480px) {

  .main-nav {
    font-size: 1.2em;
	position: absolute;
	float: right;
	top: 10px;
	right: 10px;
	padding: 10px;
	font-family: "Shree Devanagari 714";
	color: white;
	list-style-type: none;
	z-index: 200;
  }

  .main-nav li {
	float: right;
  }

  .main-nav li > a {
    padding: 10px;
	color: white;
  }

  .main-nav a:link {
    text-decoration: none;
  	font-weight: normal ;
  }

  .main-nav a:hover {
	font-weight: bold;
  }
  
  .backsize {
    width: 100%;	
  }
  
}

/*********************************************************************************/




.bildunterschrift {
	font-family: "Shree Devanagari 714";
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0px;
}

.kontaktText {
	position: relative;
	top: 200px;
	width: 100%;
	margin: auto;
	text-align: center;
	font-weight:bold;
}

#disclaimer {
    position: absolute;
	top: 800px;
}

.disclaimerHeadline {
    font-weight:bold;
	width: 50%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
  	text-align: center;
	font-size:medium;
}

.disclaimerText {
    width: 50%;
	margin: auto;
	text-align: center;
}

#textBuchung {
	position: absolute;
	top: 200px;
	width: 100%;
	margin: auto;
	text-align: center;
	font-weight:bold;
	color:white;
}

#textPreise {
	position: absolute;
	top: 200px;
	width: 100%;
	margin: auto;
	text-align: center;
	font-weight:bold;
	color:black;
}


.mittelgrauerText {
	position: absolute;
	top: 200px;
	width: 100%;
	margin: auto;
	text-align: center;
	font-weight:bold;
	color: gray;
}

.mainContent {
	position: relative;
}