/* Kategorie Artikel Zähler */

.kaz-category-post-count,
.kaz-category-post-count * {
	box-sizing: border-box;
}

.kaz-category-post-count .kaz-widget {
	width: 100%;
	padding: 26px 22px 24px;
	text-align: center;
	border: 1px solid var(--kaz-accent);
	border-radius: var(--kaz-radius);

	/*
	 * Die Akzentfarbe wird direkt in den sichtbaren Verlauf eingebunden.
	 * Dadurch ändert sich die Schattierung bei jeder neuen Akzentfarbe.
	 */
	background-color: rgba(255,255,255,.92);
	background-image: linear-gradient(
		to top right,
		var(--kaz-gradient-start) 0%,
		var(--kaz-gradient-middle) 48%,
		rgba(255,255,255,.82) 100%
	);

	box-shadow: var(--kaz-shadow);
	overflow: hidden;
	display: grid;
	grid-template-rows: 58px 82px 32px 44px;
	align-content: center;
	justify-items: center;
}

.kaz-category-post-count .kaz-headline,
.kaz-category-post-count .kaz-count,
.kaz-category-post-count .kaz-suffix,
.kaz-category-post-count .kaz-subtext {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.kaz-category-post-count .kaz-headline {
	margin: 0;
	color: var(--kaz-headline);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
}

.kaz-category-post-count .kaz-count {
	margin: 0;
	color: var(--kaz-count);
	font-size: clamp(42px, 6vw, 68px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: .5px;
}

.kaz-category-post-count .kaz-suffix {
	margin: 0;
	color: var(--kaz-text);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.kaz-category-post-count .kaz-subtext {
	margin: 0;
	color: var(--kaz-text);
	font-size: 13px;
	line-height: 1.5;
}

@media (min-width: 769px) {
	.kaz-category-post-count .kaz-widget {
		aspect-ratio: 1 / 1;
	}
}

@media (max-width: 768px) {
	.kaz-category-post-count .kaz-widget {
		padding: 22px 16px 20px;
		grid-template-rows: 54px 70px 30px 40px;
	}

	.kaz-category-post-count .kaz-count {
		font-size: 52px;
	}
}