/* SK Empfehlungs-Raster – SK Light Branding */
.skrg{
	--skrg-cols:5;--skrg-cols-t:3;--skrg-cols-m:2;--skrg-gap:24px;--skrg-maxw:none;
	--skrg-radius:14px;--skrg-imgh:140px;--skrg-fit:contain;--skrg-fs:14px;--skrg-fw:600;--skrg-ta:center;--skrg-lines:0;
	--skrg-accent:#B1976B;--skrg-accent2:#d8c3a1;--skrg-title-color:#111;--skrg-bg:#eef1f7;--skrg-card-bg:#fff;
	--skrg-glow:rgba(177,151,107,.35);
	box-sizing:border-box;
	background:var(--skrg-bg);
	padding:32px 24px;
	border-radius:var(--skrg-radius);
	max-width:var(--skrg-maxw);
	margin:0 auto 1.5rem;
	font-family:inherit;
}
.skrg *{box-sizing:border-box}

/* Kopfbereich */
.skrg__head{margin:0 0 28px;text-align:center}
.skrg--head-left .skrg__head{text-align:left}
.skrg .skrg__title{margin:0;font-size:1.7rem;font-weight:700;line-height:1.25;color:var(--skrg-title-color)}
.skrg--line .skrg__title::after{
	content:"";display:block;width:50px;height:3px;border-radius:2px;
	background:linear-gradient(90deg,var(--skrg-accent),var(--skrg-accent2));
	margin:12px 0 0;
}
.skrg--head-center.skrg--line .skrg__title::after{margin-left:auto;margin-right:auto}
.skrg .skrg__sub{margin:14px 0 0;color:#6b7280;font-size:.9rem}

/* Raster */
.skrg__grid{display:grid;grid-template-columns:repeat(var(--skrg-cols),minmax(0,1fr));gap:var(--skrg-gap)}

/* Karte */
.skrg a.skrg__card{
	display:flex;flex-direction:column;overflow:hidden;
	background:var(--skrg-card-bg);
	border-radius:var(--skrg-radius);
	color:var(--skrg-title-color);
	text-decoration:none;
	transition:transform .2s ease,box-shadow .2s ease;
}
.skrg--shadow a.skrg__card{box-shadow:0 2px 12px rgba(20,30,60,.08)}
.skrg--hover a.skrg__card:hover,.skrg--hover a.skrg__card:focus-visible{
	transform:translateY(-4px);
	box-shadow:0 10px 26px var(--skrg-glow);
}
.skrg a.skrg__card:focus-visible{outline:2px solid var(--skrg-accent);outline-offset:2px}

.skrg__img{height:var(--skrg-imgh);margin:20px 20px 16px;display:flex;align-items:center;justify-content:center}
.skrg .skrg__img img{display:block;width:100%;height:100%;max-width:100%;object-fit:var(--skrg-fit);margin:0;border:0;border-radius:0}

.skrg__t{
	flex:1;display:flex;flex-direction:column;gap:6px;
	padding:14px 14px 18px;
	text-align:var(--skrg-ta);
	font-size:var(--skrg-fs);font-weight:var(--skrg-fw);line-height:1.4;
}
.skrg--sep .skrg__t{border-top:1px solid #eee}
.skrg:not(.skrg--sep) .skrg__img{margin-bottom:0}
.skrg__name{display:block}
.skrg--underline .skrg__name{text-decoration:underline;text-underline-offset:2px}
.skrg--clamp .skrg__name{
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--skrg-lines);line-clamp:var(--skrg-lines);overflow:hidden;
}
.skrg__ex{display:block;font-size:.88em;font-weight:400;color:#6b7280}
.skrg__date{display:block;font-size:.8em;font-weight:400;color:#9ca3af}

/* Responsive */
@media (max-width:1024px){
	.skrg__grid{grid-template-columns:repeat(var(--skrg-cols-t),minmax(0,1fr))}
}
@media (max-width:560px){
	.skrg{padding:24px 12px}
	.skrg__grid{grid-template-columns:repeat(var(--skrg-cols-m),minmax(0,1fr));gap:calc(var(--skrg-gap) / 2)}
	.skrg .skrg__title{font-size:1.35rem}
}