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



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

	
ul 		{list-style-type: none;
		margin: 0;
		padding:75px;
		overflow: hidden;
		background-color: #181818;
		font-size:170%;
		width: 98%;
		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: 105px;
				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;}




#menue	{width: 80%;
		height: 70%;
		background-color:black;
		position: absolute;
		left:11%;
		border:1px solid}

#Fensterlinks	{width: 28%;
				height: 100%;
				background-color:#A4A4A4;
				float:left;}
				
#Gif	{position:absolute;
		left:418px;
		width:11050px;
		float:right;
		color:white}
				
.Logomenue		{width: 150%;
				position: absolute;
				left:90px;
				top:19%}
				
.AuswahlLogo	{width: 100%;
				position: relative;
				left:10px;
				top:58%;
				text-align:center}

				
#Bestseller		{background-color:#2F2F2F;
				width:94%;
				height:70%;
				position:absolute;
				top: 105%;
				left:3%}

.Reihe1		{color:white;
			text-align: center}		


#Bilder		{position:absolute;
			left:0%;
			top:30%;
			width:199%;}
			
.BestsellerBild1	{position:absolute;
					left:1%;
					top:0%;
					width:93%;}	

.BestsellerBild2	{position:absolute;
					left:14%;
					top:0%;
					width:93%;}
					
.BestsellerBild3	{position:absolute;
					left:27%;
					top:0%;
					width:93%;
					color:white}
					
.BestsellerBild4	{position:absolute;
					left:40%;
					top:0%;
					width:93%;
					color:white}
					

.Bildunterschrift1	{position:absolute;
					left:1%;
					top:288px;
					width:11%;
					color:white}

.Bildunterschrift2	{position:absolute;
					left:14%;
					top:288px;
					width:11%;
					color:white}
					
.Bildunterschrift3 	{position:absolute;
					left:27%;
					top:288px;
					width:11%;
					color:white}
					
.Bildunterschrift4	{position:absolute;
					left:40%;
					top:288px;
					width:11%;
					color:white}
					
.SterneHalb1	{position:absolute;
				left:35px;
				top:576px;
				width:95%;}

.SterneLeer		{position:absolute;
				left:499px;
				top:576px;
				width:95%;}

.SterneHalb2	{position:absolute;
				left:961px;
				top:576px;
				width:95%;}

.SterneVoll		{position:absolute;
				left:1425px;
				top:576px;
				width:95%;}

.Preis1		{position:absolute;
			left:35px;
			top:595px;
			width:11%;
			color:white}

.Preis2		{position:absolute;
			left:499px;
			top:595px;
			width:11%;
			color:white}

.Preis3		{position:absolute;
			left:961px;
			top:595px;
			width:11%;
			color:white}

.Preis4		{position:absolute;
			left:1425px;
			top:595px;
			width:11%;
			color:white}



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