/* Keep service and price visible before the team portrait on small screens. */
@media (max-width:800px) {
 .page-home .hero-home.hero-duo {display:flex;flex-direction:column;}
 .page-home .hero-home.hero-duo .hero-grid {order:1;}
 .page-home .hero-home.hero-duo .hero-copy {padding:28px 0 24px;}
 .page-home .hero-home.hero-duo .hero-copy h1 {font-size:clamp(2rem,8.6vw,2.7rem);line-height:1.08;margin-top:0;}
 .page-home .hero-home.hero-duo .hero-lead {font-size:17px;line-height:1.6;}
 .page-home .hero-home.hero-duo .hero-team-photo {order:2;position:relative;inset:auto;z-index:0;height:270px;width:100%;}
 .page-home .hero-home.hero-duo .hero-team-photo img {height:270px;object-fit:cover;object-position:center 30%;}
 .page-home .hero-home.hero-duo .hero-team-overlay {display:none;}
}

/* Long German headings and review links must also fit 320-pixel screens. */
@media (max-width:400px) {
 main h1, main h2, main h3 {overflow-wrap:anywhere;}
 .reviews-layout > *, .review-cards > * {min-width:0;}
 .reviews-intro .btn {white-space:normal;max-width:100%;}
 .review-card-caption > span {min-width:0;overflow-wrap:anywhere;}
}