/* Cache-safe priority layer for the RETTWI child template */
.container-header {
  min-height: 78px !important;
  padding-inline: max(24px, calc((100vw - 1240px) / 2)) !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
}
.container-header > .container-nav { min-height: 78px !important; }
.container-header .brand-logo {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 0 !important;
}
.container-header .brand-logo::before { display: none !important; }
.container-header .brand-logo > span:first-of-type,
.container-header .site-title { grid-column: 1 !important; font-size: 0 !important; }
.container-header .brand-logo > span:first-of-type::before,
.container-header .site-title::before { content: "FS" !important; color: #071d42 !important; font-size: 25px !important; }
.container-header .brand-logo > span:first-of-type::after,
.container-header .site-title::after { content: "RETTWI" !important; color: #cf242d !important; font-size: 25px !important; }
.container-header .site-description { grid-column: 1 !important; margin-top: 6px !important; font-size: 8px !important; white-space: nowrap !important; }
.container-header .mod-menu > li > a { padding: 25px 11px 23px !important; font-size: 13px !important; }

.rettwi-hero,
.rettwi-hero__inner { min-height: 560px !important; }
.rettwi-hero__inner { padding-top: 66px !important; padding-bottom: 104px !important; }
.rettwi-hero__visual {
  top: 0 !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(4,20,46,.96) 0%, rgba(4,20,46,.88) 33%, rgba(4,20,46,.46) 56%, rgba(4,20,46,.08) 100%), url('/images/hero-rettungswissenschaften.jpg') center / cover no-repeat !important;
}
.rettwi-hero__visual::before,
.rettwi-person,
.rettwi-light { display: none !important; }
.rettwi-hero h1 { max-width: 720px !important; font-size: clamp(48px, 4.4vw, 68px) !important; }

.rettwi-quicknav { max-width: 1240px !important; padding: 18px 10px !important; }
.rettwi-quicknav a {
  min-height: 88px !important;
  padding: 10px 18px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  column-gap: 13px !important;
  row-gap: 3px !important;
}
.rettwi-quicknav__icon { grid-column: 1 !important; grid-row: 1 / 3 !important; width: 42px !important; height: 42px !important; }
.rettwi-quicknav a > span:last-child { display: contents !important; }
.rettwi-quicknav strong { grid-column: 2 !important; grid-row: 1 !important; font-size: 14px !important; }
.rettwi-quicknav small { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; font-size: 11px !important; }

.rettwi-section { max-width: 1240px !important; }
.rettwi-join {
  margin-top: 74px !important;
  padding: 34px max(28px, calc((100vw - 1240px) / 2)) !important;
  grid-template-columns: minmax(320px, 1.55fr) repeat(3, minmax(170px, 1fr)) !important;
  gap: 24px !important;
}
.rettwi-join__lead { padding-right: 18px !important; }
.rettwi-join__benefit { min-height: 82px !important; padding-left: 22px !important; border-left: 1px solid rgba(255,255,255,.15) !important; }

.footer .grid-child { width: 100% !important; max-width: none !important; }
.rettwi-footer {
  box-sizing: border-box !important;
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: 46px 0 52px !important;
  grid-template-columns: 1.45fr .85fr .75fr 1fr !important;
  gap: clamp(34px, 5vw, 72px) !important;
}
.rettwi-footer__brand { max-width: 340px !important; }

@media (max-width: 1080px) {
  .container-header { grid-template-columns: 210px minmax(0, 1fr) !important; }
  .container-header .mod-menu > li > a { padding-inline: 8px !important; font-size: 12px !important; }
  .rettwi-quicknav { margin-inline: 24px !important; }
  .rettwi-join { grid-template-columns: 1.5fr 1fr 1fr !important; }
  .rettwi-join__benefit:last-child { grid-column: 2 / 4 !important; }
}

@media (max-width: 900px) {
  .container-header { min-height: 74px !important; padding-inline: 22px !important; grid-template-columns: 1fr auto !important; }
  .container-header > .container-nav { min-height: 74px !important; }
  .rettwi-hero,
  .rettwi-hero__inner { min-height: 610px !important; }
  .rettwi-quicknav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .rettwi-quicknav a:last-child { grid-column: 1 / -1 !important; }
  .rettwi-join { grid-template-columns: 1fr 1fr !important; }
  .rettwi-join__lead { grid-column: 1 / -1 !important; }
  .rettwi-join__benefit:last-child { grid-column: auto !important; }
  .rettwi-footer { grid-template-columns: 1.3fr 1fr !important; }
}

@media (max-width: 600px) {
  .container-header .brand-logo > span:first-of-type::before,
  .container-header .site-title::before,
  .container-header .brand-logo > span:first-of-type::after,
  .container-header .site-title::after { font-size: 22px !important; }
  .rettwi-hero__inner { padding-top: 54px !important; }
  .rettwi-hero h1 { font-size: clamp(39px, 11.5vw, 50px) !important; }
  .rettwi-quicknav { margin-inline: 16px !important; grid-template-columns: 1fr !important; }
  .rettwi-quicknav a,
  .rettwi-quicknav a:last-child { grid-column: auto !important; }
  .rettwi-join { grid-template-columns: 1fr !important; }
  .rettwi-join__lead,
  .rettwi-join__benefit:last-child { grid-column: auto !important; }
  .rettwi-join__benefit { padding: 20px 0 0 !important; border-top: 1px solid rgba(255,255,255,.15) !important; border-left: 0 !important; }
  .rettwi-footer { width: calc(100% - 36px) !important; grid-template-columns: 1fr !important; gap: 28px !important; }
}
