/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* EaP Footer: Spalten, Linklisten, Rechtliches */
.eap-footer__cols{display:grid!important;grid-template-columns:1.2fr .9fr 1.9fr 1.4fr;gap:clamp(32px,4vw,64px)!important;align-items:start;padding:0 0 52px!important;border-bottom:1px solid var(--eap-line)}
.eap-fcol{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:18px!important;padding:0!important;width:auto!important;min-width:0}
.eap-fhead .elementor-widget-container::before{display:none}
.eap-fhead--spaced{margin-top:22px}
.eap-flinks ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.eap-flinks li{margin:0;padding:0}
.eap-flinks a{color:var(--eap-ink-soft);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .3s,border-color .3s}
.eap-flinks a:hover{color:var(--eap-ink);border-bottom-color:var(--eap-gold)}
.eap-flegal ul{flex-direction:row;flex-wrap:wrap;gap:8px 26px}
.eap-fnote{max-width:46ch}
.eap-fnote p{margin:0;font-size:13px!important;line-height:1.65}
.eap-fnote--full{flex-basis:100%;max-width:88ch;opacity:.9}
.eap-footer__bottom{padding-top:30px!important;gap:14px 28px!important}
@media(max-width:1024px){.eap-footer__cols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.eap-footer__cols{grid-template-columns:1fr;gap:36px!important}}

