#wrapper {       							/*Formatierung für die ganze Website*/ 
	width: 960px;   						/*Breite: 960 Pixel*/
	margin-right: auto;						/*Ausrichtung rechts: automatisch*/
	margin-left: auto;						/*Ausrichtung links: automatisch*/
	font-size: 16px;						/*Schriftgröße: 16px*/
	font-family: arial, sans-serif;			/*Schriftart: 1. arial = Hauptschrift, 2. sans serif = Ersatzschrift (falls die erste nicht vom Browser unterstützt wird)*/
}

header {									/*Formatierung für Kopfzeile*/
	padding-top: 10px;						/*Innenabstand oben (Abstand in der Kopfzeile nach oben): 10 Pixel*/
	padding-bottom: 10px;					/*Innenabstand unten (Abstand in der Kopfzeile nach unten): 10 Pixel*/
	height: 200px;							/*Höhe: 200 Pixel*/
	width: 960px;							/*Breite: 960 Pixel*/
	background-color: white;				/*Hintergrundfarbe: weiß*/
	border: 1px solid #F2F2F2;				/*Rahmen der Kopfzeile: Größe 1Pixel mit einer Linie in der Farbe #F2F2F2*/
	border-radius: 5px;						/*Radius der Ecken der Kopfzeile: 5Pixel*/
	margin-bottom: 15px;					/*Außenabstand unten: 15Pixel*/
	text-align: center;						/*horizontale Ausrichtung: in der Mitte/Zentrum*/
}

body {										/*Formatierung für sichtbaren Inhalt der Webseite*/
	background-color: #EDEBE8;				/*Hintergrundfarbe: #EDEBE8*/
}

nav {										/*Formatierung für Navigationsleiste/-menü*/
	text-align: center;						/*horizontale Ausrichtung: in der Mitte/Zentrum*/
}

nav ul {									/*Formatierung für untergeordnete/unsortierte Liste im Navigationsmenü*/
	list-style-type: none;					/*Aufzählungslistentyp (Erscheinungsbild des Bullet-Zeichens: kein Bullet Zeichen*/
}

nav li {									/*Formatierung für Listenpunte im Navigationsmenü*/
	display: inline;						/*Darstellung der Liste: im laufenden Textfluss*/
	margin-right: 40px;						/*Außenabstand rechts: 40Pixel*/
	position: relative;						/*Position der Liste: mittig*/
}

nav li li{									/*Formatierung für Listenpunkte in Listenpunkte */
	float: none;							/**/
	display:block;							/*Darstellung der Liste: blockartig untereinander*/
}

nav ul ul {									/*Formatierung für untergeordnete/unsortierte Liste in der untergeordnete/unsortierteListe im Navigationsmenü*/	
	display: none;							/*Darstellung der Liste: wird nicht dargestellt*/
	position: absolute;						/*Position der Liste: wird mit left, right, top, bottom festgelegt -> unterhalb des verschachtelten Listenpunktes*/
	left: 0;								/*Position der Liste: links=0 es verschiebt sich nicht nach links*/
	float: none;							/**/
	width: 150px;							/*Breite der ul ul: 150Pixel*/
}

nav li:hover ul{							/*Formatierung für */
	display: block;							/**/
	padding-left: 1px;						/**/
	padding-right: 10px;					/**/
	padding-top: 10px;						/**/
}

nav ul li ul li a{							/*Formatierung für*/
	background-color: orange;				/*Hintergrundfarbe: orange*/
	color: white;							/*Schriftfarbe: weiß*/
	display: block;							/**/
	margin-left: 0px;						/**/
	padding-top: 10px;						/**/
	padding-bottom: 10px;					/**/
	padding-left: 10px;						/**/
	padding-right: 10px;					/**/
}

a {											/*Formatierung für*/
	color: #777;							/**/
	text-decoration: none;					/**/
}

section {									/*Formatierung für*/
	width: 603px;							/*Breite*/
	float: right;							/**/
	padding: 15px;							/**/
	margin-top: 15px;						/**/
	margin-left: 15px;						/**/
	background-color: white;				/**/
	border: 1px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	margin-bottom: 15px;					/**/
}

section a {
	font-size: 18px;						/**/	
	padding: 15px;
}

.article {									/*Formatierung für*/
	margin-top: 15px;						/**/
	margin-bottom: 15px;
	text-align: center;/**/
}

.article img {								/*Formatierung für*/
	float: left;							/**/
	padding: 5px;							/**/
	margin-right: 10px;						/**/
	border: 1px solid #F2F2F2;				/**/
}

.arcticle a {								/*Formatierung für*/
	font-size: 18px;						/**/
	text-align: center;
	padding-top: 20px;
}

.article video {
	padding: 5px;
	margin-right: 10px;
	border: 1px solid #F2F2F2;
	width: 590px;
}

.article h1 {
	color: #777;							/**/
	font-size: 16px;						/**/
	padding-bottom: 10px;
	text-align: center;
}

.interesse {									/*Formatierung für*/
	margin-top: 15px;						/**/
	margin-bottom: 15px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 150px;/**/
}

aside {										/*Formatierung für*/
	right: 50%;
	width: 258px;							/*Breite*/	
	float: left;							/**/
	padding: 25px;							/**/
	margin-top: 15px;						/**/
	background-color: white;				/**/
	border: 1px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	margin-bottom: 15px;					/**/
	font-family: arial, sans-serif;			/**/
}

