/* FestiTale 1.8.5 — compact demo mission and visible feature notes. */

/* Keep the mission at its natural content height. Some inherited article/footer
   rules otherwise stretch the final row and leave the copy floating in space. */
.brand-home .ft1716-demo-body {
  grid-template-columns: minmax(250px, .54fr) minmax(520px, 1.46fr);
  gap: 32px;
}

.brand-home .ft1716-demo .ft178-mission {
  align-self: start !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.brand-home .ft1716-demo .ft178-mission-row,
.brand-home .ft1716-demo .ft178-mission-row--success {
  height: auto !important;
  min-height: 0 !important;
}

.brand-home .ft1716-demo .ft178-mission-row--success {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  align-items: center !important;
}

.brand-home .ft1716-demo .ft178-mission-row--success > div {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

.brand-home .ft1716-demo .ft178-mission-row--success b {
  margin: 2px 0 0 !important;
}

.brand-home .ft1716-demo .ft178-mission-row--success span {
  max-width: 58ch;
}

/* The three notes are real labelled benefits, not decorative icon pills. */
.brand-home .ft1716-demo .ft178-notes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.brand-home .ft1716-demo .ft178-notes li {
  min-width: 0 !important;
  width: auto !important;
  justify-content: flex-start !important;
  padding: 10px 12px !important;
}

.brand-home .ft1716-demo .ft178-notes li span {
  display: block !important;
  overflow: visible !important;
  color: #12344c !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: normal !important;
}

@media (max-width: 1120px) {
  .brand-home .ft1716-demo-body {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .brand-home .ft1716-demo .ft178-mission-row--success > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .brand-home .ft1716-demo .ft178-mission-row--success b {
    margin: 0 0 5px !important;
  }

  .brand-home .ft1716-demo .ft178-notes {
    grid-template-columns: 1fr !important;
  }
}

/* ---------------------------------------------------------------
   FES-WEB-VIS-06 · Das Ahrensburg-Bild füllt seinen Rahmen (03.09.2026)

   Angehängt. Nichts darüber wurde verändert.
   Rücknahme: diesen Block bis zum Dateiende löschen.

   Befund: home-layout-1716.css Zeile 199 setzt für dieses eine Bild
   object-fit:contain mit dunkelblauem Hintergrund. Das Bild wurde
   dadurch in den Rahmen eingepasst statt eingebaut — daher der
   umlaufende Rand. Unter 761 Pixel Fensterbreite war das bereits
   durch mobile-finish-1717.css korrigiert, darüber nicht.

   Diese Datei wird als letzte geladen; die Regel gewinnt zusätzlich
   über die Spezifitaet und ist deshalb von der Ladereihenfolge
   unabhaengig.
   --------------------------------------------------------------- */
@media (min-width: 761px) {
  body.brand-2026 .brand-home .ft1716-outdoor figure img {
    object-fit: cover;
    object-position: center 60%;
  }
}