Vorlage:UNITE-Entwicklung/style.css

.unite-ent-1 {
	text-align: center;
	border-radius: 0.5em;
	display: grid;
	grid-template-columns: 1fr;
	padding: 3px;
	gap: 3px;
	width: 30%;
	margin: auto;
}

.unite-ent-2 {
	text-align: center;
	border-radius: 0.5em;
	display: grid;
	grid-template-columns: 1fr min-content 1fr;
	padding: 3px;
	gap: 3px;
	width: 50%;
	margin: auto;
}

.unite-ent-3 {
	text-align: center;
	border-radius: 0.5em;
	display: grid;
	grid-template-columns: 1fr min-content 1fr min-content 1fr;
	padding: 3px;
	gap: 3px;
	width: 80%;
	margin: auto;
}

.unite-ent-4 {
	text-align: center;
	border-radius: 0.5em;
	display: grid;
	grid-template-columns: 1fr min-content 1fr min-content 1fr min-content 1fr;
	padding: 3px;
	gap: 3px;
	margin: auto;
}

.unite-ent-1 .unite-entwicklung-box, .unite-ent-2 .unite-entwicklung-box, .unite-ent-3 .unite-entwicklung-box, .unite-ent-4 .unite-entwicklung-box {
	box-shadow: 1px 1px 2px #525252;
	display: grid;
	gap: 3px;
	padding: 3px;
	border-radius: 0.5em;
}

.unite-ent-1 .unite-entwicklung-box div:nth-child(2), .unite-ent-2 .unite-entwicklung-box div:nth-child(2), .unite-ent-3 .unite-entwicklung-box div:nth-child(2), .unite-ent-4 .unite-entwicklung-box div:nth-child(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	background: #FFFFFF;
	border-radius: 0.5em;
	padding: 3px;
}

.unite-ent-1 .unite-entwicklung-box div:nth-child(3), .unite-ent-2 .unite-entwicklung-box div:nth-child(3), .unite-ent-3 .unite-entwicklung-box div:nth-child(3), .unite-ent-4 .unite-entwicklung-box div:nth-child(3) {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border-radius: 0.5em;
	padding: 3px;
}

.unite-ent-2 .unite-entwicklung-formwechsel, .unite-ent-3 .unite-entwicklung-formwechsel, .unite-ent-4 .unite-entwicklung-formwechsel {
	display: grid;
	grid-template-rows: 50px 1fr 50px;
	min-width: 135px;
}

.unite-ent-2 .unite-entwicklung-formwechsel a:not(.new), .unite-ent-2 .unite-entwicklung-formwechsel a:visited:not(.new), .unite-ent-3 .unite-entwicklung-formwechsel a:not(.new), .unite-ent-3 .unite-entwicklung-formwechsel a:visited:not(.new), .unite-ent-4 .unite-entwicklung-formwechsel a:not(.new), .unite-ent-4 .unite-entwicklung-formwechsel a:visited:not(.new) {
	color: #000000;
}

.unite-ent-2 .unite-entwicklung-entwicklung, .unite-ent-3 .unite-entwicklung-entwicklung, .unite-ent-4 .unite-entwicklung-entwicklung {
	display: flex;
	justify-content: center;
	align-items: center;
}

.unite-ent-2 .unite-entwicklung-formwechsel div, .unite-ent-3 .unite-entwicklung-formwechsel div, .unite-ent-4 .unite-entwicklung-formwechsel div {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* @media only screen and (max-width: 720px) {
	.unite-ent-1 {
		width: 50%;
	}
	
	.unite-ent-2 {
		width: 70%;
	}
	
	.unite-ent-3 {
		width: 90%;
	}
}

@media only screen and (max-width: 630px) {
	.unite-ent-4 {
		width: 50%;
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 480px) {
	.unite-ent-1, .unite-ent-2, .unite-ent-3, .unite-ent-4 {
		width: 70%;
		grid-template-columns: 1fr;
	}
	
	.unite-ent-2 .unite-entwicklung-entwicklung, .unite-ent-3 .unite-entwicklung-entwicklung, .unite-ent-4 .unite-entwicklung-entwicklung {
		transform: rotate(90deg);
		margin: 0.5em 0 0.5em 0;
	}
	
	.unite-ent-2 .unite-entwicklung-formwechsel, .unite-ent-3 .unite-entwicklung-formwechsel, .unite-ent-4 .unite-entwicklung-formwechsel {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
		margin: 0.5em 0 0.5em 0;
	}
	
	.unite-ent-2 .unite-entwicklung-formwechsel div:first-child, .unite-ent-3 .unite-entwicklung-formwechsel div:first-child, .unite-ent-4 .unite-entwicklung-formwechsel div:first-child {
		transform: rotate(270deg);
	}
	
	.unite-ent-2 .unite-entwicklung-formwechsel div:nth-child(3), .unite-ent-3 .unite-entwicklung-formwechsel div:nth-child(3), .unite-ent-4 .unite-entwicklung-formwechsel div:nth-child(3) {
		transform: rotate(270deg);
	}
} */

/* [[Kategorie:Vorlage:Non-Wikitext]] */