Vorlage:Fähigkeit/Kopf/style.css

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

.faehigkeitContainer > div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

.faehigkeitContainer > div:not(:nth-child(1n+7)) {
	font-weight: bold;
	position: sticky;
	top: 0;
	align-self: start;
}

.faehigkeitContainer > div:nth-child(1n+7) {
	background-color: white;
}

.faehigkeitContainer > div:nth-child(4),
.faehigkeitContainer > div:nth-child(5) {
	margin-right: -2px;
}

.faehigkeitContainer > .faehigkeitcolspan2 {
	grid-column-end: span 2
}

.faehigkeitContainer > .faehigkeitcolspan3 {
	grid-column-end: span 3
}

.faehigkeitContainer > div:last-child {
	border-bottom-right-radius: 0.5em;
}

.faehigkeitContainer > div:first-child {
	border-top-left-radius: 0.5em;
}

.faehigkeitContainer > div:nth-child(6) {
	border-top-right-radius: 0.5em;
}

.lastbottomleft {
	border-bottom-left-radius: 0.5em;
}

/*@media only screen and (max-width:720px) {
	.faehigkeitContainer {
		grid-template-columns: 1fr 1fr 1fr;
		width: 100%;
	}
	
	.faehigkeitContainer > div:nth-child(3) {
		border-top-right-radius: 0.5em;
	}
	
	.faehigkeitContainer > div:nth-child(6) {
		border-top-right-radius: 0;
	}
	
	.lastbottomleft {
		border-bottom-left-radius: 0;
	}
	
	.lastbottomleftmobil {
		border-bottom-left-radius: 0.5em;
	}
	.mobilabstand {
	margin-bottom: 2px;
	}
}
[[Kategorie:Vorlage:Non-Wikitext]] */