/* Was ist Lichtimpuls: 4 statt 6 Kacheln (Feedback 16.09.2026) - Kurskarte und Behutsam-Kachel entfernt,
   Lichtstrahl-Bild durch das in Sand gezeichnete Vogel-B-Signet ersetzt. */
.bento.bento-4{grid-template-columns:1fr 1.08fr 1fr;grid-template-rows:auto auto;
  grid-template-areas:"impuls img lead" "impuls img quote"}
.bento-4 .b-lead{grid-area:lead}
.bento-4 .b-quote{justify-content:center}
.bento-4 .b-signet{margin:0;min-height:520px;background:url(/li/img/e-163d744c2f.jpg) center 50%/cover}
.bento-4 .b-signet::after{background:linear-gradient(0deg,rgba(12,38,41,.80) 0%,rgba(12,38,41,.52) 20%,rgba(12,38,41,0) 44%)}
.bento-4 .b-signet figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(20px,2.4vw,28px);
  display:flex;flex-direction:column;gap:8px;color:#F2FAF9}
.bento-4 .cap-k{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mint-soft)}
.bento-4 .cap-t{font-size:15.5px;line-height:1.5;font-weight:500;letter-spacing:-.005em;max-width:34ch}
@media(max-width:960px){
  .bento.bento-4{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"lead lead" "impuls img" "quote quote"}
  /* Signet im Anschnitt etwas hoeher setzen, damit die V-Spitze frei ueber der Bildlegende steht */
  .bento-4 .b-signet{min-height:480px;background-position:center 58%}
}
@media(max-width:600px){
  .bento.bento-4{grid-template-columns:1fr;grid-template-areas:"lead" "impuls" "img" "quote"}
  /* Hochformat behalten, sonst wird das Signet oben und unten angeschnitten */
  .bento-4 .b-signet{min-height:0;aspect-ratio:4/5}
}