/*body {
			background-image: url("field.jpeg");
			background-color: #ededed;
			height: auto;
			width: 1450px;
			margin: 0 auto;
			background-repeat: repeat;
			background-position: top;
			background-attachment: fixed;
			background-size: 100% 100%;
			font-family: Verdana;
		}*/
		
	body {
		background-color: #382200;
		margin: 0;
		font-family: Verdana;
		max-width: 1200px;
		padding: 0 20px;
		margin-left: auto;
		margin-right: auto;
	}

	
	ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color: #000;
			position: -webkit-sticky; 
			//position: sticky;
			top: 0;
			color: #000;
        }
    li {
			float: left;
        }
    li a {
			display: block;
			color: #fff;
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
			font-family: Verdana;
        }
    li a:hover {
			background-color: #ededed;
			color: #000;
        }
    .active {
			background-color: #f00;
			color: white;
        }
		
    h3 {
			margin-left: 200px;
			margin-right: 200px;
			text-align: center;
         }
	.Block {
			flex: 1;
			border-radius: 8px;
			/*margin-left: 150px;*/
			padding: 5px;
			margin-bottom: 25px;   /* statt -195px */
			/*margin-right: 150px;*/
			text-align: center;
			font-family: Verdana;
			font-size: 20px;
			background-color: #d4d4d4;
			box-shadow: 0 8px 16px rgba(0,0,0,0.2);
			transition: transform 0.2s ease, box-shadow 0.2s ease;
		 }
	.Block:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.2);
}
	.Teams {
		margin-top: -20px;
	}
	.TeamFoto {
		border-radius: 40px;
		text-align: left;
	}
	.header {
			background-image: url("photos/106-MOM04114.jpg");
			height: 313px;
			/*width: 1350px;*/
			margin: 0 auto;
			background-color: #a00;
			background-repeat: no-repeat;
			background-position: top;
			background-attachment: fixed;
			//background-size: cover;
		 }
	p {
			font-family: Verdana;
		
		}
	div {
			text-align: center;
		}
		
	h2 {
			margin-left: 100px;
			margin-right: 100px;
			text-align: center;
			font-family: Verdana;
			font-size: 30px;
		}
	h8 {
			margin-left: 570px;
			margin-right: 200px;
			text-align: center;
         }
	.begriffe {
			color: red;
		}
		
	.playerLink {
			text-decoration: none;
		}	
		
	.hinweis {
			color: #f00;
		}
	.arrow {
			border: solid white;
			border-width: 0 3px 3px 0;
			display: inline-block;
			padding: 3px;
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
		}
		
	button {
		text-align: center;
		}
	.headLogo {
	/*box-shadow: 0 8px 16px rgba(0,0,0,0.2);*/
	padding-top: 30px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	}
	.headLogo:hover {
    transform: scale(1.05);
	}
/* =========================
   Top Navigation Styles
========================= */

/* Allgemeines Menü */
.topnav {
    background-color: #f00;
    overflow: hidden;
}

/* Menü-Balken */
.menu-header {
    color: white;
    padding: 14px 16px;
    font-size: 17px;
    display: flex;
    justify-content: space-between; /* Hamburger rechts */
    align-items: center;
    cursor: pointer;
}

/* Hamburger Icon */
.menu-header .icon {
    font-size: 24px;
    display: block;
}

/* Dropdown Links */
#myLinks {
    display: none; /* initial versteckt */
    flex-direction: column;
    background-color: #333;
}

/* Links */
#myLinks a {
    display: block;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Hover-Effekt für Links */
#myLinks a:hover {
    background-color: #f00;
    color: black;
}

/* Optional: Hover-Effekt für Balken */
.menu-header:hover {
    background-color: #444;
}