/* MeerHeimatLiebe 2.5.2-r59
   Vollständiger, eigenständiger Startseiten- und WebP-Sammelstand.
   Enthält die weiterhin benötigten Regeln aus r52 und die Modulgestaltung aus r58. */

/* MeerHeimatLiebe Hintergrundregeln (aus r52)
   Ruhigeres Wasserzeichen, WebP-Fallbacks und Möwenmoment ohne Bildspalte. */

/* Das alte, ständig über dem Inhalt schwebende Zusatz-Wasserzeichen entfällt. */
body::before {
  display: none !important;
}

/* Dezentes, professionelles Wasserzeichen auf allen ausgelieferten Hintergründen. */
.site-backdrop::after {
  content: none !important;
  position: absolute !important;
  left: auto !important;
  right: clamp(.7rem, 1.25vw, 1.15rem) !important;
  bottom: clamp(.7rem, 1.25vw, 1.05rem) !important;
  z-index: 4 !important;
  padding: .28rem .58rem !important;
  border: 1px solid rgba(225, 248, 252, .16) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(3, 28, 42, .30), rgba(3, 44, 61, .18)) !important;
  color: rgba(246, 252, 253, .58) !important;
  box-shadow: 0 4px 16px rgba(0, 8, 15, .12), inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter: blur(7px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(7px) saturate(110%) !important;
  font-size: clamp(.56rem, .52rem + .1vw, .64rem) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
  opacity: .82 !important;
  pointer-events: none !important;
}

/* Möwenmoment nutzt nach dem Entfernen des Bildes die volle Kartenbreite. */
#moewenmoment.home-module--text {
  display: block !important;
}

#moewenmoment .home-module__body {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

/* Alte JPG-Verweise werden vollständig auf WebP umgebogen. */
.scene-home { --scene-image: url('../backgrounds/home.webp') !important; }
.scene-logbook { --scene-image: url('../backgrounds/logbook.webp') !important; }
.scene-gallery { --scene-image: url('../backgrounds/gallery.webp') !important; }
.scene-chat { --scene-image: url('../backgrounds/chat.webp') !important; }
.scene-downloads { --scene-image: url('../backgrounds/downloads.webp') !important; }
.scene-forum { --scene-image: url('../backgrounds/forum.webp') !important; }
.scene-contact { --scene-image: url('../backgrounds/contact.webp') !important; }
.scene-legal { --scene-image: url('../backgrounds/legal.webp') !important; }
.scene-privacy { --scene-image: url('../backgrounds/privacy.webp') !important; }
.scene-auth { --scene-image: url('../pastell-heimatliebe-sh.webp') !important; }
.scene-dashboard { --scene-image: url('../backgrounds/dashboard.webp') !important; }
.scene-generic { --scene-image: url('../backgrounds/generic.webp') !important; }

.feature-card:nth-child(1) { --feature-bg: url('../backgrounds/thumb-logbook.webp') !important; }
.feature-card:nth-child(2) { --feature-bg: url('../backgrounds/thumb-gallery.webp') !important; }
.feature-card:nth-child(3) { --feature-bg: url('../backgrounds/thumb-chat.webp') !important; }
.feature-card:nth-child(4) { --feature-bg: url('../backgrounds/thumb-forum.webp') !important; }
.feature-card:nth-child(5) { --feature-bg: url('../backgrounds/thumb-downloads.webp') !important; }
.feature-card:nth-child(6) { --feature-bg: url('../backgrounds/thumb-contact.webp') !important; }

.mhl-preloader {
  background-image: linear-gradient(rgba(7, 32, 48, .28), rgba(7, 18, 28, .64)), url('../backgrounds/preloader.webp') !important;
}




/* Zusammengeführte Startseitenmodule aus r50/r51 und r53-r58. */
/* MeerHeimatLiebe Modulregeln (aus r58)
   Selbststaendiger Sammelpatch fuer die fuenf Startseitenmodule.
   Enthaelt die Gestaltung aus r50/r51, die Modulbilder aus r53/r55
   sowie die entzerrte, responsive Kartenanordnung aus r56/r57. */

/* Gemeinsame Typografie und maritime Hinweise */
.scene-home .home-module--visual.is-expanded {
  display: grid !important;
  align-items: start !important;
  gap: 1.15rem !important;
}

.scene-home .home-module--visual.is-expanded > .home-module__body {
  grid-area: body;
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  gap: .86rem;
}

.scene-home .home-module--visual > .home-module__visual {
  display: none;
}

.scene-home .home-module--visual.is-expanded > .home-module__visual {
  grid-area: visual;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: contain !important;
  object-position: center center !important;
  align-self: start;
  justify-self: center;
  margin: 0 !important;
  border: 1px solid rgba(142, 225, 237, .22);
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(5, 42, 59, .88), rgba(3, 30, 45, .74)) !important;
  box-shadow: 0 14px 32px rgba(0, 8, 15, .24), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.scene-home .home-module--image-right.is-expanded {
  grid-template-columns: minmax(0, 1fr) clamp(290px, 29vw, 420px) !important;
  grid-template-areas: "body visual";
}

.scene-home .home-module--image-left.is-expanded {
  grid-template-columns: clamp(320px, 39vw, 500px) minmax(0, 1fr) !important;
  grid-template-areas: "visual body";
}

.scene-home .home-module__visual + .image-credit,
.scene-home .home-module__visual ~ .image-credit,
.scene-home .home-module--visual .media-watermark,
.scene-home .home-module--visual > .copyright-badge {
  display: none !important;
}

