/* Neue Startseite (Weiterentwicklung, Konzept 10.11.2026)
   Nur geladen auf Seiten mit Feld lm_startseite_neu = 1 (Body-Klasse lm-startseite-neu), siehe hooks/startseite.php.
   Kopf, Megamenü und Footer bleiben unverändert (Theme Builder), hier wird nichts davon überschrieben.

   Grundsatz (Nutzer-Vorgabe 10.11.2026): Schriften, Farben und Abstände kommen aus dem globalen Design-System.
   - Schrift:  Global Fonts des Kits (--e-global-typography-lm…), Fließtext erbt die Body-Schrift (lmtext, #5F5959)
   - Farben:   Global Colors des Kits (--e-global-color-…)
   - Knöpfe:   Elementor-Button-Markierung, Stil aus dem Kit (lmbutton, Rot/Weiß)
   - Abstände: Blockabstand über --lm-block-abstand an den Elementor-Abschnitten, sonst Elementor-Widgetabstand
   Eigene Werte gibt es nur für den inneren Aufbau der automatischen Bausteine (Raster, Linien, Kreise, Karte).
-----------------------------------------------------------------------------------------------------*/
.lm-startseite-neu{
  --lm-rot:var(--e-global-color-ff51695,#B70000);
  --lm-dunkel:var(--e-global-color-3d5fc400,#4B4646);
  --lm-grau:var(--e-global-color-79b6df38,#707070);
  --lm-linie:var(--e-global-color-27b40c09,#B7B4B4);
  --lm-flaeche:var(--e-global-color-e859e7d,#F2F2F2);
  --lm-hell:var(--e-global-color-347c79e4,#DDDDDD);
  --lm-punktlinie:2px dotted var(--lm-linie);
}
.lm-a-detail,.lm-termin-meta,.lm-live-art,.lm-live-meta,.lm-tipp,.lm-karte-hinweis{
  font-size:var(--e-global-typography-lmklein-font-size);line-height:var(--e-global-typography-lmklein-line-height)
}

/* ---------- Slider: Bildschirmhöhe, Text links, Abdunklung zur Seite, Leiste am unteren Rand ----------
   Schrift und Knopf des Sliders sind im Slides-Widget auf die Globals gestellt (lmh1, lmintro, lmbutton, Rot). */
.lm-startseite-neu .lm-held{position:relative}
/* Leiste liegt absolut am Slider-Rand: kein Widgetabstand unter dem Slider, sonst ragt sie 15 px über den Bildschirm */
.lm-startseite-neu .lm-held .elementor-widget-slides{margin-bottom:0!important}
/* Höhe: Elementor → Slider → Höhe (calc(100svh - 15px), Tablet/Handy calc(100svh - 85px)). Hier nur Mindesthöhe und Admin-Leiste. */
.lm-startseite-neu .lm-held .elementor-widget-slides .swiper-slide{min-height:520px}
.lm-startseite-neu.admin-bar .lm-held .elementor-widget-slides .swiper-slide{height:calc(100svh - 47px)!important}
.lm-startseite-neu .lm-held .swiper-slide-inner{
  background:linear-gradient(90deg,rgba(62,34,18,.85) 0%,rgba(84,48,24,.62) 36%,rgba(120,72,36,.18) 60%,rgba(120,72,36,0) 72%)!important;
  padding:0 max(20px,calc((100% - 1140px)/2 + 20px)) calc(var(--lm-leiste-h,150px) + 48px)!important;
}
.lm-startseite-neu .lm-held .swiper-pagination{bottom:calc(var(--lm-leiste-h,150px) + 16px)!important}

/* Leitzeile: echte H1 nur für Suchmaschinen und Screenreader; sichtbare Kopie setzt js/startseite.js in die Folien (nur Desktop) */
.lm-startseite-neu .lm-leitzeile-h1{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lm-startseite-neu .lm-leitzeile{display:none}
@media (min-width:1025px){
  .lm-startseite-neu .lm-leitzeile{display:inline-block;margin:0 0 12px;padding:7px 14px 6px;background:rgba(48,30,20,.55);border-radius:2px;color:#fff;font-size:var(--e-global-typography-lmdach-font-size);font-weight:400;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}
}
@media (max-width:1024px){
  .lm-startseite-neu .lm-held .elementor-widget-slides .swiper-slide{min-height:480px}
  .lm-startseite-neu.admin-bar .lm-held .elementor-widget-slides .swiper-slide{height:calc(100svh - 131px)!important}
  .lm-startseite-neu .lm-held .swiper-slide-inner{background:linear-gradient(0deg,rgba(62,34,18,.92) 0%,rgba(70,40,20,.8) 30%,rgba(84,48,24,.55) 52%,rgba(120,72,36,.18) 72%,rgba(120,72,36,0) 86%)!important;padding-bottom:calc(var(--lm-leiste-h,170px) + 36px)!important}
}

/* ---------- Leiste am Slider-Rand ---------- */
.lm-leiste{background:var(--lm-flaeche)}
.lm-leiste-innen{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:20px;padding-inline:20px;max-width:1140px;margin-inline:auto}
.lm-leiste-innen::-webkit-scrollbar{display:none}
.lm-a-punkt{flex:0 0 86%;scroll-snap-align:start;display:grid;gap:4px;align-content:start;padding:16px 18px 16px 0;text-decoration:none!important;min-width:0}
.lm-a-punkt + .lm-a-punkt{border-left:var(--lm-punktlinie);padding-left:20px}
.lm-a-art{font-size:var(--e-global-typography-lmdach-font-size);font-weight:var(--e-global-typography-lmdach-font-weight);color:var(--lm-rot);text-transform:uppercase;letter-spacing:.12em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-a-text{display:grid;min-height:2.6em;min-width:0;font-size:var(--e-global-typography-lmh5-font-size);font-weight:var(--e-global-typography-lmh5-font-weight);line-height:1.3;color:var(--lm-dunkel)}
.lm-a-text > span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lm-a-text .lm-zeile2{font-weight:400;color:var(--lm-grau)}
.lm-a-detail{min-height:1.45em;color:var(--lm-grau);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lm-a-detail::after{content:" →";color:var(--lm-rot);opacity:0;transition:opacity .2s}
.lm-a-balken-zeile{display:flex;align-items:center}
.lm-a-balken-zeile::after{content:none!important}
.lm-a-balken{display:block;flex:1;height:7px;background:var(--lm-hell);border-radius:3px;overflow:hidden;max-width:260px}
.lm-a-balken i{display:block;height:100%;background:var(--lm-rot);border-radius:3px}
.lm-a-punkt:hover .lm-a-text,.lm-a-punkt:focus-visible .lm-a-text{color:var(--lm-rot)}
.lm-a-punkt:hover .lm-a-detail::after,.lm-a-punkt:focus-visible .lm-a-detail::after{opacity:1}
.lm-leiste-punkte{display:flex;justify-content:center;gap:6px;padding:0 0 12px}
.lm-leiste-punkte i{width:6px;height:6px;border-radius:3px;background:var(--lm-hell);transition:width .25s,background .25s}
.lm-leiste-punkte i.an{width:18px;background:var(--lm-rot)}
@media (min-width:900px){
  .lm-leiste-innen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding-block:4px}
  .lm-a-punkt{position:relative;padding:22px 28px 22px 0;gap:5px}
  .lm-a-punkt + .lm-a-punkt{border-left:0;padding-left:30px}
  .lm-a-punkt + .lm-a-punkt::before{content:"";position:absolute;left:0;top:20px;bottom:20px;border-left:var(--lm-punktlinie)}
  .lm-a-balken{max-width:none}
  .lm-leiste-punkte{display:none}
}

/* ---------- Termine, Live-Zeilen, Stellen (Abstand zu Nachbar-Widgets = Elementor-Widgetabstand) ---------- */
.lm-terminliste{display:grid;margin:0}
.lm-termin{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:var(--lm-punktlinie);text-decoration:none!important;align-items:center}
.lm-termin:first-child{border-top:var(--lm-punktlinie)}
.lm-tag{text-align:center;line-height:1.05;color:var(--lm-rot)}
.lm-tag b{display:block;font-size:var(--e-global-typography-lmh2-font-size);font-weight:var(--e-global-typography-lmh6-font-weight)}
.lm-tag span{font-size:var(--e-global-typography-lmdach-font-size);font-weight:var(--e-global-typography-lmdach-font-weight);text-transform:uppercase;letter-spacing:.1em}
.lm-termin-titel,.lm-live-titel{display:block;font-size:var(--e-global-typography-lmh5-font-size);font-weight:var(--e-global-typography-lmh5-font-weight);line-height:var(--e-global-typography-lmh5-line-height)}
.lm-termin-meta,.lm-live-art,.lm-live-meta{display:block}
.lm-live-art{color:var(--lm-grau)}
.lm-termin-bild img{display:block;width:100%;height:auto}
.lm-live{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin:0;padding-top:1.1rem;border-top:var(--lm-punktlinie);text-decoration:none!important;max-width:36rem}
.lm-live img{width:112px;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.lm-live-punkt{width:10px;height:10px;border-radius:50%;background:var(--lm-rot);align-self:start;margin-top:6px}
.lm-stellen{display:grid;margin:0}
.lm-stellen a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:var(--lm-punktlinie);text-decoration:none!important}
.lm-stellen a:first-child{border-top:var(--lm-punktlinie)}
.lm-stellen a::after{content:"→";color:var(--lm-rot)}

/* Theme-Linkfarbe in den automatischen Zeilen neutralisieren: Text erbt die Body-Farbe, Titel dunkel, Hover rot */
.lm-startseite-neu a.lm-termin,.lm-startseite-neu a.lm-live,.lm-startseite-neu a.lm-a-punkt,.lm-startseite-neu .lm-stellen a{color:inherit!important}
.lm-startseite-neu .lm-termin-titel,.lm-startseite-neu .lm-live-titel,.lm-startseite-neu .lm-stellen a{color:var(--lm-dunkel)!important}
.lm-startseite-neu a.lm-termin:hover .lm-termin-titel,.lm-startseite-neu a.lm-live:hover .lm-live-titel,.lm-startseite-neu .lm-stellen a:hover{color:var(--lm-rot)!important}

/* TV-Box: Fließtext aus dem Shortcode; Absatzabstand = Elementor-Widgetabstand (15 px), letzter Absatz ohne Außenabstand */
.lm-tv-text p{margin:0 0 15px}
.lm-tv-text > :last-child{margin-bottom:0}
.lm-startseite-neu .lm-tv-video .brlbs-cmpnt-container,.lm-startseite-neu .lm-tv-video iframe{width:100%!important;max-width:100%}
.lm-startseite-neu .lm-tv-video iframe{aspect-ratio:16/9;height:auto}

/* ---------- Kennzahlen und Weltkarte ----------
   Desktop: Hinweis unter der Karte steht auf Höhe der Knöpfe (gleiche Höhe wie ein Elementor-Button sm, mittig). */
.lm-kz{display:grid;gap:2.5rem;align-items:center;text-align:left}
@media (min-width:1025px){ .lm-kz{grid-template-columns:minmax(0,3.7fr) minmax(0,8.3fr);gap:48px;align-items:stretch} .lm-kz-rechts{display:flex;flex-direction:column} .lm-kz-rechts .lm-karte{flex:1;display:flex;align-items:center} .lm-kz-rechts .lm-karte-hinweis{margin:auto 0 0!important;min-height:calc(var(--e-global-typography-lmbutton-font-size) * 1.2 + 24px)} }
.lm-kz-gross{display:grid;gap:6px}
.lm-kz-zahl{display:flex;align-items:baseline;gap:.35em;margin:0}
.lm-kz-gross small{font-size:var(--e-global-typography-lmunter-font-size);line-height:1;color:var(--lm-grau)}
/* Einzige Display-Größe ohne Global Font: die große Zahl (wie die früheren Zähler-Widgets) */
.lm-kz-gross b{font-size:clamp(4.5rem,3rem + 4vw,7.5rem);font-weight:300;line-height:.9;color:var(--lm-rot);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.lm-kz-gross span{font-size:var(--e-global-typography-lmunter-font-size);font-weight:var(--e-global-typography-lmunter-font-weight);line-height:var(--e-global-typography-lmunter-line-height);color:var(--lm-dunkel)}
.lm-kz-gross span::after{content:"";display:block;height:3px;width:120px;background:var(--lm-rot);border-radius:2px;margin-top:.6em;transition:width .9s cubic-bezier(.2,.7,.2,1)}
/* Kreise untereinander, Bezeichnung daneben: so bleiben die Original-Bezeichnungen ungetrennt und vollständig */
.lm-ringe{display:grid;gap:14px;margin-top:2rem}
.lm-ring{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;text-align:left}
.lm-ring[hidden]{display:none}
.lm-ring-kreis{width:5.5rem;aspect-ratio:1;flex:none;border:2px dotted var(--lm-rot);border-radius:50%;display:grid;place-content:center;justify-items:center;line-height:1;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.lm-ring-kreis b{font-size:var(--e-global-typography-lmh3-font-size);font-weight:var(--e-global-typography-lmh2-font-weight);color:var(--lm-rot)}
.lm-ring span{color:var(--lm-dunkel);hyphens:manual}
.lm-kz-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:2rem}
/* Grauer Knopf wie die grauen Elementor-Buttons (globale Farben fd1bf3 / secondary) */
.lm-startseite-neu .elementor-button.lm-knopf-grau{background-color:var(--e-global-color-fd1bf3);color:var(--e-global-color-secondary)}
.lm-kz.lm-bereit .lm-kz-gross span::after{width:0}
.lm-kz.lm-bereit .lm-ring-kreis{transform:scale(.86)}
.lm-kz.lm-los .lm-kz-gross span::after{width:120px}
.lm-kz.lm-los .lm-ring-kreis{transform:none}
.lm-karte{position:relative}
.lm-karte svg{display:block;width:100%;height:auto;overflow:visible;transition:opacity .9s ease}
.lm-karte.lm-bereit svg{opacity:0}
.lm-karte.lm-los svg{opacity:1}
.lm-karte .pin{cursor:pointer;outline:none;transform-box:view-box}
.lm-karte .punkt-p{fill:var(--lm-rot);stroke:#fff;stroke-width:.4;transition:r .15s}
.lm-karte .hof{fill:var(--lm-rot);opacity:.18}
.lm-karte .pin:hover .punkt-p,.lm-karte .pin:focus-visible .punkt-p,.lm-karte .pin.offen .punkt-p{r:1.7}
.lm-karte .pin:focus-visible .punkt-p{stroke:var(--e-global-color-43920fb9,#202020);stroke-width:.5}
.lm-karte.lm-bereit .pin{opacity:0}
@keyframes lmPunktFlug{0%{opacity:0;transform:scale(2.6)}70%{opacity:1;transform:scale(.92)}100%{opacity:1;transform:none}}
.lm-karte.lm-los .pin{animation:lmPunktFlug .45s ease-out both}
.lm-tipp{position:absolute;z-index:6;transform:translate(-50%,calc(-100% - 14px));background:#fff;box-shadow:0 8px 28px rgba(32,28,28,.2);padding:12px 14px;width:min(260px,80vw);text-align:left}
.lm-tipp::after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-7px;border:7px solid transparent;border-bottom:0;border-top-color:#fff}
.lm-tipp .gruss{color:var(--lm-rot);font-style:italic}
.lm-tipp b{display:block;font-size:var(--e-global-typography-lmh5-font-size);font-weight:var(--e-global-typography-lmh5-font-weight);color:var(--lm-dunkel);margin:1px 0 3px}
.lm-tipp .sub{display:block;margin-bottom:8px}
.lm-tipp dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 10px;padding-top:8px;border-top:var(--lm-punktlinie)}
.lm-tipp dt{color:var(--lm-grau)}.lm-tipp dd{margin:0;color:var(--lm-dunkel);font-weight:500}
.lm-tipp a{color:var(--lm-rot);font-weight:500;text-decoration:none}
.lm-tipp .zu-t{position:absolute;top:4px;right:4px;width:28px;height:28px;border:0;background:transparent;font-size:18px;color:var(--lm-grau);cursor:pointer;padding:0}
.lm-karte-hinweis{color:var(--lm-grau);margin:8px 0 0;display:flex;align-items:center;gap:8px}
.lm-karte-hinweis i{width:9px;height:9px;border-radius:50%;background:var(--lm-rot);flex:none}

@media (prefers-reduced-motion: reduce){
  .lm-karte.lm-bereit svg,.lm-karte.lm-bereit .pin{opacity:1}
  .lm-karte.lm-los .pin{animation:none}
  .lm-kz.lm-bereit .lm-kz-gross span::after{width:120px}
  .lm-kz.lm-bereit .lm-ring-kreis{transform:none}
}

/* ---------- Bankdaten: dezente Links „kopieren“ und „QR-Code“ (Shortcode lm_bank_aktionen) ---------- */
.lm-bank-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;font-size:var(--e-global-typography-lmklein-font-size);line-height:var(--e-global-typography-lmklein-line-height)}
.lm-startseite-neu .lm-bank-link{display:inline-flex;align-items:center;gap:7px;margin:0;padding:4px 0;border:0;border-radius:0;background:none!important;box-shadow:none;color:var(--e-global-color-79b6df38)!important;font:inherit;font-weight:400;text-transform:none;letter-spacing:0;text-decoration:none!important;cursor:pointer}
.lm-startseite-neu .lm-bank-link:hover,.lm-startseite-neu .lm-bank-link:focus-visible{color:var(--e-global-color-ff51695)!important}
.lm-startseite-neu .lm-bank-link:hover span{text-decoration:underline;text-underline-offset:3px}
.lm-bank-icon{flex:none;color:var(--e-global-color-ff51695)}
.lm-bank-link .lm-bank-icon:nth-of-type(2){display:none}
.lm-bank-link.lm-kopiert .lm-bank-icon:nth-of-type(1){display:none}
.lm-bank-link.lm-kopiert .lm-bank-icon:nth-of-type(2){display:block}
/* Status nur für Screenreader; sichtbar wechselt der Link selbst (Haken + „kopiert“) */
.lm-bank-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lm-girocode{display:block;width:min(240px,70vw);height:auto;margin:0 auto;border-radius:12px;background:#fff}
.lm-modal-qr .lm-modal-karte{text-align:left}
.lm-modal-qr .lm-bank-aktionen{justify-content:center;margin-top:2px}

/* Spendenblock: Bankdaten als Text (Shortcode lm_spendenkonto), Aktionen direkt darunter */
.lm-konto{margin:0 0 6px}
.lm-konto p{margin:0 0 6px}

/* Smartphone: Slider-Knopf aus, stattdessen „weiter →“ am Ende der Unterzeile (Link setzt js/startseite.js) */
.lm-weiter{display:none}
@media (max-width:767px){
  .lm-startseite-neu .lm-held .elementor-slide-button{display:none!important}
  .lm-startseite-neu .lm-held .elementor-slide-description{margin-bottom:0!important} /* Elementor kann diesen Abstand nur für alle Geräte gemeinsam */
  .lm-startseite-neu .lm-weiter{display:inline-flex;align-items:center;gap:4px;color:#fff!important;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
  .lm-startseite-neu .lm-weiter svg{flex:none}
}

/* Font Awesome ist auf der Startseite abgeschaltet (hooks/ballast.php, Punkt 11):
   die vier dort genutzten Symbole als SVG-Maske in Textfarbe, Größe 1em wie bisher */
.lm-startseite-neu i.fa-search,.lm-startseite-neu i.fa-times,.lm-startseite-neu i.fa-close,.lm-startseite-neu i.fa-calendar,.lm-startseite-neu i.fa-info-circle{display:inline-block;font-style:normal;line-height:1;vertical-align:-.125em}
.lm-startseite-neu i.fa-search::before,.lm-startseite-neu i.fa-times::before,.lm-startseite-neu i.fa-close::before,.lm-startseite-neu i.fa-calendar::before,.lm-startseite-neu i.fa-info-circle::before{content:"";display:block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--lm-icon) center/contain no-repeat;mask:var(--lm-icon) center/contain no-repeat}
.lm-startseite-neu i.fa-search{--lm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M10 2.5a7.5 7.5 0 0 1 6.02 11.98l5.25 5.25-1.54 1.54-5.25-5.25A7.5 7.5 0 1 1 10 2.5zm0 2.2a5.3 5.3 0 1 0 0 10.6 5.3 5.3 0 0 0 0-10.6z'/%3E%3C/svg%3E")}
.lm-startseite-neu i.fa-times,.lm-startseite-neu i.fa-close{--lm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.2 4.6 12 10.4l5.8-5.8 1.6 1.6-5.8 5.8 5.8 5.8-1.6 1.6-5.8-5.8-5.8 5.8-1.6-1.6 5.8-5.8-5.8-5.8z'/%3E%3C/svg%3E")}
.lm-startseite-neu i.fa-calendar{--lm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h2v2h6V2h2v2h3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3V2zm12 8H5v10h14V10zM7 12h3v3H7v-3z'/%3E%3C/svg%3E")}
.lm-startseite-neu i.fa-info-circle{--lm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-1.2 8.2v7.3h2.4v-7.3h-2.4zm0-3.7v2.4h2.4V6.5h-2.4z'/%3E%3C/svg%3E")}


/* ---------- Smartphone kompakter (10.11.2026): gleiche Optik, weniger Länge ----------
   1. Blockabstand auf der Startseite mobil 72 statt 80 px (gleiche Variable, nur kleinerer Wert)
   2. News-Raster: Karten nebeneinander zum Wischen statt vier untereinander (wie die Aktuell-Leiste)
   3. Missionars-Zitate: eigener Aufbau, siehe unten */
@media (max-width:767px){
  .lm-startseite-neu{--lm-block-abstand:4.5rem}

  .lm-startseite-neu .elementor-element-93ecf32 .uael-post-grid__inner{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;gap:12px;margin:0!important;padding:0 0 6px}
  .lm-startseite-neu .elementor-element-93ecf32 .uael-post-grid__inner::-webkit-scrollbar{display:none}
  .lm-startseite-neu .elementor-element-93ecf32 .uael-post-wrapper{flex:0 0 86%!important;width:86%!important;max-width:86%!important;margin:0!important;padding:0!important;scroll-snap-align:start}
  .lm-startseite-neu .elementor-element-93ecf32 .uael-post__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .lm-startseite-neu .elementor-element-93ecf32 .uael-post__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}

}

/* News-Wischpunkte (js/startseite.js): nur in der Smartphone-Wischansicht sichtbar */
.lm-news-punkte{display:none}
@media (max-width:767px){ .lm-startseite-neu .lm-news-punkte{display:flex;padding:14px 0 0} }

/* Missionars-Zitate auf dem Smartphone: rundes Bild (ganzes Quadrat, keine angeschnittenen Köpfe) neben Dachzeile + Name,
   darunter das Zitat über die volle Breite. Bildseite wechselt: 1 links, 2 rechts, 3 links.
   Technik: Spalten und Widget-Hüllen werden „durchsichtig“ (display:contents), die Widgets liegen direkt im Raster. */
@media (max-width:767px){
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) > .elementor-container{
    display:grid!important;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"bild dach" "bild name" "zitat zitat";
    column-gap:18px;row-gap:2px;align-items:center;padding:24px 20px 26px;background:var(--e-global-color-e859e7d,#F2F2F2);
  }
  .lm-startseite-neu .elementor-element-d97e10a > .elementor-container{grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"dach bild" "name bild" "zitat zitat"}
  .lm-startseite-neu .elementor-element-d97e10a :is(.elementor-widget-text-editor){text-align:right}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) :is(.elementor-column,.elementor-widget-wrap){display:contents!important}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .elementor-widget{margin:0!important;padding:0!important}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .elementor-widget-image{grid-area:bild;align-self:start}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .fill :is(.elementor-widget-container,a,img){height:auto!important}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .fill img{display:block;width:104px!important;aspect-ratio:1;border-radius:50%;object-fit:cover}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .elementor-widget-text-editor:first-of-type{grid-area:dach;align-self:end}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .elementor-widget-text-editor:first-of-type :is(p,div){margin:0;font-size:var(--e-global-typography-lmklein-font-size);letter-spacing:.06em}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .elementor-widget-text-editor:last-of-type{grid-area:name;align-self:start}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .elementor-widget-text-editor:last-of-type :is(p,div){margin:0;font-size:var(--e-global-typography-lmh5-font-size);font-weight:var(--e-global-typography-lmh5-font-weight);line-height:var(--e-global-typography-lmh5-line-height)}
  .lm-startseite-neu :is(.elementor-element-74ef0fb,.elementor-element-d97e10a,.elementor-element-c3cc32e) .elementor-widget-heading{grid-area:zitat;margin-top:16px!important}
}

