/* Förderer-Karten (Shortcode [foev_foerderer]).
   Spaltenzahl kommt aus data-cols (serverseitig lückenlos berechnet).
   Schriften aus dem Theme (Roboto / Roboto Slab) mit Fallbacks. */
.foev-sp{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);
	font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}
.foev-sp[data-cols="1"]{grid-template-columns:minmax(0,1fr);max-width:420px}
.foev-sp[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
.foev-sp[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.foev-sp[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}

.foev-sp__card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;
	box-shadow:0 1px 2px rgba(20,20,19,.05),0 12px 32px -14px rgba(20,20,19,.18);
	color:#3b3c3a;text-decoration:none;
	transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s cubic-bezier(.2,.7,.3,1)}
.foev-sp__card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,19,.06),0 24px 48px -18px rgba(20,20,19,.28)}

.foev-sp__img{aspect-ratio:16/9;overflow:hidden;background:#f6f4ef}
.foev-sp__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.foev-sp__card:hover .foev-sp__img img{transform:scale(1.04)}
/* Ohne eigenes Bild: Logo groß auf hellem Grund */
.foev-sp__img--logo{position:relative}
/* Absolut, damit das Logo die 16:9-Fläche nicht aufdrückt */
.foev-sp__img--logo img{position:absolute;inset:0;margin:auto;width:auto;height:auto;
	max-width:70%;max-height:calc(100% - 56px);object-fit:contain}
.foev-sp__card:hover .foev-sp__img--logo img{transform:scale(1.05)}

.foev-sp__body{display:flex;flex-direction:column;flex:1;padding:clamp(24px,2.6vw,32px)}
.foev-sp__title{margin:0;font:700 clamp(1.15rem,1.07rem + .35vw,1.3rem)/1.3 "Roboto Slab",Georgia,serif;
	color:#141413;text-wrap:balance}
.foev-sp__text{margin:12px 0 0;font-size:1rem;line-height:1.65;color:#3b3c3a}
/* min-height = sichtbare Logohöhe (96px − 2×16px), damit „Profil“ auch ohne Logo auf einer Linie liegt */
.foev-sp__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;
	min-height:calc(64px + 24px);box-sizing:border-box}
.foev-sp__logo{display:block;height:96px;width:auto;max-width:65%;margin:-16px 0 -16px -12px;object-fit:contain}
.foev-sp__link{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-weight:500;color:#1a6a33}
.foev-sp__link svg{width:17px;height:17px;flex:none;transition:transform .2s cubic-bezier(.2,.7,.3,1)}
.foev-sp__card:hover .foev-sp__link svg{transform:translateX(4px)}

.foev-sp-empty{color:#74756f;font-style:italic}

/* Reflow ohne Lücken */
@media (max-width:1080px){
	.foev-sp[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
	.foev-sp[data-cols="3"]{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
	.foev-sp[data-cols="2"],
	.foev-sp[data-cols="4"]{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
	.foev-sp__card,.foev-sp__img img,.foev-sp__link svg{transition:none}
}