.sidebar img {								/*Formatierung für*/
	width: 240px;							/**/
	margin: 10px;							/**/			
}

footer {									/*Formatierung für Fußzeile*/
	background-color: white;				/**/
	border: 1px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	clear: both;							/**/
}

footer ul {									/*Formatierung für*/
	float: left;							/**/
	list-style: none;						/**/
	padding: 0px;							/**/
	margin: 20px;							/**/
}

footer li {									/*Formatierung für*/
	margin-right: 15px;						/**/
	display: inline;						/**/	
}

footer p {									/*Formatierung für*/
	text-align: right;						/*horizontale Ausrichtung: rechts*/
	margin-right: 20px;						/**/
	color: #777;							/**/
}

#das-bin-ich {								/*Formatierung für*/
	margin: 15px;							/**/
	
}

#das-bin-ich h1{							/*Formatierung für*/
	color: #777;							/**/
	padding-bottom: 10px;
	text-align: center;						/**/
}

#das-bin-ich img {							/*Formatierung für*/
	float: left;							/**/
	padding: 5px;							/**/
	margin-right: 10px;						/**/
	border: 1px solid #F2F2F2;				/**/
}

#das-bin-ich p {							/*Formatierung für*/
	font-size: 18px;						/**/
	text-align: center;						/**/
}

#kontakt {									/*Formatierung für*/
	margin:15px;							/**/
	text-align: center;						/*horizontale Ausrichtung: in der Mitte/Zentrum*/
}

#kontakt h1 {								/*Formatierung für*/
	color: #777;							/**/
	font-size: 18px;						/**/
	padding-bottom: 10px;					/**/
}

#produkte {									/*Formatierung für*/
	margin: 20px;							/**/
}

#produkte img {								/*Formatierung für*/
	display: inline-block;					/**/						
	width: 230px; 							/*Breite*/
}

.problem img {
	margin-left: -15px;
}

#nachhaltig {								/*Formatierung für*/
	margin: 15 px;							/**/
}

#nachhaltig h1 {							/*Formatierung für*/
	color: #777;							/**/
	padding-bottom: 10px;					/**/
	padding-top: 10px;						/**/
	display: grid;							/**/
	grid-template-columns: 1fr 1fr;			/**/
}

#nachhaltig img {							/*Formatierung für*/
	display: inline-block;					/**/
	padding: 15px;							/**/
	margin-top: 5px;						/**/
	margin-bottom: 5px;						/**/
	border: 2px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	width: 260px; 							/*Breite*/
}

#hüftschals {								/*Formatierung für*/
	margin: 15 px;							/**/
}

#hüftschals h1 {							/*Formatierung für*/
	color: #777;							/**/
	padding-bottom: 10px;					/**/
	padding-top: 10px;						/**/
	display: grid;							/**/
	grid-template-columns: 1fr 1fr;			/**/
}

#hüftschals img {							/*Formatierung für*/
	display: inline-block;					/**/
	padding: 15px;							/**/
	margin-top: 5px;						/**/
	margin-bottom: 5px;						/**/
	border: 2px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	width: 260px; 							/*Breite*/
}

#taschen {									/*Formatierung für*/
	margin: 15 px;							/**/
}

#taschen h1 {								/*Formatierung für*/
	color: #777;							/**/
	padding-bottom: 10px;					/**/
	display: grid;							/**/
	grid-template-columns: 1fr 1fr;			/**/
}

#taschen img {								/*Formatierung für*/
	display: inline-block;					/**/
	padding: 15px;							/**/
	margin-top: 5px;						/**/
	margin-bottom: 5px;						/**/
	border: 2px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	width: 260px; 							/*Breite*/
}

#accessoires {								/*Formatierung für*/
	margin: 15 px;							/**/
}

#accessoires h1 {							/*Formatierung für*/
	color: #777;							/**/
	padding-bottom: 10px;					/**/
	display: grid;							/**/
	grid-template-columns: 1fr 1fr;			/**/
}

#accessoires img {							/*Formatierung für*/
	display: inline-block;					/**/
	padding: 15px;							/**/
	margin-top: 5px;						/**/
	margin-bottom: 5px;						/**/
	border: 2px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	width: 260px; 							/*Breite*/
}

#geburt {									/*Formatierung für*/
	margin: 15 px;							/**/
}

#geburt h1 {								/*Formatierung für*/
	color: #777;							/**/
	padding-bottom: 10px;					/**/
	padding-top: 10px;						/**/
	display: grid;							/**/
	grid-template-columns: 1fr 1fr;			/**/
}

#geburt img {								/*Formatierung für*/
	display: inline-block;					/**/
	padding: 15px;							/**/
	margin-top: 5px;						/**/
	margin-bottom: 5px;						/**/
	border: 2px solid #F2F2F2;				/**/
	border-radius: 5px;						/**/
	width: 260px; 							/*Breite: 260Pixel*/
}

#impressum {									/*Formatierung für*/
	margin:15px;							/**/
	text-align: center;						/*horizontale Ausrichtung: in der Mitte/Zentrum*/
}

#impressum h1 {								/*Formatierung für*/
	color: #777;							/**/
	font-size: 18px;						/**/
	padding-bottom: 10px;					/**/
}