/**
 * KV Header – SAFE restore
 * Only light logo + home overlay rules. NO flex/column layout hacks.
 * Avada Fusion handles structure; we only size the logo and keep slider sane.
 */

/* ----- Logo: readable, not full-bleed, not crushed ----- */
.fusion-tb-header .kv-avada-logo,
.fusion-tb-header .fusion-imageframe.kv-avada-logo {
  display: inline-block !important;
  max-width: 220px !important;
  width: auto !important;
  margin: 0 !important;
  line-height: 0 !important;
  aspect-ratio: auto !important;
}

.fusion-tb-header .kv-avada-logo a,
.fusion-tb-header .fusion-imageframe.kv-avada-logo a {
  display: inline-block !important;
  line-height: 0 !important;
}

.fusion-tb-header .kv-avada-logo img,
.fusion-tb-header .fusion-imageframe.kv-avada-logo img,
.fusion-tb-header #kv-site-logo img,
.fusion-tb-header img.wp-image-31495 {
  display: block !important;
  width: auto !important;
  max-width: 220px !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
  object-position: left center !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
}

/* Header bar continuity (non-home solid) */
body:not(.home) .fusion-tb-header .kv-header-bar.fusion-fullwidth {
  background-color: #011E3F !important;
  border-bottom: 2px solid #00A3E0 !important;
}

/* Home: header overlays slider (desktop/tablet) */
body.home .fusion-tb-header {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10000 !important;
  background: transparent !important;
}

body.home.kv-header-scrolled .fusion-tb-header,
body.home .fusion-tb-header.kv-header-scrolled {
  position: fixed !important;
}

body.home #main {
  padding-top: 0 !important;
}

/* Transparent bar on home until scroll – desktop */
body.home .fusion-tb-header .kv-header-bar.fusion-fullwidth {
  background-color: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.home.kv-header-scrolled .fusion-tb-header .kv-header-bar.fusion-fullwidth,
body.home .fusion-tb-header.kv-header-scrolled .kv-header-bar.fusion-fullwidth {
  background-color: #011E3F !important;
  border-bottom: 2px solid #00A3E0 !important;
  box-shadow: 0 10px 28px rgba(1, 30, 63, 0.28) !important;
}

/* Menu text readable on transparent header */
.fusion-tb-header .awb-menu__main-a,
.fusion-tb-header .awb-menu__main-a .menu-text,
.fusion-tb-header .awb-menu__i_main {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.fusion-tb-header .awb-menu__m-toggle,
.fusion-tb-header .awb-menu__m-collapse-icon-open,
.fusion-tb-header .awb-menu__m-collapse-icon-close {
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.fusion-tb-header .awb-menu__sub-ul {
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(1, 30, 63, 0.18) !important;
  border-top: 3px solid #00A3E0 !important;
}

.fusion-tb-header .awb-menu__sub-a {
  color: #011E3F !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.fusion-tb-header .awb-menu__sub-a:hover {
  color: #00A3E0 !important;
}

/* Rundbrief menu highlight (Mitmachen) – subtle */
.fusion-tb-header li.kv-menu-highlight > a,
.fusion-tb-header li.menu-item-rundbrief > a,
.fusion-tb-header li.kv-menu-highlight > .awb-menu__sub-a,
.fusion-tb-header li.menu-item-rundbrief > .awb-menu__sub-a {
  font-weight: 800 !important;
  color: #7DD3FC !important;
}

/* Slider: full width without layout hacks on columns */
.kv-home-slider-wrap {
  padding: 0 !important;
  background: #011E3F !important;
  overflow: hidden !important;
}

body.home .kv-avada-hero-slider .slide-content-container,
body.home #kv-home-slider .slide-content-container {
  padding-top: 100px !important;
  box-sizing: border-box !important;
}

/* ----- Mobile: compact single-row header (logo left, burger right) ----- */
@media (max-width: 800px) {
  /* Kill vertical fluff only inside the header bar – not site-wide columns */
  .fusion-tb-header .kv-header-bar.fusion-fullwidth,
  .fusion-tb-header .fusion-fullwidth.kv-header-bar {
    --awb-padding-top: 4px !important;
    --awb-padding-bottom: 4px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 0 !important;
  }

  .fusion-tb-header .kv-header-bar > .fusion-builder-row,
  .fusion-tb-header .kv-header-bar .fusion-builder-row-inner,
  .fusion-tb-header .kv-header-bar .fusion-row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 48px !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .fusion-tb-header .kv-header-bar .fusion-layout-column,
  .fusion-tb-header .kv-header-bar .fusion-builder-column {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    align-self: center !important;
    float: none !important;
  }

  .fusion-tb-header .kv-header-bar .fusion-column-wrapper,
  .fusion-tb-header .kv-header-bar .fusion-column-content-centered {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Logo column: only as wide as logo */
  .fusion-tb-header .kv-header-bar .fusion-layout-column:first-child,
  .fusion-tb-header .kv-header-bar .fusion-builder-column:first-child {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 70% !important;
  }

  /* Menu column: push burger to the right, vertically centered */
  .fusion-tb-header .kv-header-bar .fusion-layout-column:last-child,
  .fusion-tb-header .kv-header-bar .fusion-builder-column:last-child {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .fusion-tb-header .kv-header-bar .awb-menu,
  .fusion-tb-header .kv-header-bar .fusion-menu,
  .fusion-tb-header .kv-header-bar nav {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  .fusion-tb-header .awb-menu__m-toggle,
  .fusion-tb-header .awb-menu__m-toggle-inner {
    margin: 0 !important;
    align-self: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .fusion-tb-header .kv-avada-logo,
  .fusion-tb-header .fusion-imageframe.kv-avada-logo {
    max-width: 168px !important;
    vertical-align: middle !important;
  }

  .fusion-tb-header .kv-avada-logo img,
  .fusion-tb-header .fusion-imageframe.kv-avada-logo img,
  .fusion-tb-header #kv-site-logo img,
  .fusion-tb-header img.wp-image-31495 {
    max-width: 168px !important;
    max-height: 36px !important;
  }

  /* Solid bar on mobile home – no transparent mess */
  body.home .fusion-tb-header .kv-header-bar.fusion-fullwidth {
    background-color: #011E3F !important;
    border-bottom: 2px solid #00A3E0 !important;
  }

  body.home .kv-avada-hero-slider .slide-content-container,
  body.home #kv-home-slider .slide-content-container {
    padding-top: 64px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 480px) {
  .fusion-tb-header .kv-header-bar.fusion-fullwidth,
  .fusion-tb-header .fusion-fullwidth.kv-header-bar {
    --awb-padding-top: 2px !important;
    --awb-padding-bottom: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .fusion-tb-header .kv-header-bar > .fusion-builder-row,
  .fusion-tb-header .kv-header-bar .fusion-builder-row-inner {
    min-height: 44px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .fusion-tb-header .kv-avada-logo,
  .fusion-tb-header .fusion-imageframe.kv-avada-logo {
    max-width: 140px !important;
  }

  .fusion-tb-header .kv-avada-logo img,
  .fusion-tb-header img.wp-image-31495 {
    max-width: 140px !important;
    max-height: 32px !important;
  }

  body.home .kv-avada-hero-slider .slide-content-container,
  body.home #kv-home-slider .slide-content-container {
    padding-top: 56px !important;
  }
}