h1 {
	color: #326c9f;
}

.aaa {
	position: relative;
}

li.active {
	transform: skew(-20deg);
	background: white;


}

li.active .b {
	transform: skew(20deg);
}

li.active .b a h3 {
	color: #326c9f;
}

.nav-item:hover {
	transform: skew(-20deg);
	background: white;


}

.nav-item .b:hover {
	transform: skew(20deg);
}

.nav-item .b:hover a h3 {
	color: #326c9f;
}

.spiele-abstand {
	margin-top: -200px;
}

.slick-prev {
	z-index: 1;
}

.vflnavmobile {
	display: none;
	margin-top: 25px;
}

.nav-adress {
	position: absolute;
	right: 10px;
	top: 20px;
}

.a-black {
	color: black;
}

.nav-background {
	background-color: #326c9f;
	height: 75px;
	width: 100%;
	position: absolute;
	margin-top: 50px;
}

.spiele-header {
	width: 100%;
	position: relative;
	margin-top: 75px;
	z-index: 10;
}

.spiel-link {
	text-decoration: none;
}

.angebote-table {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.nav-select1,
.nav-select2,
.nav-select3,
.nav-select4 {
	border-style: groove;
	height: 150px;
	align-items: center;
	justify-content: center;
}

.nav-select1>a,
.nav-select2>a,
.nav-select3>a,
.nav-select4>a {
	text-decoration: none;
	color: #326c9f;
}


.nav-select1:hover,
.nav-select2:hover,
.nav-select3:hover,
.nav-select4:hover {
	background-color: #326c9f;
}

.nav-select1:hover a,
.nav-select2:hover a,
.nav-select3:hover a,
.nav-select4:hover a {
	color: white;
}

.mannschaft-border {
	border-style: none none solid none;
	border-color: #326c9f;
}

.btn-div {
	transform: skew(-20deg);
}

.btn-b {
	color: #326c9f;
	background-color: white;
	border-radius: 0;
}

.btn-a {
	color: white;
	background-color: #326c9f;
	border-radius: 0;
}

.btn-a:hover {
	background-color: white;
	color: #326c9f;
	border-color: #326c9f;
}

.btn-span {
	display: inline-block;
	transform: skew(20deg);
}

.vfl-blue {
	color: #326c9f;
}

.mannschaft-bild {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 5px;
	width: 100%;
	border-radius: 10px;
}

.footer {
	position: relative;
	/*margin-top: -150px;*/
	height: 150px;
	clear: both;
	padding-top: 20px;
}

.fixed-bottom {
	z-index: 0 !important;
}

html,
body {
	height: 100%;
}

.content {
	min-height: 50vh;
	padding-bottom: 150px;
}

.no-underline {
	text-decoration: none;
}

.kader-spieler-nummer {
	float: right;
	margin-top: -25px;
	background-color: white;
	color: #326c9f;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	z-index: 3;
	position: relative;
}

.kader-spieler {
	background-color: #326c9f;
	padding: 10px;
	box-shadow: 10px 10px 5px 0 gray;
	color: white;
	display: inline-flex;
	margin-right: 25px;
}

.insta-box {
    position: relative;
    overflow: hidden;
    width: 300px; /* Adjust the width as needed */
    margin: 20px;
}

.insta-box img {
    display: block;
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}

.insta-box-slideup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    transition: transform 0.5s;
    transform: translateY(100%);
}

.insta-box:hover .insta-box-slideup {
    transform: translateY(0);
}

.error {
    color: red;
    font-size: 0.9em;
}


@media screen and (max-width:767px) {
	.unbekannt {
		display: none;
	}
}

@media screen and (max-width:1060px) {
	.nav-wrapper {
		margin-left: 0px !important;
	}
}

@media screen and (max-width:1277px) {
	.nav-wrapper {
		margin-left: 50px !important;
		position: absolute;
	}
}

@media screen and (max-width:1200px) {

	.aaa {
		display: none;
	}

	.vflnavmobile {
		background-color: #326c9f;
		display: block;
	}

	.vflnavmobile a {
		text-decoration: none;
		color: #326c9f;
		opacity: 1;
		font-size: 1.5em;
		font-weight: 400;
		transition: 200ms;
	}

	a:hover {
		opacity: 0.5;
	}

	.vflnavmobile ul {
		padding: 0;
		list-style-type: none;
	}

	nav {

		height: 65px;
	}


	#menuToggle {
		display: flex;
		flex-direction: column;
		position: relative;
		top: 25px;
		z-index: 10;
		-webkit-user-select: none;
		user-select: none;
	}

	#menuToggle input {
		display: flex;
		width: 40px;
		height: 32px;
		margin-right: 20px;
		position: absolute;
		cursor: pointer;
		opacity: 0;
		z-index: 20;
	}

	#menuToggle span {
		display: flex;
		width: 29px;
		height: 2px;
		margin-bottom: 5px;
		margin-right: 20px;
		position: relative;
		background: #ffffff;
		border-radius: 3px;
		z-index: 10;
		transform-origin: 5px 0px;
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
			background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
			opacity 0.55s ease;
	}

	#menuToggle span:first-child {
		transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}

	#menuToggle input:checked~span {
		opacity: 1;
		transform: rotate(45deg) translate(-3px, -1px);
	}

	#menuToggle input:checked~span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}

	#menuToggle input:checked~span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}

	#menu {
		position: absolute;
		width: 90%;
		min-height: 100vh;
		box-shadow: 0 0 10px #85888C;
		margin: -150px 13% 0 -50px;
		padding: 50px;
		padding-top: 125px;
		background-color: white;
		-webkit-font-smoothing: antialiased;
		transform-origin: 0% 0%;
		transform: translate(-150%, 0);
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
	}

	#menu li {
		padding: 10px 0;
		transition-delay: 2s;
		border-bottom-style: groove;
	}

	#menuToggle input:checked~ul {
		transform: none;
	}

	.dropdown_menu li {
		border-bottom-style: none !important;
	}

	footer a {
		text-decoration: underline;
		font-size: 1em;
	}
}

@media all and (min-width: 1200px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}
}

@media screen and (max-width:1550px) {
	.nav-ueber-uns {
		display: block !important;
	}

	.nav-vorstand, .nav-social-media, .nav-sponsoren, .nav-unterlagen {
		display: none;
	}
	
}

.nav-ueber-uns {
	display: none;
}

.table-fussball thead {
	background-color: #326c9f;
	color: white;
}

.dropdown-menu {
	border-radius: 0 !important;
}

.ansprechpartner-bild {
  border-radius: 50%;
  width: 50%;
  max-width: 200px;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  display: block;
  margin: 0 auto;
}

.ansprechpartner-bild:hover {
  transform: scale(1.25);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

	.sponsor-card {
	    transition: transform 0.3s ease, box-shadow 0.3s ease;
	    text-align: center;
	    background-color: white;
	    border-radius: 8px;
	}
	
	.sponsor-card:hover {
	    transform: translateY(-5px) scale(1.02);
	    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	}
	
	

    .card-img-wrapper {
    height: 160px; /* Einheitliche Höhe für alle Logos */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.sponsor-img {
    max-height: 140px;
    width: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
    display: block;
}

.sponsor-card:hover .sponsor-img {
    transform: scale(1.05);
}