.elementor-10996 .elementor-element.elementor-element-18ce448d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10996 .elementor-element.elementor-element-18ce448d > .elementor-container{min-height:100px;}.elementor-10996 .elementor-element.elementor-element-18ce448d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0% 8% 0% 8%;}.elementor-10996 .elementor-element.elementor-element-18ce448d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10996 .elementor-element.elementor-element-7a6dd75 .elementor-repeater-item-2cc6ca3.elementor-social-icon{background-color:#FF5B84;}.elementor-10996 .elementor-element.elementor-element-7a6dd75 .elementor-repeater-item-2cc6ca3.elementor-social-icon i{color:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-7a6dd75 .elementor-repeater-item-2cc6ca3.elementor-social-icon svg{fill:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-7a6dd75 .elementor-repeater-item-129d455.elementor-social-icon{background-color:#000000;}.elementor-10996 .elementor-element.elementor-element-7a6dd75 .elementor-repeater-item-129d455.elementor-social-icon i{color:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-7a6dd75 .elementor-repeater-item-129d455.elementor-social-icon svg{fill:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-7a6dd75{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-10996 .elementor-element.elementor-element-7a6dd75 .elementor-widget-container{text-align:left;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10996 .elementor-element.elementor-element-190edc0c .elementor-icon-wrapper{text-align:end;}.elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-stacked .elementor-icon{background-color:#FCD9D9;}.elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-framed .elementor-icon, .elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-default .elementor-icon{color:#FCD9D9;border-color:#FCD9D9;}.elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-framed .elementor-icon, .elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-default .elementor-icon svg{fill:#FCD9D9;}.elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-framed .elementor-icon:hover, .elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-framed .elementor-icon:hover, .elementor-10996 .elementor-element.elementor-element-190edc0c.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-199cf046 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10996 .elementor-element.elementor-element-199cf046 > .elementor-background-overlay{background-color:#64A3AD;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10996 .elementor-element.elementor-element-199cf046{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0% 8% 0% 8%;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Arial;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10996 .elementor-element.elementor-element-45db658a{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-10996 .elementor-element.elementor-element-45db658a .elementor-divider-separator{width:100%;}.elementor-10996 .elementor-element.elementor-element-45db658a .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-10996 .elementor-element.elementor-element-4f370076{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:3%;margin-bottom:0%;padding:0% 8% 0% 8%;}.elementor-10996 .elementor-element.elementor-element-4f370076 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Arial;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Arial;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu .elementor-item{font-family:"Arial", Arial;font-size:39px;font-weight:400;text-transform:uppercase;font-style:normal;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:20px;padding-bottom:20px;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main .elementor-item:hover, .elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed .elementor-item:before, .elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#D17070;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#D17070;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-underline .elementor-item:after, .elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-overline .elementor-item:before, .elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-double-line .elementor-item:before, .elementor-10996 .elementor-element.elementor-element-760f340c .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--dropdown .elementor-item, .elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Prompt", Arial;font-size:14px;font-weight:400;text-transform:none;font-style:normal;}#elementor-popup-modal-10996 .dialog-widget-content{animation-duration:0.5s;background-color:#007981;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-10996 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-10996{justify-content:center;align-items:flex-start;pointer-events:all;}@media(max-width:1024px){.elementor-10996 .elementor-element.elementor-element-190edc0c .elementor-icon{font-size:40px;}.elementor-10996 .elementor-element.elementor-element-190edc0c .elementor-icon svg{height:40px;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu .elementor-item{font-size:55px;}}@media(max-width:767px){.elementor-10996 .elementor-element.elementor-element-18ce448d{margin-top:0px;margin-bottom:5px;}.elementor-10996 .elementor-element.elementor-element-7786b794{width:50%;}.elementor-10996 .elementor-element.elementor-element-4e3b77ae{width:50%;}.elementor-10996 .elementor-element.elementor-element-190edc0c .elementor-icon{font-size:33px;}.elementor-10996 .elementor-element.elementor-element-190edc0c .elementor-icon svg{height:33px;}.elementor-10996 .elementor-element.elementor-element-4f370076{margin-top:10%;margin-bottom:0%;}.elementor-10996 .elementor-element.elementor-element-760f340c .elementor-nav-menu .elementor-item{font-size:35px;line-height:1em;}}/* Start custom CSS for nav-menu, class: .elementor-element-760f340c *//* ========================================================== RASANT POPUP MEGA MENU GLEICHMÄSSIGE SPALTENABSTÄNDE ========================================================== */ @media (min-width:1025px){ .rasant-popup-menu{ /* Schriftgröße für ALLE Ebenen */ --rasant-menu-font-size: 40px; /* * ABSTAND ZWISCHEN DEN SPALTEN * * Dieser Wert gilt für: * * Spalte 1 -> Spalte 2 * UND * Spalte 2 -> Spalte 3 * * Dadurch bleiben beide Abstände identisch. */ --rasant-column-step: clamp(390px, 28vw, 460px); /* * kleiner = Spalten näher zusammen * * Beispiel: * * clamp(360px, 26vw, 430px) * * größer = weiter auseinander */ } /* ======================================================== BASIS ======================================================== */ .rasant-popup-menu, .rasant-popup-menu .elementor-nav-menu{ position:relative!important; width:100%!important; overflow:visible!important; } .rasant-popup-menu .sub-menu, .rasant-popup-menu .sub-menu>li{ overflow:visible!important; } /* ======================================================== HAUPTMENÜ ======================================================== */ .rasant-popup-menu .elementor-nav-menu>.menu-item{ position:relative!important; width:100%!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item>a{ display:inline-flex!important; align-items:center!important; width:auto!important; max-width:none!important; position:relative!important; z-index:5!important; font-size: var(--rasant-menu-font-size)!important; line-height: 1.18!important; } /* ======================================================== HAUPTMENÜ-PFEIL ======================================================== */ .rasant-popup-menu .elementor-nav-menu>.menu-item-has-children>a>.sub-arrow{ position:static!important; margin-left:14px!important; padding:0!important; transform: rotate(0deg)!important; transform-origin: center!important; transition: transform .28s cubic-bezier(.22,.61,.36,1)!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item-has-children:hover>a>.sub-arrow, .rasant-popup-menu .elementor-nav-menu>.menu-item-has-children:focus-within>a>.sub-arrow{ transform: rotate(-90deg)!important; } /* ======================================================== SPALTE 2 ERSTE UNTERMENÜ-EBENE ======================================================== */ .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu{ display:block!important; position:absolute!important; /* * Vertikale Ausrichtung */ top:50%!important; /* * EXAKT EIN SPALTENSCHRITT * von Spalte 1 entfernt. */ left: var(--rasant-column-step)!important; /* * Breite ebenfalls ungefähr ein Schritt. * Dadurch haben wir genügend Platz für Ebene 2. */ width: var(--rasant-column-step)!important; min-width:0!important; max-width: var(--rasant-column-step)!important; margin: -27px 0 0 0!important; padding: 0!important; background: transparent!important; border: 0!important; box-shadow: none!important; opacity: 0!important; visibility: hidden!important; pointer-events: none!important; z-index: 100!important; isolation: isolate; transition: opacity .2s ease .12s, visibility 0s linear .32s!important; } /* ======================================================== HOVER-BRÜCKE SPALTE 1 -> SPALTE 2 ======================================================== */ .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu::before{ content:""; position:absolute; top:-18px; /* * etwas großzügiger, * damit man bequem von links nach rechts fahren kann */ left:-120px; right:-20px; bottom:-55px; background: transparent; pointer-events: auto; z-index: 0; } /* ======================================================== SPALTE 2 ÖFFNEN ======================================================== */ .rasant-popup-menu .elementor-nav-menu>.menu-item:hover>.sub-menu, .rasant-popup-menu .elementor-nav-menu>.menu-item:focus-within>.sub-menu, .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu:hover{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transition: opacity .25s ease, visibility 0s!important; } /* ======================================================== PUNKTE EBENE 2 ======================================================== */ .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu>li{ position:relative!important; z-index:2!important; width: max-content!important; max-width: 100%!important; margin: 0!important; padding: 0!important; opacity: 0!important; transform: translateX(-28px)!important; transition: opacity .3s ease, transform .42s cubic-bezier(.22,.61,.36,1)!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item:hover>.sub-menu>li, .rasant-popup-menu .elementor-nav-menu>.menu-item:focus-within>.sub-menu>li{ opacity: 1!important; transform: translateX(0)!important; } /* ======================================================== STAGGER EBENE 2 ======================================================== */ .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu>li:nth-child(1){ transition-delay:.03s!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu>li:nth-child(2){ transition-delay:.08s!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu>li:nth-child(3){ transition-delay:.13s!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu>li:nth-child(4){ transition-delay:.18s!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu>li:nth-child(5){ transition-delay:.23s!important; } .rasant-popup-menu .elementor-nav-menu>.menu-item>.sub-menu>li:nth-child(6){ transition-delay:.28s!important; } /* ======================================================== LINKS EBENE 2 ======================================================== */ .rasant-popup-menu .sub-menu>li>a{ display:inline-flex!important; align-items:center!important; width:auto!important; max-width:none!important; /* * Kein horizontaler Padding-Versatz. * Dadurch startet der Text exakt * an der berechneten Spaltenposition. */ padding: 8px 0!important; background: transparent!important; color: #fff!important; font-size: var(--rasant-menu-font-size)!important; font-weight: 400!important; line-height: 1.18!important; border: 0!important; } /* ======================================================== PFEILE EBENE 2 ======================================================== */ .rasant-popup-menu .sub-menu .menu-item-has-children>a{ display:inline-flex!important; align-items:center!important; width:auto!important; } .rasant-popup-menu .sub-menu .sub-arrow{ position:static!important; margin-left: 14px!important; padding: 0!important; transform: translateX(0)!important; transition: transform .24s cubic-bezier(.22,.61,.36,1)!important; } .rasant-popup-menu .sub-menu .menu-item-has-children:hover>a>.sub-arrow, .rasant-popup-menu .sub-menu .menu-item-has-children:focus-within>a>.sub-arrow{ transform: translateX(6px)!important; } /* ======================================================== ELTERNPUNKT FÜR EBENE 3 ======================================================== */ .rasant-popup-menu .sub-menu>.menu-item-has-children{ position: relative!important; } /* * Unsichtbare Hover-Brücke * von Spalte 2 zu Spalte 3. * * Wichtig, weil der Abstand jetzt * unabhängig von der Textlänge ist. */ .rasant-popup-menu .sub-menu>.menu-item-has-children::after{ content:""; position:absolute; top:-12px; left: 100%; width: max( 45px, calc( var(--rasant-column-step) - 100% + 15px ) ); height: 80px; background: transparent; pointer-events: auto; z-index: 1; } /* ======================================================== SPALTE 3 DRITTE MENÜEBENE ======================================================== */ .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu{ display:block!important; position:absolute!important; top: 50%!important; /* * GANZ WICHTIG: * * Nicht mehr left:100%. * * Stattdessen wieder exakt * derselbe Spaltenschritt wie * zwischen Ebene 1 und Ebene 2. */ left: calc( var(--rasant-column-step) - 24px )!important; width: max-content!important; min-width: 300px!important; max-width: 520px!important; margin: -27px 0 0 0!important; /* * Die 24px werden oben bei left abgezogen * und hier wieder hinzugefügt. * * Ergebnis: * Der TEXT startet exakt nach * einem vollen column-step. */ padding: 0 0 0 24px!important; background: transparent!important; border: 0!important; box-shadow: none!important; opacity: 0!important; visibility: hidden!important; pointer-events: none!important; transform: translateX(-18px)!important; transition: opacity .25s ease, transform .35s cubic-bezier(.22,.61,.36,1), visibility 0s linear .25s!important; z-index: 999!important; } /* ======================================================== SPALTE 3 ÖFFNEN ======================================================== */ .rasant-popup-menu .sub-menu>.menu-item-has-children:hover>.sub-menu, .rasant-popup-menu .sub-menu>.menu-item-has-children:focus-within>.sub-menu, .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu:hover{ opacity: 1!important; visibility: visible!important; pointer-events: auto!important; transform: translateX(0)!important; transition: opacity .25s ease, transform .35s cubic-bezier(.22,.61,.36,1), visibility 0s!important; } /* ======================================================== PUNKTE EBENE 3 ======================================================== */ .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu>li{ width: max-content!important; max-width: 100%!important; opacity: 0; transform: translateX(-18px); transition: opacity .25s ease, transform .32s ease!important; } .rasant-popup-menu .sub-menu>.menu-item-has-children:hover>.sub-menu>li{ opacity: 1; transform: translateX(0); } /* ======================================================== STAGGER EBENE 3 ======================================================== */ .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu>li:nth-child(1){ transition-delay:.04s!important; } .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu>li:nth-child(2){ transition-delay:.09s!important; } .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu>li:nth-child(3){ transition-delay:.14s!important; } .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu>li:nth-child(4){ transition-delay:.19s!important; } /* ======================================================== LINKS EBENE 3 ======================================================== */ .rasant-popup-menu .sub-menu>.menu-item-has-children>.sub-menu>li>a{ display:inline-flex!important; align-items:center!important; width:auto!important; padding: 8px 0!important; background: transparent!important; color: #fff!important; font-size: var(--rasant-menu-font-size)!important; font-weight: 400!important; line-height: 1.18!important; white-space: nowrap!important; border: 0!important; box-shadow: none!important; } /* ======================================================== HOVER: SCHWARZ ======================================================== */ .rasant-popup-menu .elementor-nav-menu a{ position: relative!important; text-decoration: none!important; transition: color .22s ease, -webkit-text-fill-color .22s ease!important; } .rasant-popup-menu .elementor-nav-menu a:hover, .rasant-popup-menu .elementor-nav-menu a:hover span{ color: #000!important; -webkit-text-fill-color: #000!important; } .rasant-popup-menu .elementor-nav-menu a:hover .sub-arrow, .rasant-popup-menu .elementor-nav-menu a:hover .sub-arrow i, .rasant-popup-menu .elementor-nav-menu a:hover .sub-arrow svg{ color: #000!important; fill: #000!important; } /* ======================================================== ANIMIERTER UNTERSTRICH ======================================================== */ .rasant-popup-menu .elementor-nav-menu a::after{ content:""; position:absolute; left: 0; bottom: 2px; width: 100%; height: 2px; background: #000; transform: scaleX(0); transform-origin: left center; transition: transform .32s cubic-bezier(.22,.61,.36,1); pointer-events: none; } .rasant-popup-menu .elementor-nav-menu a:hover::after{ transform: scaleX(1); } }/* End custom CSS */