/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* Kopf- und Fusszeile sind Elementor-Vorlagen (EaP Kopfzeile 2027, EaP Fusszeile 2027) mit nativen WordPress-Menues. Die Wurzel jeder Vorlage traegt eap-page, damit die .eap-page-Regeln greifen. */
.eap-page.eap-tpl{overflow:visible;background:none}
/* Fuss-Menues (native Menues im Nav-Menu-Widget), gleiche Optik wie die frueheren Linklisten */
.eap-page .eap-fmenu .elementor-nav-menu{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}
.eap-page .eap-fmenu .elementor-nav-menu>li{margin:0!important;padding:0}
.eap-page .eap-fmenu .elementor-nav-menu a.elementor-item{padding:0!important;margin:0!important;color:var(--eap-ink-soft)!important;background:none!important;border:0!important;border-bottom:1px solid transparent!important;display:inline-block;width:auto;font-family:var(--eap-sans)!important;font-size:13px!important;font-weight:400!important;line-height:1.65!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none;transition:color .3s,border-color .3s}
.eap-page .eap-fmenu .elementor-nav-menu a.elementor-item:hover,.eap-page .eap-fmenu .elementor-nav-menu a.elementor-item.elementor-item-active{color:var(--eap-ink)!important;border-bottom-color:var(--eap-gold)!important}
.eap-page .eap-fmenu--row .elementor-nav-menu{flex-direction:row;flex-wrap:wrap;gap:8px 26px}
.eap-page .eap-fmenu .elementor-nav-menu--main .elementor-nav-menu--dropdown,.eap-page .eap-fmenu .elementor-menu-toggle{display:none!important}
.eap-page .eap-fmenu .elementor-widget-container{display:block}

/* Hero, Variante rechts (eap-hero--right): das Motiv des Fotos steht links (Juliane ganz links), Text und Knopf rechts. Verlauf von rechts, Glanz rechts. */
.eap-page .eap-hero--right{background-position:left center!important}
.eap-page .eap-hero--right::before{background:linear-gradient(270deg,rgba(248,239,226,.97) 0%,rgba(248,239,226,.9) 32%,rgba(243,230,209,.5) 58%,rgba(243,230,209,0) 82%)}
.eap-page .eap-hero--right::after{left:auto!important;right:-12%}
.eap-page .eap-hero--right .eap-hero__inner{align-items:flex-end!important}
.eap-page .eap-hero--right .eap-hero__inner>.elementor-widget,.eap-page .eap-hero--right .eap-hero__inner>.eap-actions{width:min(520px,100%)!important;max-width:520px}
@media(max-width:1024px){.eap-page .eap-hero--right{background-position:2% center!important}.eap-page .eap-hero--right::before{background:linear-gradient(270deg,rgba(248,239,226,.96) 0%,rgba(248,239,226,.9) 46%,rgba(243,230,209,.4) 76%,rgba(243,230,209,0) 100%)}}
/* Tablet (768 bis 1024): der ganze Textblock rechtsbuendig */
@media(min-width:768px) and (max-width:1024px){
.eap-page .eap-hero--right .eap-hero__inner{text-align:right}
.eap-page .eap-hero--right .eap-hero__inner .elementor-widget,.eap-page .eap-hero--right .eap-hero__inner .elementor-heading-title{text-align:right}
.eap-page .eap-hero--right .eap-label .elementor-widget-container{justify-content:flex-end}
.eap-page .eap-hero--right .eap-actions{justify-content:flex-end}
}
/* Handy: Foto ganz links (Juliane und Marcus im Bild), Verlauf nach unten. Hoehere Spezifitaet, weil 14795 fuer .eap-hero ebenfalls Position setzt. */
@media(max-width:767px){
.eap-page .eap-hero.eap-hero--right{background-position:0% 0!important;background-size:auto 70%!important}
.eap-page .eap-hero.eap-hero--right::before{background:linear-gradient(180deg,rgba(243,231,211,0) 0%,rgba(248,239,226,.12) 30%,rgba(248,239,226,.78) 56%,rgba(248,239,226,.97) 70%,rgba(248,239,226,1) 100%)}
.eap-page .eap-hero--right .eap-hero__inner{align-items:flex-start!important}
}

/* Raster: Spalten oben ausrichten (eap-grid--top, bei Bedarf) */
.eap-page .eap-grid--top{align-items:start}
/* Ebook-Cover: ohne Rahmen; in der Opt-in-Karte oben, mittig, max 300px */
.eap-page .eap-cover{max-width:380px}
.eap-page .eap-cover img{display:block;width:100%;height:auto}
.eap-page .eap-optin .eap-cover{max-width:300px;margin-inline:auto}

/* Opt-in-Karte mit Formular: Ivory-Karte (wie eap-card, ohne Hover), Felder als Pillen */
.eap-page .eap-optin{display:flex!important;flex-direction:column!important;gap:22px!important;padding:clamp(26px,3vw,40px)!important;background:var(--eap-card);border:1px solid var(--eap-line);border-radius:var(--eap-radius);box-shadow:var(--eap-shadow)}
.eap-page .eap-form .elementor-form-fields-wrapper{row-gap:16px}
.eap-page .eap-form .elementor-field-label{font-family:var(--eap-sans)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.14em;text-transform:uppercase;color:var(--eap-gold-text)!important;margin-bottom:8px}
.eap-page .eap-form .elementor-field-textual,.eap-page .eap-form .elementor-field-group select{font-family:var(--eap-sans)!important;font-size:var(--e-global-typography-eap-body-font-size,17px)!important;color:var(--eap-ink)!important;background:var(--eap-bg)!important;border:1px solid color-mix(in srgb,var(--eap-hair) 55%,transparent)!important;border-radius:999px!important;padding:14px 22px!important;min-height:0;box-shadow:none;transition:border-color .3s}
.eap-page .eap-form .elementor-field-textual::placeholder{color:var(--eap-ink-soft);opacity:.7}
.eap-page .eap-form .elementor-field-textual:focus,.eap-page .eap-form .elementor-field-group select:focus{border-color:var(--eap-gold-text)!important;outline:3px solid color-mix(in srgb,var(--eap-gold-text) 25%,transparent);outline-offset:2px}
.eap-page .eap-form .elementor-field-type-submit .elementor-button{width:100%;justify-content:center;background:#15181F!important;color:#FDFBF7!important;border:1px solid color-mix(in srgb,var(--eap-gold) 45%,transparent)!important;border-radius:999px!important;padding:17px 34px!important;font-family:var(--eap-sans)!important;font-size:var(--e-global-typography-eap-ui-font-size,15px)!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;line-height:1.2;box-shadow:0 6px 18px rgba(23,28,36,.14);transition:transform .35s var(--eap-ease),box-shadow .35s var(--eap-ease),background .35s}
.eap-page .eap-form .elementor-field-type-submit .elementor-button:hover{background:var(--eap-ink)!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(23,28,36,.22)}
.eap-page .eap-form .elementor-message{font-family:var(--eap-sans);color:var(--eap-gold-text)}
