/* Aus- und Weiterbildungsinstitute (Shortcode [foev_institute]).
   Spaltenzahl aus data-cols (serverseitig lückenarm berechnet).
   Schriften aus dem Theme (Roboto / Roboto Slab) mit Fallbacks. */
.foev-in{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,28px);
	font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}
.foev-in[data-cols="1"]{grid-template-columns:minmax(0,1fr);max-width:400px}
.foev-in[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.foev-in[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.foev-in[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}

.foev-in__card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;
	box-shadow:0 1px 2px rgba(20,20,19,.05),0 12px 32px -14px rgba(20,20,19,.18)}

.foev-in__img{position:relative;aspect-ratio:3/2;overflow:hidden;background:#f6f4ef}
.foev-in__img img{display:block;width:100%;height:100%;object-fit:cover}
.foev-in__ph{display:grid;place-items:center;width:100%;height:100%;background:#e3ece2;
	color:#1a6a33;font:700 2rem/1 "Roboto Slab",Georgia,serif}

/* Bereiche als Pills über dem Bild */
.foev-in__tags{position:absolute;top:12px;left:12px;right:12px;z-index:1;display:flex;flex-wrap:wrap;gap:6px}
.foev-in__tag{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:#fff;
	color:#1a6a33;font-size:.74rem;font-weight:700;line-height:1.2;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.foev-in__tag--meister{background:#228541;color:#fff}

.foev-in__body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}
.foev-in__title{margin:0;font:700 1.12rem/1.3 "Roboto Slab",Georgia,serif;color:#141413;text-wrap:balance}
.foev-in__text{margin:8px 0 0;font-size:.93rem;line-height:1.6;color:#3b3c3a}

/* Webseite (Outline) + Kontakt (gefüllt), gleich breit */
.foev-in__actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}
.foev-in__btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;
	padding:0 14px;border:1.5px solid #228541;border-radius:999px;background:#228541;color:#fff;
	font-size:.86rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;
	transition:background-color .2s,border-color .2s,color .2s}
.foev-in__btn:hover{background:#1a6a33;border-color:#1a6a33;color:#fff}
.foev-in__btn--ghost{background:#fff;color:#1a6a33}
.foev-in__btn--ghost:hover{background:#e3ece2;border-color:#228541;color:#1a6a33}
.foev-in__btn svg{width:14px;height:14px;flex:none}

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

@media (max-width:1080px){
	.foev-in[data-cols="3"],
	.foev-in[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.foev-in[data-cols="2"],
	.foev-in[data-cols="3"],
	.foev-in[data-cols="4"]{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
	.foev-in__btn{transition:none}
}