@charset "utf-8";
/* CSS Document */

body {
	/*background-color:#fef6e3; /*helles beige*/
	background-color:#ebe497;  /*Sommerfarben*/
	/*background-image: url("Sterne.png");*/
	/*background-image: url("Blaetter.png");*/
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 100%;
	}

header,
nav,
nav a,
aside,
address,
article,
section,
footer {
	padding: 0.8em;
	margin: 0.8em;
	flex: 1 100%;
}

header {	/*für kleine Bildschirme ausgelegt, die @media Einträge sind für große Bildschirme*/
	/*background: #ae9986; /*dunkles beige*/
	background: #eac074; /*Sommerfarben*/
	border-color: #d5d5d5;
	font-family: Georgia, serif;
	font-size: 1.5em;
	display: flex;
	/*flex-flow: row wrap;*/
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center; /*Hauptachse*/
	align-items: center; /*Querachse*/
}

header img {
	width: 100pt;
	height: auto;
	}

section img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
}

/*Menübereich beginnt*/

nav ul {
	display: flex; /*flex einschalten*/
	justify-content: space-around; /* Zentriert mit gleichen Abständen*/
	flex-direction: row; /* in der Reihe darstellen*/
	flex-flow: row wrap;
	padding: 0.7em;
}

nav li {
	list-style-type: none; /*keine Anführungspunke*/

}

nav a {
	display: inline-block;
	width: 90%;
	margin: 0;
	text-align: center;
	text-decoration: none;
	font-family: Georgia, serif;
	font-size: x-large;
	color: black;
}

nav a:hover,
nav a:focus {
	/*background-color: #ae9986;  /*dunkles beige beim rüberfahren*/
	background-color: #eac074;  /*Sommerfarben*/	
	color: black;
}

/*Bauch*/
article {
	display: flex; /*flex einschalten*/
	flex-direction: column;
}

article p {
	text-align: center;
}

article img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
}

figure { 
	display: flex; /*flex einschalten*/
	justify-content: space-around; /* Zentriert mit gleichen Abständen*/
	flex-direction: row; /* in der Reihe darstellen*/
	flex-flow: row wrap;
	justify-content: center; /*Hauptachse*/
	align-items: center; /*Querachse*/
}

figure img {
	display: inline-block;
	margin: 1em	;
	color: black;
}

figure a {
	display: inline-table;
	width: auto;
	margin: 0;
	text-align: center;
	text-decoration: none;
	font-family: Georgia, serif;
	font-size: x-large;
	color: black;
}

aside {
	display: flex; /*flex einschalten*/
	flex-direction: column;
}

/*Fußzeile*/
footer {
	/*background: #ae9986; /*dunkles beige*/
	background: #eac074; /*Sommerfarben*/
	border: none;
}

/*allgemeine Einstellungen*/
h1 {
  font-family: Georgia, serif;
  font-size: 2.5em;
  text-align: center;
}
h2 {
  font-family: Georgia, serif;
  font-size: 2.1em;
  text-align: center;
  font-style:italic;
}

h3 {
  font-family: Georgia, serif;
  font-size: 1.5em;
  text-align: center;
  font-style:italic;
}

table {
	display: flex;
}



/*für Kontakt-Seite*/
address {
	display: flex; /*flex einschalten*/
	justify-content: center; /*Hauptachse*/
	align-items: center; /*Querachse*/
}

dl.grid {
	display: grid;
	grid-template-columns: 1fr 100%;
}

dd {
	margin: 0;
	padding-left: 1em;
}

dl.grid dd {
	margin-bottom: 1em;
}

a[href^="tel"] {
	white-space: nowrap;
}

#map { 
	display: flex;
	justify-content: center; /*Hauptachse*/
	flex-basis: 10%;
	height: 25em;
	border-collapse: separate;
	border-spacing: 0.9em 0.9em;
	
	}

#manicure {
	display: block;
	border-collapse: separate;
	border-spacing: 0.9em 0.9em;
} 

#stars {
	display: block;
	border-collapse: separate;
	border-spacing: 0.9em 0.9em;
}

/* Umschaltung der Darstellung*/
@media screen and (min-width: 50em) { /*für große Bildschirme*/
header {
    font-size: 2.5em;
	}
header img {
	width: 130pt;
	height: auto;
	}

article img {
	max-width: 30%;
	}
	
#panorama {
	max-width: 80%;
   }
}