/**
 */

main.guide-listing .main-head {
	padding: var(--size-3);
	height: 15em;

	h1,
	h2 {
		place-self: center;
	}
}

main.guide-listing :where(.section-title, .h2, .h3) {
	place-self: center;
	text-align: center;
}

.c_guides {
	grid-column: 1/-1;
	grid-area: infos;

	&>.card-body {
		display: grid;
		place-self: start;
		place-items: start;
	}

	.card-title a {
		--color-title: #2c90a8;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
}

.-deck-slim {
	.card-head :is(img, svg, picture) {
		aspect-ratio: 16/9;
		object-fit: cover;
		height: 100%;
	}

	.card-foot {
		place-items: end;
	}
}

.c_card-deck .no-cover,
.m_card.no-cover {
	--card-layout: "b b" "f f";
}

.c_guides .-deck-slim {

	/* Overwrite für -deck-slim card buttons in der cards.css */
	.btn.link-like {
		display: initial !important;
	}
}

/* für header oder blockquote */
.guide-box {
	text-align: center;
	padding: var(--size-3);
	max-width: 80%;
	margin-inline: auto;
	background-color: var(--guide-box-bg, var(--brand-secondary-900));
	box-shadow:
		0 0 0.5ex var(--surface-7),
		0 0 1ex var(--guide-box-bg, var(--brand-secondary-900));

	&>* {
		max-width: min(80ch, 80%, 80cqw);
		margin-inline: auto;
	}
}

/* Ratgeberkategorieseite */
:is(.guides, .listings, .guide-listing) {
	header {
		margin-block: var(--spacing);

		.section-title {
			padding-block: 1px
		}
	}
}

.guide-listing {

	.-deck-slim .card-foot {
		display: none;
	}
}

.category-summary {
	--gutter: var(--size-3);
	--column-layout: repeat(auto-fit, calc(100%/var(--items, 2) - var(--gutter, 0px)));
	place-items: stretch;

	.box:first-child {
		margin: unset;
	}
}
