/* Public homepage only: approved Mockup-Final-Online-Site. */
.home .site-header { background-image:url('../images/header-smal-neu.png'); background-size:100% auto; background-position:center; }
.home .site-header .primary-nav { text-shadow:none; }
.home .home-photo-hero .hero-grid { top:62%; bottom:auto; left:3%; width:59%; text-align:center; }
.home .home-photo-hero .hero-actions { justify-content:center; margin-top:22px; }
.home .home-waters { width:calc(100% - 120px); grid-template-columns:390px minmax(0,1fr); gap:32px; padding-block:88px 94px; align-items:center; }
.home .mockup-tiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-right:-28px; }
.home .mockup-tile { display:block; aspect-ratio:1; border-radius:28px; background-image:url('../images/kacheln.webp'); background-repeat:no-repeat; background-size:412% auto; background-position-y:44%; }
.home .tile-waters { background-position-x:1.4%; }
.home .tile-tours { background-position-x:33.8%; }
.home .tile-gallery { background-position-x:66.2%; }
.home .tile-downloads { background-position-x:98.6%; }
.home .mockup-tile:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.home .home-about { width:calc(100% - 120px); grid-template-columns:570px minmax(0,1fr); gap:80px; padding-block:195px 180px; border-top:0; }
.home .mockup-person { position:relative; aspect-ratio:740 / 428; overflow:hidden; border-radius:18px; margin-left:-18px; }
.home .mockup-person img { position:absolute; width:103.784%; max-width:none; height:auto; left:-2.162%; top:-9.579%; }
.home .home-content { padding-bottom:0; }
.home .home-inner-background { padding-bottom:82px; background:linear-gradient(rgba(0,20,40,.55),rgba(0,20,40,.55)),url('../images/flussangler-startseite-hintergrund-1920x1080.webp') center / cover no-repeat; }
.home .site-footer { background:linear-gradient(to bottom,rgba(8,17,31,.55),#08111f 78%),url('../images/natur-banner-neu.webp') center 160% / cover no-repeat; padding-block:48px 24px; }
.home .site-footer .brand-tagline { font-size:14px; }
@media (max-width:1199px) {
  .home .site-header { background-image:none; }
  .home .home-waters { width:calc(100% - 48px); grid-template-columns:1fr; }
  .home .mockup-tiles { margin-right:0; }
  .home .home-about { width:calc(100% - 48px); grid-template-columns:1fr 1fr; gap:40px; padding-block:100px; }
  .home .mockup-person { margin-left:0; }
}
@media (max-width:767px) {
  .home .home-photo-hero .hero-grid { position:static; width:auto; }
  .home .mockup-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home .home-about { grid-template-columns:1fr; padding-block:64px; }
  .home .home-waters { padding-block:56px; }
  .home .home-inner-background { padding-bottom:56px; }
}