.elementor-7708 .elementor-element.elementor-element-243a7a9{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:100px;--padding-left:70px;--padding-right:70px;--z-index:10;}.elementor-7708 .elementor-element.elementor-element-243a7a9:not(.elementor-motion-effects-element-type-background), .elementor-7708 .elementor-element.elementor-element-243a7a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7708 .elementor-element.elementor-element-243a7a9 > .elementor-shape-bottom .elementor-shape-fill, .elementor-7708 .elementor-element.elementor-element-243a7a9 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-7708 .elementor-element.elementor-element-243a7a9 > .elementor-shape-bottom svg, .elementor-7708 .elementor-element.elementor-element-243a7a9 > .e-con-inner > .elementor-shape-bottom svg{height:10.3em;transform:translateX(-50%) rotateY(180deg);}.elementor-7708 .elementor-element.elementor-element-56c2e39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:41px 25px;--row-gap:41px;--column-gap:25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-weight:var( --e-global-typography-text-font-weight );}.elementor-7708 .elementor-element.elementor-element-89bb4eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7708 .elementor-element.elementor-element-89bb4eb img{width:250px;}.elementor-7708 .elementor-element.elementor-element-5af0f73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:41px 25px;--row-gap:41px;--column-gap:25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7708 .elementor-element.elementor-element-be9e016{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-menu-toggle{margin-right:auto;background-color:#01162700;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu .elementor-item{font-size:15px;font-weight:500;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor2 );fill:var( --e-global-color-astglobalcolor2 );padding-left:11px;padding-right:11px;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--main .elementor-item:hover, .elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor1 );fill:var( --e-global-color-astglobalcolor1 );}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-astglobalcolor0 );}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown .elementor-item, .elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown .elementor-sub-item{font-weight:500;}.elementor-7708 .elementor-element.elementor-element-be9e016 div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor0 );}.elementor-7708 .elementor-element.elementor-element-be9e016 div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-7708 .elementor-element.elementor-element-be9e016 div.elementor-menu-toggle:hover, .elementor-7708 .elementor-element.elementor-element-be9e016 div.elementor-menu-toggle:focus{color:var( --e-global-color-astglobalcolor1 );}.elementor-7708 .elementor-element.elementor-element-be9e016 div.elementor-menu-toggle:hover svg, .elementor-7708 .elementor-element.elementor-element-be9e016 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-astglobalcolor1 );}.elementor-7708 .elementor-element.elementor-element-c990217{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-7708 .elementor-element.elementor-element-c990217 .elementor-menu-toggle{margin:0 auto;}.elementor-7708 .elementor-element.elementor-element-c990217 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:600;}.elementor-7708 .elementor-element.elementor-element-c990217 .elementor-nav-menu--main .elementor-item{color:#707172;fill:#707172;padding-left:8px;padding-right:8px;}.elementor-7708 .elementor-element.elementor-element-c990217 .elementor-nav-menu--main .elementor-item:hover, .elementor-7708 .elementor-element.elementor-element-c990217 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-7708 .elementor-element.elementor-element-c990217 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-7708 .elementor-element.elementor-element-c990217 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor2 );fill:var( --e-global-color-astglobalcolor2 );}.elementor-7708 .elementor-element.elementor-element-c990217 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-astglobalcolor0 );}.elementor-7708{margin:0px 0px -120px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-7708 .elementor-element.elementor-element-243a7a9{--content-width:1200px;}.elementor-7708 .elementor-element.elementor-element-56c2e39{--width:255px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7708 .elementor-element.elementor-element-56c2e39{--width:290px;}}@media(max-width:1024px){.elementor-7708 .elementor-element.elementor-element-243a7a9{--padding-top:5px;--padding-bottom:15px;--padding-left:45px;--padding-right:45px;}.elementor-7708 .elementor-element.elementor-element-56c2e39{--justify-content:flex-start;}.elementor-7708 .elementor-element.elementor-element-89bb4eb img{width:290px;}.elementor-7708 .elementor-element.elementor-element-5af0f73{--justify-content:flex-start;}.elementor-7708 .elementor-element.elementor-element-be9e016{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;--nav-menu-icon-size:32px;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown .elementor-item, .elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown a{padding-left:45px;padding-right:45px;padding-top:15px;padding-bottom:15px;}}@media(max-width:767px){.elementor-7708 .elementor-element.elementor-element-243a7a9{--min-height:61px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:25px;--padding-bottom:15px;--padding-left:25px;--padding-right:20px;}.elementor-7708 .elementor-element.elementor-element-56c2e39{--width:50%;--justify-content:flex-end;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7708 .elementor-element.elementor-element-56c2e39.e-con{--order:99999 /* order end hack */;}.elementor-7708 .elementor-element.elementor-element-89bb4eb img{width:170px;}.elementor-7708 .elementor-element.elementor-element-5af0f73{--width:50%;--justify-content:flex-end;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7708 .elementor-element.elementor-element-5af0f73.e-con{--order:99999 /* order end hack */;}.elementor-7708 .elementor-element.elementor-element-be9e016{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--nav-menu-icon-size:25px;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown .elementor-item, .elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;}.elementor-7708 .elementor-element.elementor-element-be9e016 .elementor-nav-menu--dropdown a{padding-left:26px;padding-right:26px;padding-top:9px;padding-bottom:9px;}}/* Start custom CSS for container, class: .elementor-element-243a7a9 *//* ========================================================= ZVPLAN HEADER – KOMPLETTES CSS - Ein Elementor-Container - Weiße schräge Headerfläche - Bereich unterhalb der Schräge transparent - Rote Linie 10 px - Farbe aus Elementor/Astra - Linie erst im Sticky-Effektzustand sichtbar ========================================================= */ /* ========================================================= HEADER-CONTAINER ========================================================= */ .elementor-7708 .elementor-element.elementor-element-243a7a9 { position: relative; background: transparent !important; } /* ========================================================= WEISSE HEADERFLÄCHE ========================================================= */ .elementor-7708 .elementor-element.elementor-element-243a7a9::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-color: #ffffff; /* * Schräge Unterkante: * links tiefer, rechts höher */ clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 108px), 0 calc(100% - 12px) ); } /* ========================================================= HEADER-INHALTE NACH VORNE HOLEN Nur die tatsächlichen Elementor-Kindcontainer. Dadurch bleiben die Bedienelemente im Editor unberührt. ========================================================= */ .elementor-7708 .elementor-element.elementor-element-243a7a9 > .elementor-element-56c2e39, .elementor-7708 .elementor-element.elementor-element-243a7a9 > .elementor-element-5af0f73 { position: relative; z-index: 5; } /* ========================================================= ELEMENTOR-FORMTRENNER AUSBLENDEN Die Schräge wird vollständig über ::before erzeugt. ========================================================= */ .elementor-7708 .elementor-element.elementor-element-243a7a9 .elementor-shape-bottom { display: none !important; } /* ========================================================= ROTE SCHRÄGE LINIE NORMALZUSTAND: UNSICHTBAR ========================================================= */ .elementor-7708 .elementor-element.elementor-element-243a7a9::after { content: ""; position: absolute; left: 0; /* * Position der gesamten Linie: * negativer = weiter nach unten */ bottom: -5px; width: 100%; height: 120px; z-index: 10; pointer-events: none; /* * Globale Elementor/Astra-Hauptfarbe */ background-color: var( --e-global-color-astglobalcolor0, #cc071e ); /* * Schräge Linie als Maske. * stroke-width='10' bestimmt die Linienstärke. */ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 108 L1000 12' fill='none' stroke='black' stroke-width='10' stroke-linecap='butt' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 108 L1000 12' fill='none' stroke='black' stroke-width='10' stroke-linecap='butt' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; /* * Ausgangszustand ausdrücklich unsichtbar. * !important überschreibt möglicherweise noch vorhandene * ältere Frontend-Regeln. */ opacity: 0 !important; visibility: hidden !important; transition: opacity 0.8s ease, visibility 0s linear 0.8s; } /* ========================================================= ELEMENTOR-STICKY, ABER NOCH OHNE EFFEKT-OFFSET Linie bleibt ausdrücklich unsichtbar. ========================================================= */ .elementor-7708 .elementor-element.elementor-element-243a7a9.elementor-sticky--active:not( .elementor-sticky--effects )::after { opacity: 0 !important; visibility: hidden !important; } /* ========================================================= ECHTER SCROLL-/EFFEKTZUSTAND Beide Elementor-Klassen müssen vorhanden sein. ========================================================= */ .elementor-7708 .elementor-element.elementor-element-243a7a9.elementor-sticky--active.elementor-sticky--effects::after { opacity: 1 !important; visibility: visible !important; transition: opacity 0.8s ease, visibility 0s linear 0s; } /* ========================================================= ASTRA-STICKY-KLASSEN Astra allein darf die Linie nicht einblenden. Erst der zusätzliche Elementor-Effektzustand schaltet sie frei. ========================================================= */ .ast-sticky-active .elementor-7708 .elementor-element.elementor-element-243a7a9:not(.elementor-sticky--effects)::after, .ast-header-sticked .elementor-7708 .elementor-element.elementor-element-243a7a9:not(.elementor-sticky--effects)::after, #ast-fixed-header .elementor-7708 .elementor-element.elementor-element-243a7a9:not(.elementor-sticky--effects)::after { opacity: 0 !important; visibility: hidden !important; } /* Astra und Elementor sind gleichzeitig im Scrollzustand */ .ast-sticky-active .elementor-7708 .elementor-element.elementor-element-243a7a9.elementor-sticky--active.elementor-sticky--effects::after, .ast-header-sticked .elementor-7708 .elementor-element.elementor-element-243a7a9.elementor-sticky--active.elementor-sticky--effects::after, #ast-fixed-header .elementor-7708 .elementor-element.elementor-element-243a7a9.elementor-sticky--active.elementor-sticky--effects::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */