/* =========================================
   Erfahrungen24 Core - Layout
   ========================================= */

.site-main{ padding-bottom: 40px; }

.e24-section{ padding: 34px 0; border-top: 1px solid var(--e24-border); }
.e24-section:first-of-type{ border-top: none; }
.e24-section__header h2{ margin-bottom: 8px; }

.e24-card{
	background: var(--e24-surface);
	border: 1px solid var(--e24-border);
	border-radius: var(--e24-radius);
	padding: 26px;
	box-shadow: var(--e24-shadow-s);
}
.e24-card__eyebrow{ text-transform: uppercase; font-size: 13px; letter-spacing: .06em; color: var(--e24-muted); margin-bottom: 14px; }

.e24-grid-3{
	display: grid;
	grid-template-columns: 1fr 1.6fr 1fr;
	gap: 24px;
	margin: 24px 0;
	align-items: start;
}
.e24-grid-3--count-1{ grid-template-columns: 1fr; }
.e24-grid-3--count-2{ grid-template-columns: 1.4fr 1fr; }
.e24-grid-3--count-3{ grid-template-columns: 1fr 1.6fr 1fr; }

.e24-grid-2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin: 24px 0;
	align-items: start;
}
.e24-grid-2--count-1{ grid-template-columns: 1fr; }
.e24-grid-2--count-2{ grid-template-columns: 1fr 1fr; }

.e24-content-layout{
	display: grid;
	grid-template-columns: 2.1fr 1fr;
	gap: 30px;
	align-items: start;
}
.e24-content-layout--full{ grid-template-columns: 1fr; }

.e24-sidebar{ position: sticky; top: 100px; display: flex; flex-direction: column; gap: 20px; }

.e24-archive-header{ padding: 50px 0 10px; text-align: center; }
.e24-archive-intro{ max-width: 700px; margin: 0 auto; color: var(--e24-muted); }

@media (max-width: 1000px){
	.e24-grid-3{ grid-template-columns: 1fr; }
	.e24-grid-2{ grid-template-columns: 1fr; }
	.e24-content-layout{ grid-template-columns: 1fr; }
	.e24-sidebar{ position: static; }
}