.scene-home .home-module--people.is-expanded .home-module__head,
.scene-home .home-module--downloads.is-expanded .home-module__head,
.scene-home .home-module--tide.is-expanded .home-module__head,
.scene-home .home-module--visual.is-expanded .home-module__head {
  padding-right: 3.25rem;
}

.scene-home .home-module .people-welcome,
.scene-home .home-module .home-module-kicker {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: .5rem .76rem;
  display: inline-flex !important;
  align-items: center;
  gap: .52rem;
  border: 1px solid rgba(248, 204, 103, .34);
  border-radius: 999px;
  color: #fff4cb;
  background: linear-gradient(135deg, rgba(139, 103, 28, .22), rgba(5, 48, 66, .74));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  font-size: .94rem;
  font-weight: 760;
  line-height: 1.35;
}

.scene-home .home-module .people-welcome .icon,
.scene-home .home-module .home-module-kicker .icon {
  flex: 0 0 auto;
  color: #ffd66f;
}

.scene-home .home-module .people-intro,
.scene-home .home-module .home-module-copy {
  max-width: 80ch;
  margin: 0;
  color: #e6f4f6;
  font-size: clamp(.98rem, .4vw + .88rem, 1.08rem);
  line-height: 1.68;
}

.scene-home .home-module .module-link {
  width: fit-content;
  margin-top: .12rem !important;
}

/* Menschen an Bord: bewusst breites, ruhiges 2x2-Raster */
.scene-home #menschen-an-bord.home-module--visual.is-expanded {
  grid-template-columns: minmax(620px, 1.4fr) clamp(300px, 27vw, 410px) !important;
  grid-template-areas: "body visual";
  gap: 1.25rem !important;
}

.scene-home #menschen-an-bord.home-module--visual.is-expanded > .home-module__body {
  gap: 1rem;
}

.scene-home #menschen-an-bord.home-module--visual.is-expanded > .home-module__visual {
  width: min(100%, 410px) !important;
}

.scene-home #menschen-an-bord .people-intro {
  max-width: 74ch;
}

.scene-home #menschen-an-bord .people-deck {
  width: 100%;
  margin: .1rem 0 .05rem;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(250px, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch;
}

.scene-home #menschen-an-bord .people-deck__item {
  min-width: 0;
  min-height: 138px;
  padding: 1rem 1.05rem;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: .95rem;
  border: 1px solid rgba(117, 218, 233, .29);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(17, 77, 98, .62), rgba(3, 34, 50, .8));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 11px 25px rgba(0, 0, 0, .14);
}

.scene-home #menschen-an-bord .people-deck__icon {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 214, 111, .48);
  border-radius: 999px;
  color: #ffd66f;
  background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .14), rgba(9, 65, 82, .74) 48%, rgba(2, 31, 46, .94));
  box-shadow: 0 8px 20px rgba(0, 0, 0, .2), 0 0 18px rgba(108, 224, 239, .07);
  flex: 0 0 56px;
}

.scene-home #menschen-an-bord .people-deck__item > span:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.scene-home #menschen-an-bord .people-deck__item strong {
  display: block;
  color: #f8fcfd;
  font-size: 1.08rem;
  line-height: 1.24;
}

.scene-home #menschen-an-bord .people-deck__item small {
  display: block;
  color: #cfe6ea;
  font-size: .96rem;
  line-height: 1.55;
}

/* Drei maritime Hinweiskarten in den weiteren Modulen */
.scene-home .home-module .home-module-notes {
  margin: .05rem 0 .1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
}

.scene-home .home-module .home-module-note {
  min-width: 0;
  min-height: 98px;
  padding: .76rem;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: .66rem;
  border: 1px solid rgba(117, 218, 233, .24);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(17, 77, 98, .56), rgba(3, 34, 50, .8));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 9px 22px rgba(0, 0, 0, .12);
}

.scene-home .home-module .home-module-note__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 214, 111, .43);
  border-radius: 50%;
  color: #ffd66f;
  background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .13), rgba(9, 65, 82, .72) 48%, rgba(2, 31, 46, .92));
  box-shadow: 0 7px 17px rgba(0, 0, 0, .18), 0 0 16px rgba(108, 224, 239, .06);
}

.scene-home .home-module .home-module-note > span:last-child {
  min-width: 0;
  display: grid;
  gap: .24rem;
}

.scene-home .home-module .home-module-note strong {
  color: #f8fcfd;
  font-size: .96rem;
  line-height: 1.25;
}

.scene-home .home-module .home-module-note small {
  color: #c9e2e7;
  font-size: .84rem;
  line-height: 1.46;
}

.scene-home #sh-reportage.home-module--visual.is-expanded .home-module-notes {
  grid-template-columns: 1fr;
}

.scene-home #sh-reportage.home-module--visual.is-expanded .home-module-note {
  min-height: 0;
}

.scene-home .home-module--tide .home-tide-live {
  padding: .76rem .84rem;
  display: grid;
  gap: .22rem;
  border-left: 3px solid rgba(255, 214, 111, .8);
  border-radius: 0 12px 12px 0;
  background: rgba(5, 48, 66, .62);
}

.scene-home .home-module--tide .home-tide-live .home-tide-state,
.scene-home .home-module--tide .home-tide-live .home-tide-summary {
  display: block !important;
}

.scene-home .home-module--tide .home-tide-live .home-tide-state {
  color: #fff4cb;
}

.scene-home .home-module--tide .home-tide-live .home-tide-summary {
  color: #d6eaee;
  line-height: 1.5;
}





/* Unterhalb dieser Breite bekommt Menschen an Bord die volle Textbreite.
   Das Bild steht zentriert darueber, das Kartenraster bleibt zweispaltig. */