.elementor-kit-7{--e-global-color-primary:#F18800;--e-global-color-secondary:#273483;--e-global-color-text:#273483;--e-global-color-accent:#F18800;--e-global-color-0c94aa0:#4E5BA9;--e-global-color-8d1c858:#A7ADD4;--e-global-color-cebd969:#F0F1F6;--e-global-color-4ef6e41:#FFFFFF;--e-global-color-4f086d9:#7E7C8D;--e-global-color-9a36d73:#ABAAB4;--e-global-color-09e54fb:#EDEDEF;--e-global-typography-primary-font-family:"Noto Sans";--e-global-typography-primary-font-size:1.25rem;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Days One";--e-global-typography-secondary-font-size:3.75rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:1.25rem;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Days One";--e-global-typography-accent-font-size:2rem;--e-global-typography-accent-font-weight:500;--e-global-typography-a89dab0-font-family:"Days One";--e-global-typography-a89dab0-font-size:1.75rem;--e-global-typography-a89dab0-font-weight:500;--e-global-typography-e7d8ae8-font-family:"Noto Sans";--e-global-typography-e7d8ae8-font-size:1.063rem;--e-global-typography-e7d8ae8-font-weight:500;--e-global-typography-1bfc72d-font-family:"Noto Sans";--e-global-typography-1bfc72d-font-size:0.8rem;--e-global-typography-1bfc72d-font-weight:500;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Sans", Sans-serif;font-size:1.25rem;font-weight:700;color:var( --e-global-color-4ef6e41 );border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-7{--e-global-typography-1bfc72d-font-size:1rem;}}@media(max-width:1200px){.elementor-kit-7{--e-global-typography-1bfc72d-font-size:0.8rem;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-1bfc72d-font-size:0.8rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    overflow-wrap: break-word;
}
/* Links/Items: keine Browser-Outline,  keine Ränder */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item,  .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a {
     border:  0 !important;
     outline:  none !important;
     box-shadow:  none;
 }
 /* Focus-Outline killen */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a:focus,  .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a:focus-visible {
     outline:  none !important;
     box-shadow:  none !important;
 }
 /* Tab-Fläche sicher ohne Rand */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item::after {
     border:  0 !important;
 }

 /* Elementor-Pointer aus */ .dk-nav .elementor-nav-menu--main.e--pointer-underline .elementor-item:after {
     display: none !important;
 }
 /* Wrapper/Listen-Basis */ .dk-nav {
     overflow: visible;
     position: relative;
     z-index: 10;
 }
 .dk-nav .elementor-nav-menu--main {
     overflow: visible;
     position: relative;
 }
 .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item {
     position: relative;
     overflow: visible;
     z-index: 1;
 }
 /* Text immer über der Fläche */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a {
     position: relative;
     z-index: 5;
     transition: color .25s ease;
 }
 .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item:hover > a,  .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .current-menu-item > a {
     color: #fff;
 }
 /* === Kapsel im Ruhezustand SICHTBAR === */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item::after {
     content: "";
     position: absolute;
     left: 50%;
     bottom: -10px;
     /* liegt unten am Header */ transform: translateX(-50%) translateY(0) scaleX(1);
     width: calc(100% - 8px);
     /* gleich breit wie Hover */ height: 11px;
     /* flache Kapsel */ background: var(--hl, #F18700);
     border-radius: 22px 22px 0 0;
     /* rund */ box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
     opacity: 1;
     /* <<< jetzt sichtbar */ pointer-events: none;
     z-index: 2;
     /* unter dem Text */ transition:  height .3s ease,  transform .3s ease,  border-radius .3s ease,  box-shadow .3s ease;
 }
 /* === Hover/Aktiv: fährt nach oben zum Tab === */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item:hover::after,  .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .current-menu-item::after,  .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .current-menu-ancestor::after,  .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item:focus-within::after {
     height: 60px;
     /* deine Tab-Höhe */ transform: translateX(-50%) translateY(0px) scaleX(1);
     border-radius: 16px 16px 0 0;
     /* oben rund,  unten gerade */ box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
 }
 /* Mobile: Effekt aus */ @media (max-width:1024px) {
     .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item: :after {
     display: none;
 }
 }
 /* Kein Tab/Kapsel für „Über uns“ & „Kontakt“ */ .dk-nav .menu-ueber::after,  .dk-nav .menu-kontakt::after  {
     display:  none !important;
 }
 .dk-nav .menu-ueber > a:hover,  .dk-nav .menu-kontakt > a:hover  {
     color:  inherit !important;
 }
 /* Dropdown: exakt so breit wie die Fläche,  mittig unter dem Tab */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu {
     /* SmartMenus-Defaults überstimmen */ left:  50% !important;
     right:  auto !important;
     min-width:  0 !important;
     max-width:  none !important;
     width:  calc(100% - 8px) !important;
     /* gleiche Breite wie deine Kapsel */ transform:  translateX(-50%) translateY(0px);
     /* leicht nach unten */ box-sizing:  border-box;
     /* Optik (falls nicht schon in Elementor gesetzt) */ border:  none;
     border-radius:  0 0 16px 16px;
     overflow:  hidden;
     box-shadow:  0 12px 24px rgba(0, 0, 0, .18);
     padding:  12px 0;
     z-index:  6;
     /* über dem Content */ }
 /* Innenabstände + Farben im Dropdown (optional) */ .dk-nav .elementor-nav-menu--main > .elementor-nav-menu > .menu-item.menu-item-has-children > .sub-menu a {
     display: block;
     padding:  12px 5px;
 }
 /* Aktive Tabs: Text immer weiß */ .dk-nav .menu-neo.current-menu-item > a,  .dk-nav .menu-politik.current-menu-item > a,  .dk-nav .menu-transfer.current-menu-item > a  {
     color:  #fff !important;
 }
 /* Hauptpunkt (Top-Level) weiß – auch wenn eine Unterseite aktiv ist */ .dk-nav .menu-neo.current-menu-item > a,  .dk-nav .menu-neo.current-menu-ancestor > a,  .dk-nav .menu-neo.current_page_ancestor > a,  .dk-nav .menu-neo > a.elementor-item-active  {
     color:  #fff !important;
 }
 .dk-nav .menu-politik.current-menu-item > a,  .dk-nav .menu-politik.current-menu-ancestor > a,  .dk-nav .menu-politik.current_page_ancestor > a,  .dk-nav .menu-politik > a.elementor-item-active  {
     color:  #fff !important;
 }
 .dk-nav .menu-transfer.current-menu-item > a,  .dk-nav .menu-transfer.current-menu-ancestor > a,  .dk-nav .menu-transfer.current_page_ancestor > a,  .dk-nav .menu-transfer > a.elementor-item-active  {
     color:  #fff !important;
 }
 /* Optional: auch bei Hover nicht umlackieren */ .dk-nav .menu-neo.current-menu-ancestor > a:hover,  .dk-nav .menu-politik.current-menu-ancestor > a:hover,  .dk-nav .menu-transfer.current-menu-ancestor > a:hover  {
     color:  #fff !important;
 }
 /* Dropdown-Links behalten ihre Farbe (nicht weiß ziehen) */ .dk-nav .menu-neo .sub-menu a,  .dk-nav .menu-politik .sub-menu a,  .dk-nav .menu-transfer .sub-menu a  {
     color:  #24307f !important;
 }
 .dk-nav .menu-neo .sub-menu a:hover,  .dk-nav .menu-politik .sub-menu a:hover,  .dk-nav .menu-transfer .sub-menu a:hover  {
     color:  #F18700 !important;
 }
 .kwb-blau  {
     color:  #273483;
 }
 .kwb-orange,  a  {
     color: #F18800;
 }
 .uael-table-row td  {
     border-bottom:  1px solid #273483!important;
 }
 
 /* === Accordion Gesamtblock === */ .uael-faq-accordion  {
     border-radius:  10px;
     overflow:  hidden;
     margin-bottom:  16px;
     background:  #e9e9ed;
     /* neutrale Hintergrundfarbe */ border:  none;
 }
 /* === Titelzeile === */ .uael-accordion-title  {
     background:  #4a56a0;
     /* dunkles Blau wie im Beispiel */ color:  #fff;
     padding:  16px 24px;
     font-weight:  600;
     border-radius:  10px 10px 0 0;
     display:  flex;
     align-items:  center;
     transition:  background 0.3s ease;
 }
 .uael-accordion-title:hover  {
     background:  #3e4890;
 }
 /* aktiver Titel */ .uael-accordion-title.uael-title-active  {
     background:  #39448d;
     border-radius:  10px 10px 0 0;
 }
 /* === Inhaltbereich === */ .uael-accordion-content  {
     background:  #f2f2f5;
     padding:  20px 32px;
     border-radius:  0 0 10px 10px;
 }
 /* === Listen-Layout === */ .uael-accordion-content ul  {
     list-style:  none;
     padding-left:  30px;
     margin:  0;
 }
 .uael-accordion-content li  {
     position:  relative;
     padding-left:  14px;
     margin:  6px 0;
     color:  #24307f;
 }
 /* kleiner Pfeil als Bullet */ .uael-accordion-content li::before  {
     content:  "›";
     position:  absolute;
     left:  0;
     top:  0;
     color:  #9da4d4;
     /* helleres Blau wie Iconfarbe im Beispiel */ font-size:  20px;
     line-height:  1.2;
 }
 /* Unterlisten (zweite Ebene) */ .uael-accordion-content ul ul  {
     margin-top:  4px;
     margin-left:  16px;
 }
 .uael-accordion-content ul ul li::before  {
     content:  "–";
     color:  #9da4d4;
     font-size:  14px;
 }
 /* Icons links vom Titel angleichen */ .uael-accordion-icon  {
     margin-right:  10px;
     display:  flex;
     align-items:  center;
 }
 .uael-accordion-icon svg  {
     width:  14px;
     height:  14px;
     fill:  #fff;
 }/* End custom CSS */