* {
    margin: 0;								/* Version 2023 */
    padding: 0px 0px 0 0px;
   	border-radius: 0px;						/* Radius Außenrahmen */    
}
body {
    background-color: #BEF781; 				/* Hintergrundfarbe außen ok */
	background-attachment: fixed; 			/* Hintergrundbild fixieren */
	font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
}
header, nav, footer, section {
    display: block;    						/* Aktivierung für alte Browserversionen */
}
header {
    background-image: url(Bilder/Header/Panorama.jpg);
    height: 200px; 							/* Höhe Kopf ok */
    border-radius: 10px;					/* Radius Hintergrundbild ok */
}
p {
	color: #1B2A0A;							/* Schriftfarbe Fenstertext ok*/
	font-size: 15px;						/* Schriftgröße Fenstertext ok*/
	text-align: justify;					/* Schrift Blocksatz */
}
header a  {
	color: red;
}
header p {
	text-align: left;				/* ??? */
    padding-left: 55px;				/* ??? */
}
h1 {
    font-size: 2.5em; 						/* Schriftformate Pension ok*/
    font-family: "Comic Sans MS"; 			/* ok */
    text-shadow: 2.0px 2.0px 2.0px #000000;	/* Formatierung Willkommen ok */
    text-align: center;						/* ok */
}
h2 {
    font-size: 1.2em; 						/* Schriftformate Herzlich Willkommen */
    font-family: "Comic Sans MS";
    font-weight:normal;						/* Schriftdicke Laufschrift ok */
	color:  #D7DF01;					/* Schriftfarbe */
    text-shadow:  1.0px 0.8px 1.0px #000000;	/* Schrift Schatten */
    text-align: left;
}
h3 {
    font-size: 0.7em; 						/* Schriftformate unter Logo Scheune */
    font-family: "Tahoma";					/* ok */
    font-weight:lighter;					/* ok */
    text-align: left;						/* ok */
   	padding-left: 1.7em;
   	padding-bottom: 1.2em;
}
h4 {
    font-size: 1.0em; 						/* Schriftformate Laufschrift */
    font-family: "Tahoma";
    color: #0B610B;
    text-shadow: 0.4px 0.4px #FFFFFF;		/* Schriftschatten Laufschrift ok */
    font-weight:normal;						/* Schriftdicke Laufschrift ok */
    text-align: right;						/* Textausrichtung Laufschrif, keine Reaktion */
    padding-top: 2.0em;						/* Abstand zur Oberkante Foto ok */
}
h5  {
	color: #1B2A0A;							/* Schriftfarbe Fenstertext */
	font-size: 15px;						/* Schriftgröße Fenstertext */
}
section {
    margin-left: 260px;					/* Abstand linker Seitenrand */
    margin-right: 15px;					/* Abstand rechter Seitenrand */
}
section h1 {
	padding-top: 10px;					/* oberer Abstand zum Header */
	padding-bottom: 30px;				/* unterer Abstand zum Text (p) */
	color:  #D7DF01;					/* Schriftfarbe Überschrift h1 */
}
section p {
	padding-bottom: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
section ul {
    padding-left: 3em;
}
section li {
    padding-bottom: 0.5em;
}
section img {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 0.2em;	
	padding-left: 0.7em;
}
footer {
	color: #00B2EE;
	font-family: "Comic Sans MS"; 		/* Schriftart ok */
	font-size: 12pt;					/* Schriftgröße Schriftzug Impressum ok */
	font-decoration: none;
	text-shadow: 0.4px 0.4px #000000; 	/* Schrift Schatten Schriftzug Impressum ok */
	background-color: #E1F5A9; 			/* Hintergrundfarbe der Impressum-Zeile ok */
	border-radius: 6px;					/* Radius Außenkontur ??? */
	text-align: center; 				/* Textausrichtung ok */
	clear: left;						/* notwendig für Fensteranordnung ok */
}
#wrapper {								/* sorgt für die Breite der Arbeitsfläche, wenn ich wrapper lösche, wird die komplette Seitenbreite genutzt ok */
	background-color: #E1F5A9;			/* Hintergrundfarbe section ok */
	width: 1000px;						/* Breite des Fensters ok */
    border: 3px solid white;			/* Rahmendicke Außenkontur */
    border-radius: 10px;				/* Radius Außenkontur */
    margin: 200px auto;					/* auf Seite zentrieren ok */
	margin-top: 20px;					/* Abstand Außenkontur von Oberkante, bei Deaktivierung wird irgendwoher ein größerer Wert übernommen etwa 80 ok */
	margin-bottom: 30px; */				/* Abstand Außenkontur von Unterkante, bei Deaktivierung wird irgendwoher ein größerer Wert übernommen etwa 80 ok */
	text-align: left;					/* keine sichtbare Reaktion bei Änderung auf right ok */
}	
#logotext {								/* Format Überschrift Gasthof zur Scheune" */
    padding-top: 145px;					/* Abstand oben */
    padding-left: 30px;					/* Abstand links */
    font-family: "Comic Sans MS";		/* Schriftart */
    font-size: 38pt;					/* Schriftart */
	color:  #D7DF01;					/* Schriftfarbe */
    text-shadow:  3.5px 2.5px 3.5px #000000;	/* Schrift Schatten */
    float: none;
    text-align: left;
}
#nav ul {
	list-style-type: none; 				/* Aufzählungszeichen ausblenden */
}
#nav {
	margin: 10px;
    width: 230px;
	float: left;
	background-color: #E1F5A9;			/* Farbe hinter Schaltflächen */
    padding-top: 20px;
    padding-left: 7px;
    padding-right: 7px;
    font-weight: bolder;
}
#nav a {
    color: #5FB404;						/* Schriftfarbe Schaltflächen */
    text-decoration: none;				/* hebt das Unterstreichen der Schrift auf ok */
    font-size: 15pt;					/* Schriftgröße Schaltflächen */
    font-weight: lighter;				/* Schriftdicke Schaltflächen */
    text-shadow: black 1px 1px;
}
#nav li {
	background-color: #BEF781;	 		/* Hintergrundfarbe der Schaltflächen*/
	margin-top: 8px;					/* Außenabstand zwischen den Schaltflächen */
    width: 75%;							/* Breite der Schaltflächen in % von nav */
	padding-top: 2px; 	       	    	/* Innenabstand oben  */
	padding-bottom: 2px;   		      	/* Innenabstand unten */
	padding-left: 18px;      	     	/* Innenabstand links */
	padding-right: 2px;          	 	/* Innenabstand rechts */
	border: #C0C0C0 2px outset;
	border-radius: 12px; 
	text-align: left;
	cursor: pointer;
}
#nav li:hover {
	border: #C0C0C0 2px inset;
}
#nav a:hover  {
    color: #86B404;
    text-shadow: black 1px 2px;
}
#nav img {
	padding-top: 25px;				/* oberer Abstand zu den Schaltflächen */
	padding-bottom: 20px;
	padding-right: 20px;	
	padding-left: 10px;
}
hr { 								/* Formatierung Trennbalken */
    width: 95%; 
    height: 5px; 
    margin: 0 auto;
    color: #000000;
    background: #86B404;
}