/* css zu team */

/* header.big.CSS  */
#bannerPic { padding-top: 34.7%; }

#bannerText { bottom: 4rem; }



@media screen and (max-width: 1024px) {
	#bannerPic { padding-top: 40%; }
}


@media screen and (max-width: 850px) {
	#bannerText { bottom: 3rem; }
}


@media screen and (max-width: 768px) {
	#bannerPic { padding-top: 50%; }

	#bannerText { bottom: 2rem; }
}


@media screen and (max-width: 320px) {
	#bannerText { bottom: 1rem; }
}
/* --- --- */
/* header.CSS  */
#bannerOverlay {
	background-image: linear-gradient(to top right, #3f7957 0%, transparent 60%);
	z-index: 1;
}

#bannerText {
	left: 2rem;
	z-index: 2;
}



#bannerText h1 { font-size: 360%; }

.hideOverlay #bannerOverlay { display: none; }



@media screen and (max-width: 850px) {
	#bannerText h1 { font-size: 300%; }
}


@media screen and (max-width: 768px) {
	#bannerText h1 { font-size: 250%; }
}


@media screen and (max-width: 520px) {
	#bannerText h1 { font-size: 210%; }
	
	#bannerText h3 { font-size: 150%; }
}



@media screen and (max-width: 320px) {
	#bannerText h1 { font-size: 185%; }
	
	#bannerText h3 { font-size: 130%; }
}
/* --- --- */
#userList {
	row-gap: 3.6rem;
	column-gap: 3.6rem;
	grid-template-columns: calc(33.333% - (2.1rem + 5px)) calc(33.333% - (2.1rem + 5px)) calc(33.333% - (2.1rem + 5px));
}



.hideTeamHeader #teamHeader { display: none; }



@media screen and (max-width: 850px) {
	#userList { grid-template-columns: calc(50% - (1.8rem + 0px)) calc(50% - (1.8rem + 0px)); }
}


@media screen and (max-width: 520px) {
	#userList { display: block; }

	.userBox {
		width: 100%;
		margin-bottom: 2rem;
	}
}


/* 250314 - neues Bannerbild welches weniger hoch als das alte war */
@media (min-width: 1025px) {
	#bannerPic {
		padding-top: 30%;
	}
}
/* --- --- */