/* Hero-Korrektur: Text links, vollständige Kirche rechts, keine Leerstelle oberhalb des Inhalts. */
.hero { min-height: 690px; align-items: center; }
.hero-image { inset: 0 0 auto auto; width: auto; height: 100%; max-width: 63%; min-height: 0; object-fit: contain; object-position: right center; opacity: .85; }
.hero-overlay { background: linear-gradient(90deg, rgba(17,18,15,.99) 0%, rgba(17,18,15,.96) 43%, rgba(17,18,15,.66) 57%, rgba(17,18,15,.18) 83%, rgba(17,18,15,.08) 100%); }
.hero-content { width: min(44rem, 50%); margin-left: max(30px, 5vw); margin-right: 0; padding: 68px 0; }
.hero-gold-angle { display: none; }
.hero .eyebrow:before { display: none; }
.hero-image-mobile { display: none; }
.about-media .gold-block { left: 28px; top: 28px; width: 80%; height: 84%; background: #f2efe5; }
.about-media .portrait { border-radius: 0; background: transparent; object-fit: contain; box-shadow: none; filter: drop-shadow(0 20px 28px rgba(0,0,0,.24)); }
@media (max-width: 640px) {
  .hero { min-height: 0; align-items: start; }
  .hero-image { display: none; }
  .hero-image-mobile { display: block; width: 100%; height: auto; margin-top: 2.5rem; border-top: 1px solid rgba(246,197,21,.5); }
  .hero-overlay { background: linear-gradient(180deg, rgba(17,18,15,.98) 0%, rgba(17,18,15,.92) 58%, rgba(17,18,15,.61) 100%); }
  .hero-content { width: min(100% - 40px, 1180px); margin: auto; padding-top: 68px; padding-bottom: 58px; }
}

/* Über mich: nur das freigestellte Portrait, ohne Karte oder Hintergrundblock. */
.about-media { min-height: 360px; display: flex; align-items: center; }
.about-media .portrait { width: 100%; max-width: 470px; height: auto; }
.about-media figure { display: none; }