/* Automatisch erzeugt aus main.css (gen_elcss.py). Nicht von Hand ändern, sondern neu erzeugen. */
/* Elementor-Container mit Theme-Klassen: Grundwerte wie ein normales div, Abstände über Elementor-Variablen. */
.e-con.pnx{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--row-gap:0px;--column-gap:0px;--gap:0px;--width:auto;--position:static;--flex-direction:row;--flex-wrap:nowrap;display:block;min-width:auto;padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-end);padding-inline-start:var(--padding-inline-start);padding-inline-end:var(--padding-inline-end);margin-block-start:var(--margin-block-start);margin-block-end:var(--margin-block-end);margin-inline-start:var(--margin-inline-start);margin-inline-end:var(--margin-inline-end);gap:var(--row-gap) var(--column-gap)}
/* Abstände und Darstellung der Theme-Container */
.e-con.wrap{--margin-left:auto;--margin-right:auto;--padding-left:clamp(16px,4vw,44px);--padding-right:clamp(16px,4vw,44px)}
.e-con.sec{--padding-top:clamp(96px,11vw,168px);--padding-bottom:clamp(96px,11vw,168px)}
.e-con.head{display:grid;--row-gap:22px;--column-gap:22px;--gap:22px 22px;--margin-bottom:clamp(52px,6vw,84px)}
.e-con.head--c{--margin-left:auto;--margin-right:auto}
.e-con.hero{--padding-top:clamp(40px,6vw,80px);--padding-bottom:clamp(80px,9vw,130px);--margin-top:-80px;--padding-top:calc(80px + clamp(40px,6vw,80px))}
.e-con.hero__grid{display:grid;--row-gap:clamp(32px,4vw,64px);--column-gap:clamp(40px,4vw,72px);--gap:clamp(32px,4vw,64px) clamp(40px,4vw,72px)}
.e-con.hero__head{display:grid;--row-gap:26px;--column-gap:26px;--gap:26px 26px}
.e-con.hero__text{display:grid;--row-gap:30px;--column-gap:30px;--gap:30px 30px}
.e-con.hero__ctas{display:flex;--flex-wrap:wrap;--row-gap:12px;--column-gap:12px;--gap:12px 12px}
@media (max-width:560px){.e-con.hero__grid{--row-gap:24px}}
.e-con.bento{display:grid;--row-gap:20px;--column-gap:20px;--gap:20px 20px}
.e-con.proc{display:grid;--row-gap:clamp(40px,6vw,100px);--column-gap:clamp(40px,6vw,100px);--gap:clamp(40px,6vw,100px) clamp(40px,6vw,100px)}
.proc__head .e-con.head{--margin-top:0;--margin-right:0;--margin-bottom:0;--margin-left:0}
.e-con.me{display:grid;--row-gap:clamp(40px,6vw,96px);--column-gap:clamp(40px,6vw,96px);--gap:clamp(40px,6vw,96px) clamp(40px,6vw,96px)}
.e-con.me__body{display:grid;--row-gap:26px;--column-gap:26px;--gap:26px 26px}
.e-con.faq{display:grid;--row-gap:clamp(32px,6vw,96px);--column-gap:clamp(32px,6vw,96px);--gap:clamp(32px,6vw,96px) clamp(32px,6vw,96px)}
.faq .e-con.head{--margin-top:0;--margin-right:0;--margin-bottom:0;--margin-left:0}
.e-con.final{--padding-top:clamp(48px,7vw,104px);--padding-right:clamp(22px,5vw,80px);--padding-bottom:clamp(48px,7vw,104px);--padding-left:clamp(22px,5vw,80px)}
.e-con.final__ctas{display:flex;--flex-wrap:wrap;--row-gap:12px;--column-gap:12px;--gap:12px 12px}
.e-con.cgrid{display:grid;--row-gap:22px;--column-gap:22px;--gap:22px 22px;--margin-top:22px}
.e-con.phero{--margin-top:-78px;--padding-top:calc(78px + clamp(40px,5vw,72px));--padding-bottom:clamp(64px,7vw,104px)}
.e-con.phero__grid{display:grid;--row-gap:clamp(32px,4vw,64px);--column-gap:clamp(32px,4vw,64px);--gap:clamp(32px,4vw,64px) clamp(32px,4vw,64px)}
.e-con.phero__text{display:grid;--row-gap:24px;--column-gap:24px;--gap:24px 24px}
.e-con.sec--tight{--padding-top:clamp(56px,7vw,96px);--padding-bottom:clamp(56px,7vw,96px)}
.e-con.split{display:grid;--row-gap:clamp(32px,6vw,96px);--column-gap:clamp(32px,6vw,96px);--gap:clamp(32px,6vw,96px) clamp(32px,6vw,96px)}
.e-con.split__head{display:grid;--row-gap:20px;--column-gap:20px;--gap:20px 20px}
.e-con.feat{display:grid;--row-gap:20px;--column-gap:20px;--gap:20px 20px}
.e-con.duo{display:grid;--row-gap:22px;--column-gap:22px;--gap:22px 22px}
.e-con.duo__box{--padding-top:clamp(24px,3vw,40px);--padding-right:clamp(24px,3vw,40px);--padding-bottom:clamp(24px,3vw,40px);--padding-left:clamp(24px,3vw,40px);display:grid;--row-gap:20px;--column-gap:20px;--gap:20px 20px}
.e-con.related{display:grid;--row-gap:20px;--column-gap:20px;--gap:20px 20px}
.e-con.pick{display:grid;--row-gap:20px;--column-gap:20px;--gap:20px 20px}
.e-con.offer{display:grid;--row-gap:28px;--column-gap:28px;--gap:28px 28px;--padding-top:clamp(26px,4vw,52px);--padding-right:clamp(26px,4vw,52px);--padding-bottom:clamp(26px,4vw,52px);--padding-left:clamp(26px,4vw,52px)}
.e-con.offer__text{display:grid;--row-gap:14px;--column-gap:14px;--gap:14px 14px}
/* Item-Eigenschaften auf den Widget-Rahmen */
.elementor-widget:has(> .trust){width:100%}
@media (max-width:1000px){.elementor-widget:has(> .scene){width:100%;justify-self:center}}
@media (max-width:560px){.hero__ctas .elementor-widget:has(> .btn){flex:1 1 100%}}
.elementor-widget:has(> .svc--7){grid-column:span 7}
.elementor-widget:has(> .svc--5){grid-column:span 5}
.elementor-widget:has(> .svc--12){grid-column:span 12}
@media (max-width:1000px){.elementor-widget:has(> .svc--7){grid-column:span 12}}
@media (max-width:1000px){.elementor-widget:has(> .svc--5){grid-column:span 12}}
@media (max-width:560px){.elementor-widget:has(> .phero__aside){display:none}}
@media (max-width:760px){.offer .elementor-widget:has(> .btn){justify-self:start}}
/* Abstand oben entfernen (FAQ nach anderem Abschnitt) */
.e-con.pnx.pn-pt0{--padding-top:0px}
/* Elemente, deren Wurzel inline ist, im Rahmen wie ein Block ausrichten */
.elementor-widget:has(> .tag),.elementor-widget:has(> .btn),.elementor-widget:has(> .go){display:grid}
/* Widget-Rahmen verhalten sich wie das Element selbst (Mindestbreite wie im Theme) */
.e-con.pnx > .elementor-widget{min-width:auto}
/* Gestreckte Raster-/Flex-Elemente: Höhe des Rahmens an das Element weitergeben (gleich hohe Karten) */
:where(.e-con.pnx > .elementor-widget > :only-child){height:100%}
/* Kind-Regel, die durch den Widget-Rahmen eine Ebene tiefer liegt */
.me__body > .elementor-widget > p.lead{color:var(--ink-2);font-size:var(--t-l);line-height:1.6;max-width:54ch}
/* Hero-Grafik im Raster (mobil zentriert, max. 640px) */
@media (max-width:1000px){.hero__grid > .elementor-widget:has(> .scene){max-width:640px;width:100%;justify-self:center}}
/* Hintergrund-Effekt liegt hinter dem Inhalt des Abschnitts */
.elementor-widget.elementor-widget-pn-g-bg{position:absolute;inset:0;pointer-events:none}
.pn-still,.pn-still span{animation:none!important}
.aurora.pn-custom[style*="--pn-a1"] .a1{background:radial-gradient(circle,var(--pn-a1) 0%,transparent 68%)}
.aurora.pn-custom[style*="--pn-a2"] .a2{background:radial-gradient(circle,var(--pn-a2) 0%,transparent 66%)}
.aurora.pn-custom[style*="--pn-a3"] .a3{background:radial-gradient(circle,var(--pn-a3) 0%,transparent 66%)}
.aurora.pn-custom[style*="--pn-speed"] .a1{animation-duration:calc(22s / var(--pn-speed))}
.aurora.pn-custom[style*="--pn-speed"] .a2{animation-duration:calc(26s / var(--pn-speed))}
.aurora.pn-custom[style*="--pn-speed"] .a3{animation-duration:calc(30s / var(--pn-speed))}
.marquee.pn-custom .marquee__track{animation-duration:calc(38s / var(--pn-speed))}
/* Im Elementor-Editor alles sofort sichtbar */
.elementor-editor-active .rv{opacity:1!important;transform:none!important}
.elementor-editor-active .elementor-widget.elementor-widget-pn-g-bg{pointer-events:none}