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: left;
					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;}




.impressum1 	{background-color:grey;
                width: 105%;
                height:10%;
                position:absolute;
                top:240px;
                border:1px solid black}
				
h7				{font-size: 36px;
                position: relative;
                left: 40%;
                top: 30%;}
				
				
.back 			{background-color:rgb(102,102,102);
                position: absolute;
                width: 840px;
                top:360px;
                height:700px;
				left:520px;
				border:1px solid ;}
				
h8				{font-size: 32px;
                position: relative;
                left: 95px;
                top: 60px;
				font-family: ;
				color:white;}





			
Footer		{background-color:#181818;
			width:105%;
			height:40%;
			position:absolute;
			top:1100px;
			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}		
	
.Zahlungsoption		{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%}