/* Wochen-Navigation
=====================*/

	.fecg-ui-weeknav {
		display: grid;
		grid-template-columns: 52px 1fr 52px;
		gap: 10px;
		align-items: center;
	}

	.fecg-ui-weeknav > * {
		background-color: rgba(255,255,255,0.4);
		border-radius: 5px;
	}

	.fecg-ui-weeknav--month {
		display: block;
		font-weight: bold;
	}

/*
================================================*/




[data-view="anwesenheit"] .view {
	min-height: 100vh;
}

[data-view="anwesenheit"] .fecg-anwesenheit {
	width: 100%;
	margin: 0 auto;
	display: grid;
	gap: 14px;
	color: var(--anw-text);
}

[data-view="anwesenheit"] .fecg-anwesenheit__card {
	background: var(--anw-card);
	border: none;
	border-radius: 5px;
	padding: 14px;
	box-shadow: 0 8px 20px rgba(16, 38, 60, 0.06);
}

[data-view="anwesenheit"] .fecg-anwesenheit__nav {
	display: grid;
	grid-template-columns: 52px 1fr 52px;
	gap: 10px;
	align-items: center;
}

[data-view="anwesenheit"] .fecg-anwesenheit__week-btn {
	border: none;
	background: #fff;
	color: var(--anw-primary);
	border-radius: 5px;
	height: 52px;
	cursor: pointer;
}

[data-view="anwesenheit"] .fecg-anwesenheit__week-btn:hover {
	background: #f7fafc;
}

[data-view="anwesenheit"] .fecg-anwesenheit__period {
	text-align: center;
	padding: 4px 10px;
}

[data-view="anwesenheit"] .fecg-anwesenheit__month {
	line-height: 1.2;
	font-weight: 700;
	text-transform: capitalize;
}

[data-view="anwesenheit"] .fecg-anwesenheit__kw {
	font-weight: 600;
	color: var(--anw-primary);
	margin-top: 4px;
}

[data-view="anwesenheit"] .fecg-anwesenheit__section-head h3 {
	margin: 0;
	line-height: 1.2;
}

[data-view="anwesenheit"] .fecg-anwesenheit__section-head p {
	margin: 6px 0 0;
	color: var(--anw-muted);
}

[data-view="anwesenheit"] .fecg-anwesenheit__days {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 8px;
	margin-top: 12px;
}

[data-view="anwesenheit"] .fecg-anwesenheit__day {
	border: none;
	background: #fff;
	border-radius: 5px;
	padding: 10px 6px;
	cursor: pointer;
	display: grid;
	gap: 3px;
	justify-items: center;
}

[data-view="anwesenheit"] .fecg-anwesenheit__day-week {
	color: var(--anw-muted);
	text-transform: uppercase;
}

[data-view="anwesenheit"] .fecg-anwesenheit__day-date {
	font-weight: 700;
}

[data-view="anwesenheit"] .fecg-anwesenheit__day.is-active {
	background: var(--anw-primary-soft);
	color: #0e3a64;
}

[data-view="anwesenheit"] .fecg-anwesenheit__blocks {
	display: grid;
	grid-template-columns: repeat(5, minmax(160px, 1fr));
	gap: 10px;
	margin-top: 12px;
	overflow-x: auto;
	padding-bottom: 2px;
}

[data-view="anwesenheit"] .fecg-anwesenheit__meal-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

[data-view="anwesenheit"] .fecg-anwesenheit__select-card {
	border: none;
	background: #f0f0f0;
	border-radius: 5px;
	padding: 12px;
	cursor: pointer;
	display: grid;
	gap: 8px;
	text-align: center;
	min-height: 50px;
}

[data-view="anwesenheit"] .fecg-anwesenheit__select-title {
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-align: center;
}

[data-view="anwesenheit"] .fecg-anwesenheit__state {
	font-weight: 600;
	color: var(--anw-success);
	display: none;
	align-items: center;
	gap: 6px;
}

[data-view="anwesenheit"] .fecg-anwesenheit__select-card.is-active {
	background: var(--anw-success-soft);
}

[data-view="anwesenheit"] .fecg-anwesenheit__select-card.is-active .fecg-anwesenheit__state {
	display: inline-flex;
}

@media (max-width: 900px) {
	[data-view="anwesenheit"] .fecg-anwesenheit__days {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__meal-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {



	[data-view="anwesenheit"] .fecg-anwesenheit {
		gap: 10px;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__card {
		padding: 12px;
		border-radius: 5px;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__nav {
		grid-template-columns: 44px 1fr 44px;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__period {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		white-space: nowrap;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__kw {
		margin-top: 0;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__days {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(92px, 1fr);
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 2px;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__day {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__blocks {
		grid-template-columns: 1fr;
		overflow-x: visible;
	}

	[data-view="anwesenheit"] .fecg-anwesenheit__select-card {
		min-height: 76px;
	}
}