/* MeerHeimatLiebe 2.5.2-r65
   - positioniert maritime Schliessen-Schaltflaechen wieder sicher oben rechts
   - verkleinert und zentriert die wechselnden Symbole
   - zeigt im Markenbereich genau eine Schleswig-Holstein-Flagge */

:root {
  --mhl-close-r65-size: 2.1rem;
  --mhl-close-r65-icon-size: 1.08rem;
}

/* Die historische kleine Flagge in der Unterzeile darf nicht parallel zur
   animierten Flagge direkt neben dem Titel erscheinen. */
.site-header .brand-copy > small .sh-flag,
.site-header .brand-copy > small .sh-flag--tiny {
  display: none !important;
}

/* Falls alte Skripte mehrfach gelaufen sind, bleibt nur die erste Titel-Flagge sichtbar. */
.site-header .brand-copy > .mhl-brand-flag ~ .mhl-brand-flag {
  display: none !important;
}

/* Alle maritimen Schliessen-Schaltflaechen etwas kompakter und exakt zentriert. */
.mhl-close-rethemed {
  inline-size: var(--mhl-close-r65-size) !important;
  block-size: var(--mhl-close-r65-size) !important;
  width: var(--mhl-close-r65-size) !important;
  height: var(--mhl-close-r65-size) !important;
  min-inline-size: var(--mhl-close-r65-size) !important;
  min-block-size: var(--mhl-close-r65-size) !important;
  min-width: var(--mhl-close-r65-size) !important;
  min-height: var(--mhl-close-r65-size) !important;
  max-inline-size: var(--mhl-close-r65-size) !important;
  max-block-size: var(--mhl-close-r65-size) !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.mhl-close-rethemed > .mhl-close-shell {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  width: var(--mhl-close-r65-icon-size) !important;
  height: var(--mhl-close-r65-icon-size) !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  display: grid !important;
  place-items: center !important;
  line-height: 0 !important;
  transform-origin: 50% 50%;
}

.mhl-close-rethemed > .mhl-close-shell svg {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  display: block !important;
  transform-origin: 50% 50%;
}

/* r64 setzte position:relative auf alle Schliessen-Schaltflaechen. Fuer die
   dynamisch von r40 erzeugten Startseitenkarten muss der Button jedoch absolut
   in der rechten oberen Ecke der Karte liegen. */
.scene-home .home-module[data-home-module-card] {
  position: relative !important;
}

.scene-home .home-module[data-home-module-card] > .home-module__close.mhl-close-rethemed,
.scene-home .home-module[data-home-module-card] > [data-home-close].mhl-close-rethemed,
.scene-home .home-module[data-home-module-card] .home-module__close.mhl-close-rethemed {
  position: absolute !important;
  inset: 0.58rem 0.58rem auto auto !important;
  top: 0.58rem !important;
  right: 0.58rem !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  align-self: auto !important;
  justify-self: auto !important;
  grid-area: auto !important;
  z-index: 40 !important;
}

/* Bilddialoge bleiben ebenfalls sauber in ihrer rechten oberen Ecke. */
.gallery-lightbox > .gallery-lightbox__close.mhl-close-rethemed,
.gallery-lightbox > [data-lightbox-close].mhl-close-rethemed {
  position: absolute !important;
  inset: 0.7rem 0.7rem auto auto !important;
  top: 0.7rem !important;
  right: 0.7rem !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  z-index: 50 !important;
}