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


#HerrenT-Shirt		{position:absolute;
					top:25%;
					left:5%;
					width:90%;
					height:100%;
					background-color:#2F2F2F}

.Reihe1		{position:absolute;
			top:4%;
			left:8%;
			color:white;}
			
#Bilder		{position:absolute;
			left:-11%;
			top:20%;
			width:215%;}
			
.Bild1	{position:absolute;
		left:9%;
		top:0%;
		width:130%;}	


					

.Bildunterschrift1	{position:absolute;
					left:25%;
					top:20px;
					width:11%;
					color:white}
					
.Bildunterschrift2	{position:absolute;
					left:25%;
					top:105px;
					width:11%;
					color:white}

.input-group2	{position:relative;
				left:25%;
				top:200px;
				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;}

.Größen		{position:absolute;
			left: 25%;
			top: 250px;
			color:white}
			
.GrößenBild		{position:absolute;
				left: 910px;
				top: 290px;
				width: 75%}
					
.Preis		{position:absolute;
			left:27%;
			top:460px;
			width:11%;
			color:white}


.Farben	{position:absolute;
			left:27%;
			top:370px;
			width:11%;
			color:white}

.FarbeWeiß	{position:absolute;
			left:1050px;
			top: 427px;
			width: 440px;}
			
.FarbeSchwarz	{position:absolute;
				left:995px;
				top: 427px;
				width: 450px;}

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

.Motiv1		{position:absolute;
			left:35%;
			top:425px;
			width:9%}
			
.Motiv2		{position:absolute;
			left:37%;
			top:445px;
			width:24%}

.Produktbeschreibung	{position:absolute;
						top:20px;
						left:40%;
						color:white;}
	
.ProduktText	{position:absolute;
				left:40%;
				top: 150%;
				color:white}

.button 	{background-color: black;
			border: none;
			color: white;
			padding: 15px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 20px;
			margin: 4px 2px;
			cursor: pointer;
			position:absolute;
			left:910px;
			top:530px;
			transition-duration: 0.4s;}

.button:hover 	{background-color: red;
				color: black;}


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