/* Predigten-Suche + „Mehr laden" (/predigten). Nutzt die Webflow-Variablen der Seite. */
.predigt-suche { position: relative; margin: 0 0 2rem; }
.predigt-suche_feld {
  display: flex; align-items: center; gap: .9rem; margin: 0;
  padding: 1.1rem 1.4rem; background: #fff; cursor: text;
  border: var(--element-stroke, 2px) solid #000; border-radius: var(--border-radius, 1rem);
  box-shadow: 0 16px 40px -16px #00000033;
}
.predigt-suche_feld svg { flex: none; }
.predigt-suche_feld input {
  flex: 1; min-width: 0; border: 0; outline: 0; background: transparent;
  font: inherit; font-size: 1.25rem; line-height: 1.4; color: #000;
}
.predigt-suche_feld input::-webkit-search-cancel-button { cursor: pointer; }
.predigt-suche_feld:focus-within { box-shadow: 0 0 0 4px #ff670033, 0 16px 40px -16px #00000033; }

.predigt-suche_ergebnis {
  position: absolute; z-index: 50; left: 0; right: 0; top: calc(100% + .5rem);
  max-height: min(70vh, 40rem); overflow-y: auto; padding: .75rem;
  background: #fff; border: var(--element-stroke, 2px) solid #000;
  border-radius: var(--border-radius, 1rem); box-shadow: 0 32px 64px -12px #00000040;
}
.predigt-suche_gruppe {
  margin: .5rem .5rem .5rem; font-size: .75rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; color: #6b6b6b;
}
.predigt-suche_gruppe small { font-weight: 400; margin-left: .35rem; }
.predigt-suche_leer { margin: .75rem; color: #555; }

.predigt-suche_reihen { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: .6rem; margin-bottom: .5rem; }
.predigt-suche_reihe {
  position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: calc(var(--border-radius, 1rem) * .6); color: #fff; text-decoration: none; background: #222;
}
.predigt-suche_reihe img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
.predigt-suche_reihe span {
  position: absolute; inset: auto 0 0; padding: 1.5rem .6rem .5rem; font-weight: 700; font-size: .9rem; line-height: 1.2;
  background: linear-gradient(transparent, #000000c0);
}
.predigt-suche_reihe small { display: block; font-weight: 400; font-size: .75rem; opacity: .85; }

.predigt-suche_treffer {
  display: flex; align-items: center; gap: .9rem; padding: .5rem;
  border-radius: calc(var(--border-radius, 1rem) * .5); color: #000; text-decoration: none;
}
.predigt-suche_treffer img, .predigt-suche_platzhalter {
  flex: none; width: 6.5rem; aspect-ratio: 16 / 9; object-fit: cover; border-radius: .4rem; background: #eee;
}
.predigt-suche_treffer strong { display: block; font-size: 1rem; line-height: 1.3; }
.predigt-suche_treffer small { display: block; margin-top: .15rem; font-size: .8rem; color: #666; }

.predigt-suche_treffer:hover, .predigt-suche_treffer.is-aktiv { background: #f1f1f1; }
.predigt-suche_reihe:hover img, .predigt-suche_reihe.is-aktiv img { transform: scale(1.05); }
.predigt-suche_reihe.is-aktiv { outline: 3px solid #ff6700; outline-offset: 2px; }

.predigt-mehr { display: flex; justify-content: center; margin-top: 2.5rem; }

/* Reihe ohne eigenes Bild: schlichte Namenskachel im Format der Titelbilder */
.predigt-reihe_platzhalter {
  display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; width: 100%;
  padding: 1.5rem; background: #1b1b1b; color: #fff; text-align: center;
  font-weight: 700; font-size: 1.35rem; line-height: 1.2; text-transform: uppercase; letter-spacing: .02em;
}

@media (max-width: 767px) {
  .predigt-suche_feld { padding: .9rem 1rem; }
  .predigt-suche_feld input { font-size: 1.05rem; }
  .predigt-suche_ergebnis { max-height: 65vh; padding: .5rem; }
  .predigt-suche_treffer img, .predigt-suche_platzhalter { width: 5rem; }
}

/* Podcast-Icons zwischen Hero-Kasten und Ende des grauen Hero-Hintergrunds, oben = unten.
   top verschiebt ohne Layout-Wirkung um die halbe Differenz (je Breakpoint gemessen, ±3px). */
.predigt-podcasts { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; color: #000; position: relative; z-index: 2; top: 1.75rem; }
@media (max-width: 991px) { .predigt-podcasts { top: 1.625rem; } }
@media (max-width: 767px) { .predigt-podcasts { top: 2rem; } }
.predigt-podcasts a { display: flex; width: 3rem; height: 3rem; color: inherit; transition: opacity .2s; }
.predigt-podcasts a:hover { opacity: .6; }