/* Hero-Slider (Shortcode [foev_hero]).
   Vollbreite Crossfade-Bühne mit sanftem Zoom, Punkten, optional Pfeilen und Caption.
   Schriften kommen aus dem Theme (Roboto / Roboto Slab) mit Fallbacks. */
.foev-hero{
	--hg:#228541;--hink:#141413;
	--hf-head:"Roboto Slab",Georgia,serif;
	--hf-body:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
	position:relative;width:100%;overflow:hidden;background:var(--hink);font-family:var(--hf-body)
}
.foev-hero__slides{position:relative;width:100%;height:var(--foev-hero-h,70vh);min-height:300px}
.foev-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1000ms ease}
.foev-hero__slide.is-active{opacity:1;z-index:1}
.foev-hero__slide img{width:100%;height:100%;object-fit:cover;object-position:center;
	transform:scale(1.07);transition:transform 7000ms linear}
.foev-hero__slide.is-active img{transform:scale(1)}

/* Caption (nur wenn vorhanden und aktiviert) */
.foev-hero__cap{position:absolute;left:0;right:0;bottom:0;z-index:3;color:#fff;pointer-events:none;
	padding:clamp(20px,4vw,56px);padding-bottom:clamp(46px,5vw,70px);opacity:0;transition:opacity .4s ease}
.foev-hero__cap.has-text{opacity:1}
.foev-hero__cap::before{content:"";position:absolute;inset:auto 0 0;height:200%;z-index:-1;
	background:linear-gradient(0deg,rgba(12,16,14,.62),transparent)}
.foev-hero__cap b{display:block;max-width:24ch;font:700 clamp(1.4rem,1rem + 2vw,2.6rem)/1.12 var(--hf-head)}

/* Pfeile (optional) */
.foev-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:grid;place-items:center;
	width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.16);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;
	transition:background-color .2s,color .2s}
.foev-hero__arrow:hover{background:#fff;color:var(--hink)}
.foev-hero__arrow svg{width:20px;height:20px}
.foev-hero__arrow--prev{left:clamp(12px,2vw,28px)}
.foev-hero__arrow--next{right:clamp(12px,2vw,28px)}

/* Punkte */
.foev-hero__dots{position:absolute;left:0;right:0;bottom:clamp(14px,2vw,22px);z-index:4;
	display:flex;justify-content:center;gap:10px}
.foev-hero__dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;cursor:pointer;
	background:rgba(255,255,255,.5);box-shadow:0 1px 3px rgba(0,0,0,.35);
	transition:background-color .2s,transform .2s}
.foev-hero__dots button:hover{background:rgba(255,255,255,.85)}
.foev-hero__dots button.is-active{background:#fff;transform:scale(1.25)}

/* Nur ein Bild: keine Steuerung */
.foev-hero--single .foev-hero__arrow,
.foev-hero--single .foev-hero__dots{display:none}

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

@media (max-width:560px){
	.foev-hero__arrow{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){
	.foev-hero__slide{transition:opacity 300ms linear}
	.foev-hero__slide img{transform:none;transition:none}
}
