*{
			margin:0;												/*macht die Abstände an den Seiten weg*/
			padding:0;
			box-sizing: border-box; 
		}
		
		a{
			color: #403E2C;
			}
			
		.UNTERUEBERSCHRIFT {
			font-family: 'verdana';
			font-size:16px; 
			font-weight: 700;
		}
		
		.MAIN {
			height: 900px;
			width: 100%;
			background-color: #F9F5EA;	
			font-family: 'Verdana';
			color:#403E2C;
		}
		
		.TITEL {
			font-family: 'Pompiere';
			font-size: 40px; 
		}
		
		.QUELLEN {
			font-family: 'Verdana';
			font-size: 16px; 
			width: 1200px; 
			position:relative; 
			top: 75px; 
			left: 50px; 
			line-height: 150%;
		}
		
		.NAV {
			display: flex;											/* Ausrichtung der Navpunkte in Ebene 1 */
			height: 80px;											/* Höhe der Navbar */
			width: auto;											/* Breite der Navbar */
			background-color: #c6ca96;
			font-family: 'Pompiere';
			font-weight: 750;
		}
		.EBENE1, .EBENE2 a {										/* Formatierung aller Texte in der Navbar */
			display: block;
			line-height: 70px;
			text-decoration: none;
			color: #e8edc5;
		}
		.EBENE1 {													/* Navpunkte in Ebene 1 */
			height: auto;
			width: auto;
			padding: 15px;  
			text-align: center;
			position: relative; 
			padding-top: 7px;
		}
		
		.EBENE1:hover {
			background-color: #e8edc5;
		}
		
		.EBENE2 {													/* Navpunkt in Ebene 2 */
			display: none;											/* Navpunkte anfangs nicht sichtbar */
			position: absolute;										/* Navpunkte gehen nach unten */
			height: auto;
			min-width: 142.5px;
			background-color: #e8edc5;
			font-weight: 500;
			z-index: 9;
			left: 0px; 
			border-radius: 0px 0px 12px 12px; 
		}
		.EBENE2 a:hover {
			background-color:#c6ca96;
		}
		.EBENE1:hover > .EBENE2 {									/* macht Ebene 2 sichtbar */
			display: block;											/* durch Pseudoklasse Hover */
		}
		
		.EBENE1 a {
			font-family: 'Pompiere';  
			font-size: 13pt; 
			letter-spacing: 0.025rem;
			color: #403E2C; 
			text-decoration: none; 
			}
		
		.EBENE2 a {
			font-family: 'Pompiere';  
			font-size: 13pt; 
			letter-spacing: 0.05rem;
			color: #403E2C; 
			text-decoration: none; 
			border-radius: 12px 12px 12px 12px; 
			}
		
		.LOGO {
			position: relative;
			left: 10px;
			top: 10px; 	
		}
		
		#PLATZLINKS {
			margin-left: 250px;
		}
		#WARENKORB {
			position: absolute;
			right:30px;
			top:12px;
		}

		.FOOTER {
			
			background-color: #c6ca96;
			font-family: 'Verdana';
			font-size: 12px; 
			line-height: 100%;
			padding: 60px 0;
			color: #403E2C;		
			height: 250px; 
		}
				
		.CONTAINER{
			max-width:1200px;
			margin:auto;
		}
		
		.ROW{
			display: flex;
			flex-wrap: wrap;
		}
		
		ul{
			list-style: none;
		}
		

		.FOOTER-COL{
		   width: 25%;
		   padding: 0 15px;
		}
		
		.FOOTER-COL h4{
			font-family: 'Pompiere';
			font-size: 20px; 
			letter-spacing: 0.05rem;
			margin-bottom: 35px;
			position: relative;
		}
		
		.FOOTER-col h4::before{
			content: '';
			position: absolute;
			left:0;
			bottom: -10px;
			background-color: #c6ca96;
			height: 2px;
			box-sizing: border-box;
			width: 50px;
		}
		
		.FOOTER-COL ul li:not(:last-child){
			margin-bottom: 10px;
		}

		.FOOTER-COL ul li a{
			color: #403E2C;
			text-decoration: none;	
			display: block;
			transition: all 0.3s ease;
		}
		
		.FOOTER-COL ul li a:hover{
			padding-left: 8px;
		}
		
		.FOOTER-COL ul li {
			color: #403E2C;
			text-decoration: none;	
			display: block;
			transition: all 0.3s ease;
		}
		
		.SOCIALMEDIA {
			position: relative; 
			left:-10px;
			bottom: 22px;
		}