/* Child-Theme-Logo ersetzt Site-Titel-Text (assets/logo-staysafe-15-jahre.png) */
#masthead .staysafe-site-logo-img,
#masthead .ast-site-identity-wrap .staysafe-site-logo-img,
#masthead .site-branding .staysafe-site-logo-img {
  max-height: clamp(38px, 7.5vw, 52px);
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 8px;
}

#masthead .ast-site-identity-wrap .site-title {
  line-height: 1;
  margin: 0;
}

#masthead .ast-site-identity-wrap .site-title a {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

/* Front page: masthead over full-bleed hero (topbar stays solid + fixed) */
body.staysafe-hero-under-nav.ast-theme-transparent-header {
  --staysafe-primary-header-height: 72px;
}

@media (max-width: 921px) {
  body.staysafe-hero-under-nav.ast-theme-transparent-header {
    --staysafe-primary-header-height: 64px;
  }
}

body.staysafe-hero-under-nav.ast-theme-transparent-header #masthead {
  position: fixed;
  top: var(--staysafe-topbar-height);
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  z-index: 100000;
  background: transparent;
}

body.admin-bar.staysafe-hero-under-nav.ast-theme-transparent-header #masthead {
  top: calc(32px + var(--staysafe-topbar-height));
}

@media screen and (max-width: 782px) {
  body.admin-bar.staysafe-hero-under-nav.ast-theme-transparent-header #masthead {
    top: calc(46px + var(--staysafe-topbar-height));
  }
}

body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  .ast-primary-header-bar,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  .ast-above-header-bar,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  .ast-below-header-bar,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  .ast-mobile-header-wrap .ast-primary-header-bar {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header #content .elementor-element-2a07898,
body.staysafe-hero-under-nav.ast-theme-transparent-header #content .e-con.e-parent:first-child {
  min-height: min(100vh, 920px);
}

body.staysafe-hero-under-nav.ast-theme-transparent-header .elementor-element-2a07898 > .e-con,
body.staysafe-hero-under-nav.ast-theme-transparent-header
  #content
  .e-con.e-parent:first-child
  > .e-con:first-child {
  padding-top: calc(
    var(--staysafe-topbar-height) + var(--staysafe-primary-header-height) + clamp(16px, 4vw, 32px)
  ) !important;
}

/* Hero-Innenzeile: Text weiter links, Bild unten bündig mit Sektion (kein Extra-Padding unten) */
body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898
  .staysafe-hero-ref-row.e-con {
  padding-left: clamp(8px, 1.5vw, 20px) !important;
  padding-right: clamp(12px, 2vw, 24px) !important;
  padding-bottom: 0 !important;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898
  .staysafe-hero-ref-row
  .elementor-widget-html {
  padding-bottom: clamp(20px, 4vw, 40px);
}

/* Hero: Innencontainer füllt Höhe unter Header; Hero-Zeile wächst — Bildspalte align-end sitzt am unteren Sektionsrand */
body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898.e-con.e-parent {
  display: flex;
  flex-direction: column;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898.e-con
  > .e-con-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: calc(
    min(100vh, 920px) - var(--staysafe-topbar-height) - var(--staysafe-primary-header-height) -
      clamp(16px, 4vw, 32px)
  );
}

body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898
  .staysafe-hero-ref-row.e-con {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898
  .staysafe-hero-ref-row
  > .e-con-inner {
  flex: 1 1 auto;
  min-height: 0;
  align-items: stretch;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header .elementor-element-2a07898,
body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898.e-con
  > .e-con-inner,
body.staysafe-hero-under-nav.ast-theme-transparent-header
  .elementor-element-2a07898
  .staysafe-hero-ref-row.e-con {
  overflow: visible;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header .staysafe-hero-ref__inner {
  padding-top: max(
    clamp(32px, 6vw, 72px),
    calc(var(--staysafe-topbar-height) + var(--staysafe-primary-header-height) + 20px)
  );
}

/* Transparent header: Navigation lesbar (Astra Dynamic CSS) */
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked)) #masthead .site-title,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked)) #masthead .site-title a,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .ast-site-identity-wrap
  .site-title
  a {
  color: #f8fafc !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 18px rgba(0, 0, 0, 0.4);
}

body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .staysafe-site-logo-img {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.88)) drop-shadow(0 0 18px rgba(0, 0, 0, 0.5));
}

body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .main-header-menu
  > .menu-item
  > .menu-link {
  color: #f8fafc !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.78), 0 0 22px rgba(0, 0, 0, 0.45);
}

body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .main-header-menu
  > .menu-item:hover
  > .menu-link,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .main-header-menu
  > .menu-item:focus-within
  > .menu-link {
  color: #fdba74 !important;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .main-header-menu
  > .menu-item.current-menu-item
  > .menu-link,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .main-header-menu
  > .menu-item.current-menu-ancestor
  > .menu-link {
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: inset 0 -3px 0 #d87027;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .ast-button-wrap
  .menu-toggle,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .menu-toggle {
  color: #f8fafc !important;
}

body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .ast-button-wrap
  .menu-toggle
  .ast-mobile-svg,
body.staysafe-hero-under-nav.ast-theme-transparent-header:not(:has(.ast-header-sticked))
  #masthead
  .menu-toggle
  .ast-mobile-svg {
  fill: #f8fafc !important;
}