/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* Referenzseite: Demos fuer freigegebene Elemente, die noch nicht in Snippet 14797 (eapx-) stehen. Wirken nur auf der Referenzseite (.eapx).
   Freigegebene Demos in 14797 uebernehmen, dann hier loeschen. */

/* Freigegeben (live): Bildzoom beim Hover. Das Bild waechst HINTER dem hellen Rahmen; der Rahmen bleibt unveraendert. */
.eapx-frame__clip,.eapx-card__media{overflow:hidden;border-radius:var(--radius-img,15px)}
.eapx-frame__clip>*,.eapx-card__media>*{display:block;border-radius:0!important;transition:transform .9s var(--ease,cubic-bezier(.22,.61,.36,1))}
.eapx-frame:hover .eapx-frame__clip>*,.eapx-card:hover .eapx-card__media>*{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.eapx-frame__clip>*,.eapx-card__media>*{transition:none}}

/* Freigegeben (live): Kopfzeile, schwebende Glas-Leiste (Demo). Breite = Inhaltsbreite (max 1280px minus Gutter links und rechts), auf kleinen Bildschirmen der Gutter als Randabstand. Keine Aenderung beim Scrollen.
   Glas: Ivory 45%, 22px Unschaerfe, Rand Ivory 50%, weicher Schatten. Die Demo liegt auf einem warmen, dunkleren, fotoaehnlichen Hintergrund, damit Effekt und Lesbarkeit sichtbar sind. */
.eapx-float-stage{background:radial-gradient(circle at 18% 40%,#C79C5E 0,transparent 38%),radial-gradient(circle at 62% 70%,#7E5B3E 0,transparent 42%),radial-gradient(circle at 90% 30%,#E9CFA3 0,transparent 36%),linear-gradient(135deg,#8E6A48,#5E4330);padding:0 0 clamp(64px,7vw,96px)}
.eapx-hdr--float{margin:0 auto;width:min(calc(1280px - 2*clamp(20px,4.5vw,56px)),calc(100% - 2*clamp(20px,4.5vw,56px)));position:relative;top:16px;border:1px solid color-mix(in srgb,var(--card,#FFFDF9) 50%,transparent);border-radius:var(--radius);box-shadow:var(--shadow);background:color-mix(in srgb,var(--card,#FFFDF9) 45%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);padding:12px 12px 12px 26px}
.eapx-hdr--float .eapx-btn--small{padding:11px 24px}

/* Gedichtband (live, Freigabe von Marcus 2026-10-03): Foto als Hintergrund (Paar links), rechts eine helle Glas-Box (Ivory 95%) mit Gedicht UND Ebook-Knopf (hell, eapx-btn--ghost), gleiche Breite, senkrecht mittig, Band niedrig. */
.eapx-band{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(340px,28vw,420px);display:flex;align-items:center;justify-content:flex-end;background-color:#1E2A1E;background-size:cover;background-position:left center;padding:clamp(28px,3.5vw,48px)}
.eapx-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(23,28,36,.5) 0%,rgba(23,28,36,.22) 45%,rgba(23,28,36,0) 70%)}
.eapx-band__glass{width:min(480px,100%);display:flex;flex-direction:column;align-items:stretch;gap:22px;border:1px solid color-mix(in srgb,var(--card,#FFFDF9) 95%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--card,#FFFDF9) 95%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:var(--shadow);padding:clamp(24px,2.6vw,34px)}
.eapx-band__poem p{margin:0;font-family:var(--serif,"Cormorant"),Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(25px,2.5vw,31px);line-height:1.25;color:var(--ink)}
.eapx-band__glass .eapx-btn{display:flex;justify-content:center;text-align:center;width:100%;box-sizing:border-box;box-shadow:0 6px 18px rgba(23,28,36,.12)}
@media(max-width:767px){.eapx-band{justify-content:center;align-items:flex-end;min-height:520px;background-position:22% top}.eapx-band::before{background:linear-gradient(0deg,rgba(23,28,36,.55) 0%,rgba(23,28,36,.2) 55%,rgba(23,28,36,0) 80%)}}