font


html {
	zoom: 1.0;						/* IE */
	-moz-transform: scale(1.0);		/* Firefox */
	-webkit-transform: scale(1.0);	/* Safari And Chrome */
	scale(1.0);
	-o-transform: scale(1.0);		/* Opera */
	transform: scale(1.0);			/* Standard Property */
	}		

* {									/* SELECT ALL ELEMENTS */
	padding: 10px;
	margin:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	}

body {
	max-width: 1600px;
	border: 0px solid tomato;
	font-family: 'Merriweather', serif;
	font-size: 100%;				/* Default Font Size, 16px */
	margin: 10px auto;
	background:url(../IMG/back4.jpg);
	background-repeat: no-repeat, no-repeat; 
	background-position: top, center;
	background-color: black; 
	background-size: cover; 
	background-attachment: fixed; }

	
header {
	font-family: 'Merriweather', serif;
	border: 2px solid tomato;
	padding-right: 45px;
	width: 100%;
	border-radius: 15px 15px 15px 15px; 
}

.flex-header {					/* Sprachauswahl ausblenden, bis Seite übersetzt */
  display: flex;
  justify-content: space-between;
}

div > ul {
	 display: none;
}

nav > ul > li, div > ul > li {
	padding: 5px;
	margin:0 0 5px 0;
	font-size: 18px;
	font-family: 'Merriweather', serif;		/* Menü-Auswahl-Schrift  font-family: 'Lora', serif;*/
	position: relative;
	display: inline-block; 
	width: 154px;
	border-color: #ae340e;		/* #de5410; oder Roberts Vorschlag: #f92601cf; */
	border-width: 3px;
	border-style: solid;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 10px grey;
	box-shadow: 3px 3px 10px grey; }		/* Shatten nach unten und rechts je 3px und blur 10px */

nav > ul > li > a, div > ul > li > a {
	padding: 0px;
	margin: 0px;
	display: flex; 
	display: -webkit-flex;
	margin: auto;	
	}
	
nav > ul > li:hover, div > ul > li:hover {
	background-color: rgb(220,160,140,);	/* Fall-back for browsers that don't support rgba */
	background-color: rgba(220,160,140,0.3); 
	transition: background 0.5s;
	}

	
main {
	display: block;							/* damit IE das "main"-Element versteht */
	border: 2px solid tomato;
	width: 100%;
	border-radius: 15px 15px 15px 15px;
 }

article {
	color: #fff;							/* Hex White */
	font-size: 1.0em; }
	
/* section {
	/* border: 2px solid tomato; } */

		  
p	{ color: #fff; font-size: 1.0em; line-height: 1.5em;
	position: relative; left: 10px}

a   {	
	color: #de5410;
	}

a:link {
	color: rgb(153,68,0);
	}
	
a:visited {
	color: rgb(153,68,0);
	}
	
a:hover {
	color: silver;
	}

li a:link, li a:visited, li a:hover, li a:focus {		/* Auswahlmenü */
	text-decoration: none;
	display: block; }

.foto {
	/*max-width: 800px;*/
	max-width: min(100%,800px);
	height: auto; 
	}

h1 {
	color: #fff;							/* Hex White */
	font-size: 1.3em;
	font-weight: bold; }

h2 {
	color: #fff;							/* Hex White */
	font-size: 1.15em;
	font-weight: bold;
	}

		
img { /*border-radius: 20px 20px 20px 20px;*/	/* eigentlicher Radius + Padding */	
	position: relative; /* left: 15px */
	}	  

footer {
	font-size: 12px;
	color: #fff; }							/* Hex White */

	
.bild {										/* Alle Bilder mit dieser Klasse automatisch skalieren */
    /*max-width:960px;*/
	max-width: min(100%, 960px);
    height: auto;
	padding-left: 25px;}