/* TuS Hattingen – projektspezifisches Frontend-CSS. Wird nach /css/frontend.css geladen. */

.project-kicker {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.project-hero,
.project-page-head {
	max-width: 900px;
}

.project-sport-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	height: 100%;
	padding: 1.25rem 1.4rem;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-body-bg);
	color: var(--bs-body-color);
	font-size: 1.1rem;
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.project-sport-card:hover,
.project-sport-card:focus {
	border-color: var(--bs-primary);
	color: var(--bs-primary);
	transform: translateY(-2px);
}

.project-panel,
.project-structure-card,
.project-department-card,
.project-empty-state {
	padding: 1.5rem;
	border: 1px solid var(--bs-border-color);
	background: var(--bs-body-bg);
}

.project-department-card {
	scroll-margin-top: 2rem;
}

.project-department-card ul {
	display: grid;
	gap: 0.45rem;
	padding-left: 1.15rem;
	color: var(--bs-secondary-color);
}

.project-filter-preview .badge {
	font-weight: 500;
}

@media (max-width: 767.98px) {
	.project-panel,
	.project-structure-card,
	.project-department-card,
	.project-empty-state {
		padding: 1.2rem;
	}
}