.elementor-21109 .elementor-element.elementor-element-c2711b0{--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;box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-21109 .elementor-element.elementor-element-6b6ec3c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21109 .elementor-element.elementor-element-8fc8151{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;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-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu .elementor-item{font-family:"Montserrat Alternates", Sans-serif;font-size:20px;font-weight:800;text-transform:none;font-style:normal;text-decoration:none;}.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu--main .elementor-item{color:#FAFAFA;fill:#FAFAFA;}.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu--main .elementor-item:focus{color:#E63946;fill:#E63946;}.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#06D6A0;}.elementor-21109:not(.elementor-motion-effects-element-type-background), .elementor-21109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1720;}.elementor-21109{margin:0px 0px -100px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-21109 .elementor-element.elementor-element-c2711b0{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-21109 .elementor-element.elementor-element-6287636 .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px;}}@media(min-width:768px){.elementor-21109 .elementor-element.elementor-element-6b6ec3c{--width:20%;}.elementor-21109 .elementor-element.elementor-element-8fc8151{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-21109 .elementor-element.elementor-element-6b6ec3c{--width:15%;}.elementor-21109 .elementor-element.elementor-element-8fc8151{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-c2711b0 */:root{
  --qb-text:#FAFAFA;
  --qb-accent1:#E63946; /* Magenta */
  --qb-accent2:#06D6A0; /* Türkis */
}

/* Basis: Glas, großzüger Padding, schwebend */
.qb-header{
  position: sticky; top: 0; z-index: 9999;
  background: rgba(255,255,255,0.10);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
  border-bottom: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 10px 28px rgba(0,0,0,0.25);
  transition: background .22s ease, padding .22s ease, box-shadow .22s ease;
  color: var(--qb-text);
  padding: .9rem 0; /* fühlbar, aber nicht zu hoch */
}

/* Wenn sticky aktiv (Elementor) → etwas kompakter & deckender */
.qb-header.elementor-sticky--effects{
  background: rgba(10,16,22,0.55); /* dunkler, bessere Lesbarkeit beim Scrollen */
  border-bottom-color: rgba(255,255,255,0.28);
  padding: .55rem 0;
  box-shadow: 0 12px 30px rgba(0,0,0,0.32);
}

/* Logo-Größe (Container mit Klasse qb-brand geben) */
.qb-brand img{ height: 42px; transition: height .22s ease; }
.qb-header.elementor-sticky--effects .qb-brand img{ height: 36px; }

/* Navigation (Container oder Menu-Widget Klasse qb-nav geben) */
.qb-nav a{
  color: var(--qb-text);
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .2px;
  padding: .35rem .6rem;
  border-radius: 10px;
  position: relative;
}
.qb-nav a:hover,
.qb-nav a:focus-visible{
  background: rgba(255,255,255,0.10);
  outline: none;
}

/* Gradient-Underline für aktiven/hover */
.qb-nav a::after{
  content:"";
  position:absolute; left:.6rem; right:.6rem; bottom:-6px; height:3px;
  border-radius:999px;
  background: linear-gradient(90deg,var(--qb-accent1),var(--qb-accent2));
  opacity:0; transform: translateY(4px);
  transition: opacity .18s ease, transform .18s ease;
}
.qb-nav a:hover::after,
.qb-nav a:focus-visible::after,
.qb-nav a.elementor-item-active::after{ opacity:1; transform: translateY(0); }

/* Mobile Menüpanel glasig (Nav-Widget Wrapper Klasse qb-offcanvas geben) */
.qb-offcanvas .elementor-nav-menu--dropdown{
  background: rgba(10,16,22,0.70);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  backdrop-filter: blur(12px) saturate(120%);
  border:1px solid rgba(255,255,255,0.28);
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}

/* Fallback ohne backdrop-filter */
@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){
  .qb-header{ background: rgba(20,26,32,0.82); }
  .qb-offcanvas .elementor-nav-menu--dropdown{ background: rgba(20,26,32,0.92); }
}

.qb-header.is-scrolled{
  background: rgba(10,16,22,0.55);
  padding: .55rem 0;
  box-shadow: 0 12px 30px rgba(0,0,0,0.32);
}
.qb-header.is-scrolled .qb-brand img{ height: 36px; }/* End custom CSS */