/* Gemeinsames Kopfband (Hero) fuer Seiten ohne eigenen Hero */
.ev-hero { position: relative; overflow: hidden; background: var(--navy); color: var(--white); border-radius: 0 0 36px 36px; }
.ev-hero::after { content: ""; position: absolute; right: max(-40px, -3vw); top: -60px; width: min(340px, 40vw); height: 120%; background: url("/user/assets/squiggle.png") center/contain no-repeat; opacity: .22; pointer-events: none; }
.ev-hero-in { position: relative; z-index: 1; max-width: 1120px; margin: 0 auto; padding: clamp(20px, 3vw, 40px) max(24px, 4vw) clamp(40px, 5vw, 72px); }
.ev-hero { padding-top: 96px; }
.ev-hero .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; min-height: 96px; padding: 0 max(24px, 4vw); max-width: none; transition: background-color .35s ease, box-shadow .35s ease, min-height .35s ease; }
.ev-hero .site-header .logo { height: 48px; filter: brightness(0) invert(1); transition: height .35s ease; }
.ev-hero .site-header.is-scrolled { background: rgba(23,23,38,.82); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); box-shadow: 0 1px 0 rgba(182,214,241,.14); min-height: 62px; }
.ev-hero .site-header.is-scrolled .logo { height: 32px; }
.ev-hero .site-header nav a { opacity: .85; }
.ev-hero .tag { color: var(--white); }
.ev-hero h1 { color: var(--white); margin-bottom: 12px; }
.ev-hero h1 em { color: var(--ice); }
.ev-hero .sub { color: rgba(255,255,255,.78); margin-bottom: 26px; }
@media (max-width: 560px) {
  .ev-hero { padding-top: 104px; }
  .ev-hero .site-header, .ev-hero .site-header.is-scrolled { min-height: 0; padding: 14px 16px 6px; }
  .ev-hero .site-header .logo { height: 38px; }
  .ev-hero .site-header.is-scrolled .logo { height: 28px; }
}
.ev-hero + main { padding-top: clamp(28px, 4vw, 44px); }
.ev-hero .ev-hero-in > :last-child { margin-bottom: 0; }