.elementor-183 .elementor-element.elementor-element-1697224{--display:flex;--position:absolute;--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;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:10;}body:not(.rtl) .elementor-183 .elementor-element.elementor-element-1697224{left:0px;}body.rtl .elementor-183 .elementor-element.elementor-element-1697224{right:0px;}.elementor-183 .elementor-element.elementor-element-b76f6d7{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-183 .elementor-element.elementor-element-74818ec img{width:100%;max-width:500px;height:100%;object-fit:cover;object-position:center center;}.elementor-183 .elementor-element.elementor-element-7ef0182 img{width:100%;max-width:60px;}.elementor-183 .elementor-element.elementor-element-3a49e9d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:100px 100px 100px 100px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-3a49e9d:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-3a49e9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-183 .elementor-element.elementor-element-09aaec3{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;}.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-183 .elementor-element.elementor-element-1697224{--content-width:90%;}.elementor-183 .elementor-element.elementor-element-b76f6d7{--width:500px;}.elementor-183 .elementor-element.elementor-element-3a49e9d{--width:50px;}}@media(max-width:1024px) and (min-width:768px){.elementor-183 .elementor-element.elementor-element-3a49e9d{--width:50px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-183 .elementor-element.elementor-element-74818ec img{max-width:200px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-183 .elementor-element.elementor-element-1697224{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-183 .elementor-element.elementor-element-b76f6d7{--width:50%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-183 .elementor-element.elementor-element-74818ec{z-index:15;}.elementor-183 .elementor-element.elementor-element-74818ec img{max-width:200px;height:80px;}.elementor-183 .elementor-element.elementor-element-3a49e9d{--width:50px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-3a49e9d */.elementor-183 .elementor-element.elementor-element-3a49e9d {
    height: 50px;
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   KOBALT HEADER – BACKGROUND + LOGO SWITCH
   kompakte Scroll-Version
   ========================================= */

/* Echter Header, nicht Elementor-Spacer */
.kobalt-header:not(.elementor-sticky__spacer) {
  background-color: transparent;
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    backdrop-filter 0.3s ease,
    padding 0.3s ease;
  z-index: 9999;
}

/* Header-Innenbereich sauber ausrichten */
.kobalt-header:not(.elementor-sticky__spacer) > .e-con-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Zustand nach Scroll */
.kobalt-header.elementor-sticky--effects:not(.elementor-sticky__spacer) {
  background-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(10px);
}


/* =========================================
   LOGO WRAPPER
   ========================================= */

/* Logo-Container darf NICHT volle Breite erzwingen */
.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-wrap {
  position: relative;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* Menu nach rechts schieben */
.kobalt-header:not(.elementor-sticky__spacer) .elementor-element-3a49e9d {
  flex: 0 0 auto !important;
  margin-left: auto;
}


/* =========================================
   LOGOS
   ========================================= */

.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default,
.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-scrolled {
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease;
}

/* Default-Logo normal sichtbar */
.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default {
  opacity: 1;
  visibility: visible;
}

/* Default-Logo-Größe + Crop */
.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default {
  width: 500px !important;
  height: 125px !important;
  overflow: hidden !important;
  position: relative;
}

.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default img {
  width: 500px !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  transform: translateY(-35px);
}

/* Scroll-Logo liegt exakt über dem Default-Logo */
.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-scrolled {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.9);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Scroll-Logo-Größe */
.kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-scrolled img {
  width: 50px;
  height: 50px;
  display: block;
}


/* =========================================
   SCROLLED STATE
   ========================================= */

/* Beim Scrollen Default-Logo ausblenden */
.kobalt-header.elementor-sticky--effects:not(.elementor-sticky__spacer) .kobalt-logo-default {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
}

/* Beim Scrollen kleines Logo einblenden */
.kobalt-header.elementor-sticky--effects:not(.elementor-sticky__spacer) .kobalt-logo-scrolled {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
  pointer-events: auto;
}


/* =========================================
   Headerhöhe im Scroll-Zustand kompakter halten
   ========================================= */

.kobalt-header.elementor-sticky--effects:not(.elementor-sticky__spacer) > .e-con-inner {
  min-height: 80px;
}

/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {
  .kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default {
    width: 360px !important;
    height: 90px !important;
    overflow: hidden !important;
  }

  .kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default img {
    width: 360px !important;
    max-width: none !important;
    height: auto !important;
    transform: translateY(-26px);
  }

  .kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-scrolled img {
    width: 44px !important;
    height: 44px !important;
  }

  .kobalt-header.elementor-sticky--effects:not(.elementor-sticky__spacer) > .e-con-inner {
    min-height: 72px;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default {
    width: 260px !important;
    height: 68px !important;
    overflow: hidden !important;
  }

  .kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-default img {
    width: 260px !important;
    max-width: none !important;
    height: auto !important;
    transform: translateY(-19px);
  }

  .kobalt-header:not(.elementor-sticky__spacer) .kobalt-logo-scrolled img {
    width: 40px !important;
    height: 40px !important;
  }

  .kobalt-header.elementor-sticky--effects:not(.elementor-sticky__spacer) > .e-con-inner {
    min-height: 64px;
  }
}/* End custom CSS */