body	{background-color: #2F2F2F;
		font-family:Copperplate Gothic Bold}



.LogoHeader	{position: absolute;
			left: 10%;
			top: 3%;
			width: 40%}
			
.Warenkorb	{position: absolute;
			left: 94%;
			top: 80px;
			width: 330px}
		
.Kundenkonto	{position: absolute;
				left: 90%;
				top: 80px;
				width: 400px}
				
img 	{width:10%;}

	
ul 		{list-style-type: none;
		margin: 0;
		padding:80px;
		overflow: hidden;
		background-color: #181818;
		font-size:170%;
		width: 100%;
		border:1px solid }

li 		{float: left;
		position:relative;
		left:33%}

li a, .dropbtn 		{display: inline-block;
					color: white;
					text-align: center;
					padding: 10px 15px;
					text-decoration: none;}

li a:hover, .dropdown:hover .dropbtn 	{background-color: #E10000;}

li.dropdown 	{display: inline-block;}

.dropdown-content 	{display: none;
					position: absolute;
					background-color: red;
					min-width: 100px;
					box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
					z-index: 1;
					font-size:55%;}

.dropdown-content a 	{color: black;
						padding: 5px 10px;
						text-decoration: none;
						display: block;
						text-align: center;}

.dropdown-content a:hover 		{background-color: #181818;
								color:white}

.dropdown:hover .dropdown-content 		{display: block;}







.search-box		{position: absolute;
				top: 10%;
				left: 80%;
				transform: translate(-40%,-40%);
				background: white;
				height: 18px;
				border-radius: 18px;
				padding: 10px;}
	
	
.search-box:hover > .search-txt		{width: 210px;
									padding: 0 6px;
									top: 50px;}

.search-box:hover > .search-btn		{background: white;}
   
   
.search-btn		{color: black;
				float: left;
				width: 20px;
				height: 20px;
				border-radius: 20%;
				background: white;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: 0.4s;
				text-decoration: none;}
	
	
	
.search-txt		{border: none;
				background: none;
				outline: none;
				float: left;
				padding: 0;
				color: black;
				font-size: 15px;
				transition: 0.4s;   
				line-height: 15px;
				width: 0px;}




#Warenkorb1      {background-color:white;
                width: 105%;
                height:10%;
                position:absolute;
                top:240px;
                border:1px solid black}



				
h7             {font-size: 36px;
                position: relative;
                left: 40%;
                top: 30%;}

.hr1              {color: white;
                top: 40px;
                width: 100%;
                position: absolute;
                top:40px;
				height:5px;
				background-color:white;}

.hr2              {color: white;
                width:100%;
                position: absolute;
                top:440px;
				height:5px;
				background-color:white;}
				
.hr3             {color: white;
                width:900px;
                position: absolute;
                top:600px;
				left:1100px;}

.hr4              {color: white;
                width:900px;
                position: absolute;
                top:780px;
				left:1100px;
				height:10px;
				background-color: white;}
				


#artikel        {background-color:rgb(102,102,102);
                position: absolute;
                width: 105%;
                top:360px;
                height:800px;}

.obenleiste     {background-color:;
                position: absolute;
                width: 105%;
                top:0px;
                height:48px;}

h8              {font-size: 24px;
                position:relative;
                left:20px;
                top: 20px;}  

h9              {font-size: 24px;
                position:relative;
                left:1000px;
                top: 20px;} 

h10             {font-size: 24px;
                position:relative;
                left:1200px;
                top: 20px;}

.bilder100      {position: absolute;
                left: 100px;
                height:2900px;
				width: 2200px;
                top:85px}
                
				
.text100        {position: absolute;
                left: 500px;
                top:100px;
                background-color:;
                width: 600px;
                height: 300px;}

h11             {text-align: center;
                font-size:24px;
				position:absolute;
				left:100px;
				top:25px;}


h12				{text-align: center;
				position: absolute;
				left: 30px;
				top: 170px;
				font-size: 18px;
				color:rgb(50,205,50);}

.Geld			{background-color:;
                position: absolute;
                width: 800px;
                top:80px;
				height:360px;
				left:1150px;}

.netto			{background-color:;
                position: absolute;
                width: 800px;
                top:450px;
				height:150px;
				left:1150px;}

.brutto			{background-color:;
                position: absolute;
                width: 800px;
                top:630px;
				height:150px;
				left:1150px;}
				

h13				{font-size: 24px;
                position:absolute;
                left:380px;
                top: 120px;}
				
h14				{font-size: 20px;
                position:absolute;
                left:20px;
                top: 40px;}

h15				{font-size: 20px;
                position:absolute;
                left:20px;
                top: 70px;}
				
h16				{font-size: 24px;
                position:absolute;
                left:377px;
                top: 5px;}
				
h17				{font-size: 24px;
                position:absolute;
                left:395px;
                top: 90px;}

h18				{font-size: 38px;
                position:absolute;
                left:82px;
                top: 12px;}

.liste			{position:absolute;
				left:70px;
				top:110px;
				width:35px;
				height:35px;}



	


.button 		{background-color: white;
				border: none;
				color: black;
				padding: 15px 60px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				font-size: 40px;
				margin: 4px 2px;
				cursor: pointer;
				position:absolute;
				left:1400px;
				top:1180px;
				transition-duration: 0.4s;}
	
			
.button:hover 	{background-color: red ;
				color: white;}			
			
			
			
			
			
			
			
Footer		{background-color:#181818;
			width:105%;
			height:40%;
			position:absolute;
			top:1400px;
			border:1px solid }
			
.LogoHeader1	{position: absolute;
				left: 13%;
				top: 10%;
				width: 45%}
				
.FooterUnternehmen		{position:absolute;
						left:28%;
						top:13%;
						color:white}
						
.Impressum		{position:absolute;
				left:28%;
				top:30%;
				color:white}		
	
.AGB		{position:absolute;
			left:28%;
			top:38%;
			color:white}
					
.MwSt		{position:absolute;
			left:28%;
			top:75%;
			color:white}
	
.FooterÜberUns		{position:absolute;
					left:55%;
					top:13%;
					color:white}
					
.Kontakt	{position:absolute;
			left:55%;
			top:30%;
			color:white}

.Email	{position:absolute;
		left:55%;
		top:38%;
		color:white}
			
.Tel	{position:absolute;
		left:55%;
		top:46%;
		color:white}
					
.Newsletter		{position:absolute;
				left:75%;
				top:32%;
				color:white}
				
.input-group	{position:relative;
				left:75%;
				top:45%;
				color:white}

.input		{padding:8px;
			border:none;
			border-radius:3px;
			font:inherit;
			color:white;
			background-color:transparent;
			outline:2px solid #fff;}
			
.input-label	{position:absolute;
				top:20%;
				left:10px;
				transform: translate(10px; 10px);
				transition:transform .25s;}

.input:focus+.input-label,
.input:valid+.input-label	{transform: translate(10px, -15px) scale(.8);
							color:red;
							padding-inline:2px;
							background-color:#181818;}
							
.input:is(:focus, :valid)	{outline-color:red;}
	


.Twitter		{position: absolute;
				left: 75%;
				top: 15%;
				width: 29%}	

.Facebook		{position: absolute;
				left: 79%;
				top: 15%;
				width: 28%}

.Instagram		{position: absolute;
				left: 83%;
				top: 14%;
				width: 33%}
				
.CGINC		{font-family:Franklin Gothic Book;
			color:white;
			position:absolute;
			left:47%;
			top:90%}