/* 3.6.151: Original photograph; real backdrop blur keeps content crisp. */
/* Content defines the desktop image height: crop at the bottom, keep 24px below the panel. */
@media (min-width:768px) {
 body.home #main-content.site-main #startseite.hero { min-height:0!important; height:auto!important; padding:0!important; background:#071b26!important; }
 body.home #main-content.site-main #startseite.hero .hero-media img { object-fit:cover!important; object-position:50% 0%!important; transform:none!important; filter:saturate(.82) contrast(1.03)!important; }
 body.home #main-content.site-main #startseite.hero::before { display:block!important; content:''!important; background:linear-gradient(90deg,rgba(8,26,45,.82),transparent 24%,transparent 76%,rgba(8,26,45,.82)),linear-gradient(180deg,rgba(8,26,45,.23),rgba(8,26,45,.30) 55%,rgba(8,26,45,.18))!important; }
 body.home #main-content.site-main #startseite.hero::after { background:none!important; }
 body.home #main-content.site-main #startseite.hero .hero-content { width:90%!important; max-width:none!important; padding-inline:0!important; padding-top:96px!important; padding-bottom:24px!important; }
 body.home #main-content.site-main #startseite.hero .hero-copy { width:100%!important; max-width:none!important; box-sizing:border-box!important; background:linear-gradient(90deg,rgba(12,34,55,.38),rgba(12,34,55,.22) 22%,rgba(12,34,55,.22) 78%,rgba(12,34,55,.38))!important; border:1px solid rgba(211,232,247,.55)!important; border-radius:26px!important; -webkit-backdrop-filter:blur(3px) saturate(110%)!important; backdrop-filter:blur(3px) saturate(110%)!important; box-shadow:0 24px 65px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important; }
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.home #main-content.site-main #startseite.hero .hero-copy {background:rgba(12,34,55,.62)!important;}
 }
}

/* Header 84px (768-1599px) bzw. 92px (ab 1600px); Hero liegt per Negativrand unter der Kopfzeile: sichtbarer Abstand zur Glasfläche 12px. */
@media (min-width:1600px) {
 body.home #main-content.site-main #startseite.hero .hero-content { padding-top:104px!important; }
}

/* Einheitliche, kräftigere Typografie nur im Desktop-Glasrahmen; mobil gilt wieder die Standardschrift des Themes. */
@media (min-width:768px) {
 body.home #main-content.site-main #startseite.hero .hero-copy,
 body.home #main-content.site-main #startseite.hero .hero-copy :is(h1,h2,p,span,a,li,strong,small) {
  font-family:Arial,Helvetica,sans-serif!important;
 }
 /* The eyebrow keeps its original theme accent color and text fill. */
 body.home #main-content.site-main #startseite.hero .hero-copy :is(h1,h1 span,.lead,.hero-credentials li,.hero-credentials li span) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
 }
 body.home #main-content.site-main #startseite.hero .hero-copy :is(h1,h1 span,.eyebrow,.lead,.hero-credentials li,.hero-credentials li span) {
  opacity:1!important;
  text-shadow:0 2px 4px rgba(3,14,24,.95),0 0 16px rgba(3,14,24,.65)!important;
 }
 body.home #main-content.site-main #startseite.hero .hero-copy :is(h1,.hero-title__primary,.hero-title__secondary) { font-weight:700!important; }
 body.home #main-content.site-main #startseite.hero .hero-copy :is(.eyebrow,.lead,.hero-credentials li,.hero-credentials li span) { font-weight:600!important; }
 body.home #main-content.site-main #startseite.hero .hero-copy .hero-actions a { font-weight:700!important; }
}