/* Textauswahl (Text markieren), seitenweit: Honey Glow als Hintergrund, Ink als Text (Kontrast 9.41:1). Freigegeben, siehe Referenzseite Abschnitt 5. */
::selection{background:var(--e-global-color-eap-honey-glow,#E6B973);color:var(--e-global-color-eap-ink,#171C24)}
::-moz-selection{background:var(--e-global-color-eap-honey-glow,#E6B973);color:var(--e-global-color-eap-ink,#171C24)}

/* Abschnittsabstaende: Standard --eap-section (72 bis 102px, in Snippet 14790). Enger: --compact (Stimmen), --compact-top (nur oben, Abschnitt vor dem Footer). */
body{--eap-section-compact:clamp(48px,5.8vw,84px)}
.eap-page .eap-section.eap-section--compact{padding-block:var(--eap-section-compact)!important}
.eap-page .eap-section.eap-section--compact-top{padding-top:var(--eap-section-compact)!important}

/* Textlinks = Fliesstext: gleiche Schrift, Groesse und Staerke wie das Body-Token */
.eap-page .eap-flinks li,.eap-page .eap-flinks a,.eap-page .eap-link .elementor-button,.eap-page .eap-link .elementor-button-text{font-family:var(--eap-sans)!important;font-size:var(--e-global-typography-eap-body-font-size,17px)!important;font-weight:var(--e-global-typography-eap-body-font-weight,400)!important;line-height:1.5!important;letter-spacing:0!important}
/* Footer-Links: gleiche Groesse wie der Amazon-Hinweis (13px) */
.eap-page .eap-footer .eap-flinks li,.eap-page .eap-footer .eap-flinks a{font-size:13px!important;line-height:1.65!important}

/* Feinschliff: Wortmarke, Hero-Glanz */
.eap-page .eap-brand .elementor-heading-title{font-size:30px!important;line-height:1.1!important;font-weight:400!important}
.eap-page .eap-brandname .elementor-heading-title{font-size:clamp(30px,3vw,36px)!important;line-height:1.1!important;font-weight:400!important}
/* Hero-Glanz: gross, sehr weich, kaum sichtbar (kein Fleck hinter den Knoepfen). Snippet 14790 laedt spaeter in der Kaskade, darum .eap-page und !important. */
.eap-page .eap-hero::after{left:-12%!important;top:-6%!important;width:1000px!important;height:1000px!important;background:radial-gradient(circle,rgba(230,185,115,.2) 0%,rgba(242,218,172,.09) 40%,transparent 70%)!important;filter:blur(48px)}

/* Hero: nicht ganz Bildschirmhoehe (90vh), damit der naechste Abschnitt hereinschaut. Desktop: Inhalt vertikal mittig unter der schwebenden Kopfzeile. Tablet: Inhalt unten. */
.eap-page .eap-hero{min-height:max(560px,90vh)!important;justify-content:stretch!important}
.eap-page .eap-hero__inner{flex:1 1 auto!important;justify-content:center!important;padding-top:112px!important;padding-bottom:48px!important}
@media(min-width:768px) and (max-width:1024px){
.eap-page .eap-hero__inner{justify-content:flex-end!important;padding-bottom:56px!important}
}

/* Kopfzeile (Referenzseite Abschnitt 7): schwebende, abgerundete Glas-Leiste, 16px unter dem oberen Rand. Glas mit hellem Schleier (Ivory 45%, damit Ink auch auf dunklem Foto lesbar bleibt), 22px Unschaerfe, halbtransparenter heller Rand (Ivory 50%, 1px), weicher Schatten. Text immer in der Primaerfarbe (Ink).
   Die Leiste bleibt beim Scrollen gleich (keine Deckkraft-Aenderung): die .is-scrolled-Regel aus Snippet 14790 wird hier mit demselben Glas ueberschrieben.
   Breite = Inhaltsbreite der Seite (eap-wrap: max 1280px minus Gutter links und rechts), auf kleinen Bildschirmen derselbe Randabstand (Gutter) wie der Inhalt. */
.eap-page .eap-header,.eap-page .eap-header.is-scrolled{background:color-mix(in srgb,var(--eap-card) 45%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:var(--eap-shadow)}
.eap-page .eap-header{position:fixed!important;top:16px!important;left:0!important;right:0!important;margin-inline:auto!important;width:min(calc(var(--eap-max) - 2*var(--eap-gutter)),calc(100% - 2*var(--eap-gutter)))!important;border:1px solid color-mix(in srgb,var(--eap-card) 50%,transparent)!important;border-radius:var(--eap-radius)!important}
body.admin-bar .eap-page .eap-header{top:48px!important}
@media(max-width:782px){body.admin-bar .eap-page .eap-header{top:62px!important}}
.eap-page .eap-header__inner{max-width:none!important;padding:10px 12px 10px 26px!important}
.eap-page .eap-nav .elementor-nav-menu--main .elementor-item,.eap-page .eap-brand .elementor-heading-title,.eap-page .eap-brand .elementor-heading-title a{color:var(--eap-ink)!important;text-shadow:none}
.eap-page .eap-nav .elementor-menu-toggle{border:0!important;background:none!important;box-shadow:none!important;padding:8px;color:var(--eap-ink)}

/* Kopfzeile: Marke links, Menue und Knopf rechts, immer eine Zeile */
.eap-header__inner{flex-wrap:nowrap!important;position:relative}
.eap-header__inner>.eap-brand{flex:0 0 auto!important;min-width:max-content}
.eap-header__inner>.eap-nav{margin-left:auto;flex:0 0 auto!important;width:auto!important}
.eap-header__inner>.eap-nav .elementor-widget-container{display:flex;justify-content:flex-end}
.eap-nav .elementor-menu-toggle{margin:0 0 0 auto}
/* Marke und Menueknopf auf einer Mittellinie: Logo ohne Zeilenhoehe-Zugabe, alles mittig in der Leiste */
.eap-page .eap-header__inner{align-items:center!important}
.eap-page .eap-brand{align-items:center!important}
.eap-page .eap-brand .elementor-widget-image,.eap-page .eap-brand .elementor-widget-image .elementor-widget-container{display:flex;align-items:center;line-height:0}
.eap-page .eap-brand .elementor-heading-title{display:flex;align-items:center}
/* Burger nur bis 1024px (Tablet, Mobil); darueber zeigt die Leiste das Desktop-Menue */
@media(min-width:1025px){.eap-page .eap-nav .elementor-menu-toggle,.eap-page .eap-nav .elementor-nav-menu--dropdown{display:none!important}}
@media(max-width:1024px){
.eap-page .eap-nav .elementor-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;margin-block:0!important;position:relative;top:-2px}
.eap-page .eap-nav .elementor-nav-menu--main{display:none!important}
}
/* Mobiles Menue: Klappfeld unter der Kopfzeile, innerhalb der Leiste */
@media(max-width:1024px){
.eap-header__inner>.eap-nav,.eap-header__inner>.eap-nav>.elementor-widget-container{position:static!important}
.eap-page .eap-nav .elementor-nav-menu--dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:auto!important;margin-top:6px!important;transform-origin:top center}
}
@media(max-width:767px){
.eap-page .eap-header__inner{padding:8px 8px 8px 18px!important}
.eap-page .eap-brand .elementor-heading-title{font-size:25px!important}
.eap-page .eap-slider .elementor-swiper-button{display:none!important}
.eap-slider .elementor-main-swiper{padding-bottom:44px}
/* Hero mobil: Bild groesser, Juliane im Bild (Ausschnitt rechts), Text und Knoepfe unten im Hero, Bild laeuft nach unten in die helle Flaeche aus */
.eap-page .eap-hero{min-height:max(640px,92svh)!important;background-size:auto 70%!important;background-position:96% 0!important}
.eap-page .eap-hero::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__inner{justify-content:flex-end!important;padding-top:320px!important;padding-bottom:40px!important}
}

/* Angebotskarten: Textlinks unten buendig, auch bei unterschiedlich langem Text */
.eap-cards{align-items:stretch!important}
.eap-card{display:flex!important;flex-direction:column!important;height:100%}
.eap-card .eap-card__body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.eap-card .eap-card__body>.elementor-widget-button.eap-link{margin-top:auto!important;padding-top:18px}
/* Ganze Karte klickbar: der Textlink spannt sich ueber die Karte (ein Link, gut fuer Tastatur und Screenreader).
   Elementor-Container sind position:relative; hier werden sie static, damit die Karte der Bezugsrahmen ist. */
.eap-page .eap-card{position:relative;cursor:pointer}
.eap-page .eap-card .eap-card__body,.eap-page .eap-card .elementor-element.eap-link{position:static!important}
.eap-page .eap-card .eap-link .elementor-button::after{content:"";position:absolute;inset:0;z-index:2;border-radius:var(--eap-radius)}
.eap-page .eap-card:hover .eap-link .elementor-button{color:var(--eap-ink)}
.eap-page .eap-card:hover .eap-link .elementor-button-text::after{transform:translateX(5px)}
.eap-page .eap-card .eap-link .elementor-button:focus-visible{outline:0}
.eap-page .eap-card:has(.eap-link .elementor-button:focus-visible){outline:3px solid var(--eap-gold-text);outline-offset:3px}

/* Bildrahmen und Kartenbild: Der Rahmen sitzt am aeusseren Widget, das Bild wird INNEN beschnitten (hinter dem hellen Rahmen).
   So waechst beim Hover-Zoom nur das Bild, der Rahmen bleibt unveraendert. Snippet 14795 laedt vor 14790, darum stehen hier .eap-page und !important. */
.eap-page .eap-frame{background:var(--eap-card)!important;border:1px solid var(--eap-line)!important;border-radius:var(--eap-radius)!important;padding:10px!important;box-shadow:var(--eap-shadow)!important;box-sizing:border-box}
.eap-page .eap-frame .elementor-widget-container{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;height:100%;overflow:hidden;border-radius:var(--eap-radius-img)!important}
.eap-page .eap-frame img{clip-path:none!important;border-radius:0!important}
.eap-page .eap-portrait{max-width:440px}
.eap-page .eap-portrait .elementor-widget-container{max-width:none!important}
.eap-page .eap-card .eap-card__img .elementor-widget-container{overflow:hidden;border-radius:var(--eap-radius-img)}
.eap-page .eap-card .eap-card__img img{clip-path:none!important;border-radius:0!important}
@media(max-width:1024px){.eap-page .eap-portrait{max-width:380px}}
@media(max-width:767px){.eap-page .eap-frame{padding:7px!important;border-radius:18px!important}.eap-page .eap-frame .elementor-widget-container{border-radius:11px!important}}