.elementor-1260 .elementor-element.elementor-element-c253a01{--display:grid;--min-height:135px;--e-con-grid-template-columns:200px 100%;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--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-1260 .elementor-element.elementor-element-c253a01:not(.elementor-motion-effects-element-type-background), .elementor-1260 .elementor-element.elementor-element-c253a01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1260 .elementor-element.elementor-element-6dbf77cc{text-align:start;}.elementor-1260 .elementor-element.elementor-element-6dbf77cc img{width:100%;height:135px;}.elementor-1260 .elementor-element.elementor-element-15458367{--display:flex;}.elementor-1260 .elementor-element.elementor-element-372b1f90{width:100%;max-width:100%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-menu-toggle{margin:0 auto;}.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu .elementor-item{font-family:"Source Sans 3", Sans-serif;font-weight:600;}.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-1260{margin:0px 0px 0px 0px;padding:0px 0px 0px 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-1260 .elementor-element.elementor-element-15458367{--width:100%;}}@media(max-width:1024px){.elementor-1260 .elementor-element.elementor-element-c253a01{--grid-auto-flow:row;}.elementor-1260{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1260 .elementor-element.elementor-element-c253a01{--e-con-grid-template-columns:1;--grid-auto-flow:row;}}/* Start custom CSS for nav-menu, class: .elementor-element-372b1f90 *//* Die Kopfzeile bleibt beim Blaettern stehen. Sie traegt ihren eigenen
   violetten Kasten, deshalb braucht es keine zusaetzliche Flaeche. */
header.elementor-location-header {
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Unterhalb dieser Breite passt die Leiste nicht mehr in EINE Zeile.
   Zwei Zeilen wuerden unter den Kopfkasten ragen (sichtbare Stufe), und
   eine umgebrochene Zeile begaenne mit einem Trenner ohne Vorgaenger —
   dafuer gibt es in CSS keinen Selektor. Darum greift dort wieder das
   eingebaute Klappmenue. */
@media (min-width: 1300px) {

/* Bezugspunkt ist die Menuespalte der Kopfzeile: so beginnt die Leiste
   automatisch an der rechten Logokante — bei jeder Fensterbreite, ohne
   festen Pixelwert. Widget, Liste und Menuepunkt geben dafuer ihre
   eigene Positionierung ab. */
.elementor-1260 .elementor-element.elementor-element-372b1f90 { position: static; }
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu { position: static; }
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu > li.menu-item-has-children { position: static; }

.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu {
    /* !important ist hier noetig: der Menue-Stapel (Elementor/SmartMenus)
       setzt die Positionierung des Dropdowns mit Vorrang. Ohne !important
       bleibt die Leiste an ihrer statischen Stelle unter der Kopfzeile.
       Am lebenden Element nachgewiesen, nicht vermutet. */
    position: absolute !important;
    /* Unterkante des Hauptmenues — die Menuespalte ist genau so hoch. */
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    /* Linkes Polster so, dass die Schrift auf der Flucht von „Home“
       steht (dessen Kasten beginnt bei derselben Kante und traegt 20px
       Innenabstand; der Untereintrag bringt 8px eigenen Vorlauf mit —
       am gerenderten Element gemessen, nicht gerechnet).
       8px statt 12px senkrecht: der Kopfkasten laesst unter dem Hauptmenue genau
       44,5px frei, die Zeile ist 27px hoch. Mit 12px ragte die Leiste
       6,5px unter den Kopfkasten — das war die sichtbare Stufe. */
    padding: 8px 0 8px 12px;
    margin: 0;
    /* Dieselbe Farbe wie der Kopfkasten. Sie ist nicht sichtbar — die
       Leiste liegt vollstaendig IM Kasten — sondern deckt beim Zeigen
       auf den anderen Menuepunkt dessen Dauerleiste ab. Sie reicht nur
       von der Logokante nach rechts, verdeckt das Logo also nicht. */
    background: var(--e-global-color-primary, #783594);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
    z-index: 99;
}

/* Auf der eigenen Seite steht die Leiste dauerhaft — sie ist dort
   Seitennavigation, nicht Klappmenue.
   Durchgehend !important: das Menue-JavaScript (SmartMenus) blendet
   Untermenues aus, indem es dem Element einen Inline-Stil verpasst, und
   ein Inline-Stil sticht jede normale Regel. Ohne !important kann die
   Leiste nach einem Zeigen-Weggehen-Zyklus verschwinden. */
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu > li.menu-item-has-children.current-menu-item > ul.sub-menu,
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu > li.menu-item-has-children.current-menu-ancestor > ul.sub-menu {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none;
}

/* Zwischen Menuepunkt und Leiste darf keine tote Flaeche liegen — sonst
   verlaesst die Maus den Menuepunkt, bevor sie die Leiste erreicht, und
   die Leiste verschwindet wieder. */
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu > li.menu-item-has-children > a { position: relative; }
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu > li.menu-item-has-children > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
}

/* focus-within, damit die Leiste auch per Tastatur erreichbar ist.
   Das hoehere z-index legt die gezeigte Leiste ueber die Dauerleiste —
   unabhaengig davon, welcher der beiden Punkte im Quelltext frueher
   steht. */
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu > li.menu-item-has-children:hover > ul.sub-menu,
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu > li.menu-item-has-children:focus-within > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 100;
}

.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu li {
    width: auto;
    border: 0;
    display: flex;
    align-items: center;
}

/* Trenner: gepunktet und gelb wie im Hauptmenue, mittig und kurz statt
   ueber die volle Zeilenhoehe, beidseitig gleicher Abstand. */
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu li + li::before {
    content: "";
    align-self: center;
    height: 18px;
    border-left: 2px dotted rgba(246, 208, 106, .6);
    margin: 0 10px;
}

/* Der aktive Zustand muss ausdruecklich zurueckgesetzt werden — Schrift
   auf Weiss UND Hintergrund weg. Zwei Quellen greifen hier:
   `current-menu-item` traegt auf dieser Seite JEDER der acht Eintraege
   (ihre Sprungmarken-Adressen zeigen auf die aufgerufene Seite), und
   Elementor setzt zusaetzlich `elementor-item-active` auf den Eintrag,
   dessen Sprungmarke in der Adresszeile steht — mit dunkelgrauem
   Hintergrund aus den Widget-Einstellungen. */
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu li.current-menu-item > a.elementor-sub-item,
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu a.elementor-sub-item.elementor-item-active,
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu a.elementor-sub-item {
    padding: 3px 0;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    /* !important, weil die Hinterlegung nachweislich an der Klasse
       `elementor-item-active` haengt (Gegenprobe: Klasse entfernt →
       Hintergrund weg) und aus den Widget-Einstellungen kommt, nicht
       aus einer Regel, die sich ueberschreiben liesse. */
    background-color: transparent !important;
    border-bottom: 1px solid transparent;
    transition: color .15s ease, border-color .15s ease;
}
/* Kein Zustand fuer „hier stehst du“ — die Leiste bleibt weiss, gelb
   nur unter dem Mauszeiger. :focus bleibt drin, damit die Leiste per
   Tastatur bedienbar ist. */
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu a.elementor-sub-item:hover,
.elementor-1260 .elementor-element.elementor-element-372b1f90 .elementor-nav-menu ul.sub-menu a.elementor-sub-item:focus {
    color: #F6D06A;
    border-bottom-color: #F6D06A;
    background: transparent;
}

}

/* Auf Tablet und Handy entfaellt die Sprungmarken-Ebene vollstaendig —
   dort waere sie nur eine zweite, ungestylte Menueebene. Der Aufklapp-
   Pfeil muss mit weg, sonst bleibt eine Schaltfläche ohne Wirkung. */
@media (max-width: 1299px) {
    .elementor-1260 .elementor-element.elementor-element-372b1f90 ul.sub-menu { display: none !important; }
    .elementor-1260 .elementor-element.elementor-element-372b1f90 .sub-arrow { display: none !important; }
}

/* Sprungziele nicht unter der stehenden Kopfzeile verschwinden lassen. */
[id] { scroll-margin-top: 150px; }/* End custom CSS */