/* ==========================================================================
   Loftino · Startseite – Ergänzungen zu loftino-product-c.css
   ========================================================================== */

body.loftino-home,
body.loftino-home #wrapper,
body.loftino-home #main { background: #FAF6EE; }

/* Hero */
.lfh-hero { padding: clamp(48px, 7vw, 104px) var(--gx) clamp(56px, 7vw, 96px); background: var(--sage); }
.lfh-hero__head { max-width: 1100px; margin: 0 auto clamp(36px, 5vw, 64px); text-align: center; }
.lfh-hero h1 { margin-bottom: 16px; font-size: clamp(40px, 6.6vw, 96px); letter-spacing: -.045em; line-height: .98; }
.lfh-hero .lfc-hero__claim { margin-bottom: 32px !important; }
.lfh-hero__media {
  position: relative;
  max-width: 1440px;
  aspect-ratio: 16 / 8;
  margin: 0 auto;
  overflow: hidden;
  border-radius: calc(var(--r) + 4px);
  background: var(--sage-2);
}
.lfh-hero__img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Statement */
.lfh-statement h2 { font-size: clamp(30px, 3.6vw, 50px); }

/* Produkt-Teaser */
.lfh-product { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr); gap: 20px; align-items: center; }
.lfh-product.no-img { grid-template-columns: minmax(0, 560px); justify-content: center; }
.lfh-product__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r); }
.lfh-product__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.lfh-product__media:hover img { transform: scale(1.03); }
.lfh-product__title { margin: 0 !important; font-size: clamp(28px, 2.6vw, 38px) !important; }
.lfh-wide { width: 100%; }

/* Bento als Links */
.lfh-bento .lfc-tile { display: block; color: inherit; text-decoration: none; transition: box-shadow .3s var(--ease), transform .3s var(--ease); }
.lfh-bento .lfc-tile:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(33, 30, 26, .08); }
.lfh-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  color: var(--accent-2);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.lfh-more .lfc-ico { transition: transform .25s var(--ease); }
.lfc-tile:hover .lfh-more .lfc-ico, .lfh-more:hover .lfc-ico { transform: translateX(3px); }
.lfh-more--block { margin-top: 20px; }

/* Abschluss */
.lfc-closing .lfh-kicker-light { color: #D9B183 !important; }
.lfc-closing h2 { font-size: clamp(36px, 5vw, 72px); }
.lfh-closing__warn { margin-top: 28px !important; color: rgba(255, 255, 255, .55) !important; font-size: 12px; font-weight: 600; }

@media (max-width: 900px) {
  .lfh-product { grid-template-columns: 1fr; }
  .lfh-hero__media { aspect-ratio: 4 / 3; }
}
@media (max-width: 560px) {
  .lfh-hero__head { text-align: left; }
  .lfh-hero .lfc-row--center { justify-content: flex-start; }
  .lfh-hero .lfc-btn { width: 100%; }
  .lfh-hero__media { aspect-ratio: 4 / 5; }
}

/* Werte */
.lfh-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lfh-values li {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--paper);
}
.lfh-values svg { width: 48px; height: 48px; margin-bottom: 10px; padding: 12px; border-radius: 14px; background: var(--sage); color: var(--forest); }
.lfh-values strong { color: var(--ink); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.lfh-values span { color: var(--ink-2); font-size: 15px; }
@media (max-width: 1000px) { .lfh-values { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .lfh-values { grid-template-columns: 1fr; } }

/* Schnellzugriff auf Produkte */
.lfh-quick { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; }
.lfh-quick a {
  padding: 8px 14px;
  border: 1px solid var(--sage-2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .6);
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .2s, border-color .2s;
}
.lfh-quick a:hover { border-color: var(--forest); background: var(--white); }
.lfh-after { margin-top: 32px !important; }
.lfh-center { text-align: center; }
@media (max-width: 560px) { .lfh-quick { justify-content: flex-start; } }

/* v3.2 – Startseite oben: „Für Eltern | Für Kinder“ + wechselnde Zeile */
.lfh-hero .lfc-worlds { margin: 4px auto 0; }
.lfh-wline { max-width: 620px; margin: 14px auto 28px; }
.lfh-wline .lfc-usps { display: block; margin: 0; padding: 0; color: var(--ink-2); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.5; text-align: center; }
.lfh-hero .lfc-slider__track { border-radius: inherit; }
@media (max-width: 560px) {
  .lfh-hero .lfc-worlds { margin-left: 0; }
  .lfh-wline { margin-left: 0; }
  .lfh-wline .lfc-usps { text-align: left; }
}
/* Werte-Liste in den Welten: Text neben dem Symbol (Handy) */
@media (max-width: 900px) {
  .lfc-wsplit--values .lfh-values li { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 2px; }
  .lfc-wsplit--values .lfh-values li svg { grid-row: 1 / span 2; }
}

/* Reihenfolge oben: Computer = Text, Knöpfe, Bild · Handy = Text, Bild, Knöpfe (Umschalter und Bild nah beieinander) */
.lfh-hero { display: grid; grid-template-areas: "head" "actions" "media"; }
.lfh-hero__head { grid-area: head; margin-bottom: 0; }
.lfh-hero__actions { grid-area: actions; max-width: 1100px; margin: 0 auto clamp(36px, 5vw, 56px); text-align: center; }
.lfh-hero__media { grid-area: media; width: 100%; }
@media (max-width: 900px) {
  .lfh-hero { grid-template-areas: "head" "media" "actions"; }
  .lfh-wline { margin-bottom: 20px; }
  .lfh-hero__actions { width: 100%; margin: 24px 0 0; }
}
@media (max-width: 560px) {
  .lfh-hero__actions { text-align: left; }
}

/* v3.5.5 – Kopfbereich über die volle Breite, damit Text, Umschalter und Bild an derselben Kante beginnen */
.lfh-hero__head, .lfh-hero__actions { width: 100%; }


/* ==========================================================================
   v3.7 – Startseite oben: ein Knopf, Textlink, am Computer Text links / Bild rechts
   ========================================================================== */
.lfh-hero__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 26px; }
.lfh-textlink {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--ink); font-size: 15px; font-weight: 600; text-decoration: none;
  border-bottom: 1.5px solid var(--accent); padding-bottom: 2px;
}
.lfh-textlink:hover { color: var(--accent-2) !important; }

@media (min-width: 1000px) {
  .lfh-hero {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    column-gap: clamp(40px, 5vw, 88px);
    align-items: start;
    margin: 0 auto;
    padding: clamp(28px, 3.2vw, 52px) var(--gx) clamp(48px, 5vw, 80px);
  }
  .lfh-hero__head { max-width: 620px; margin: 0; text-align: left; }
  .lfh-hero h1 { margin-left: -.03em; font-size: clamp(46px, 4.7vw, 80px); }
  .lfh-hero .lfc-worlds { margin: 10px 0 0; }
  .lfh-wline { max-width: 520px; margin: 18px 0 30px; }
  .lfh-wline .lfc-usps { text-align: left; font-size: 18px; }
  .lfh-hero__actions { align-self: start; justify-content: flex-start; max-width: 620px; margin: 0; text-align: left; }
  .lfh-hero__media {
    align-self: center;
    aspect-ratio: 1 / 1;
    max-height: calc(100vh - 150px);
    max-height: calc(100svh - 150px);
    width: 100%;
  }
}
/* Sand-Hintergrund über die volle Breite, auch wenn der Inhalt begrenzt ist */
.lfh { background: linear-gradient(var(--sage), var(--sage)) top / 100% 0 no-repeat; }
@media (min-width: 1000px) { .lfh > .lfh-hero { box-shadow: 0 0 0 100vmax var(--sage); clip-path: inset(0 -100vmax); } }
@media (max-width: 999px) {
  .lfh-hero__actions { justify-content: flex-start; }
}
@media (max-width: 560px) {
  .lfh-hero__actions .lfc-btn { width: 100%; }
}
@media (min-width: 1000px) {
  /* gleiche Kante wie das Logo; Text mittig neben dem Bild */
  .lfh-hero { box-sizing: border-box; max-width: 1360px; grid-template-rows: 1fr auto auto 1fr; grid-template-areas: ". media" "head media" "actions media" ". media"; }
  .lfh-hero__head { align-self: end; }
  .lfh-hero__media { grid-row: 1 / -1; }
}

/* ==========================================================================
   v3.8 – Vorstart-Seite
   ========================================================================== */
.lfh-badge {
  display: inline-flex; align-items: center; gap: 9px;
  margin: 0 0 16px !important; padding: 7px 14px 7px 12px;
  border: 1px solid rgba(138, 95, 48, .35); border-radius: 999px; background: rgba(255, 255, 255, .6);
  color: var(--accent-2) !important; font-size: 13px; font-weight: 600; letter-spacing: .04em;
}
.lfh-badge span { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(168, 118, 63, .18); }
.lfh-lead { max-width: 560px; margin: 16px 0 28px !important; color: var(--ink-2); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.5; }
@media (min-width: 1000px) { .lfh--pre .lfh-hero__head { text-align: left; } }
@media (max-width: 999px) { .lfh--pre .lfh-hero__head { text-align: left; } .lfh-lead { margin-left: 0 !important; } }

.lfh-start { padding: clamp(44px, 6vw, 72px) var(--gx); background: var(--forest); text-align: center; }
.lfh-start__in { max-width: 640px; margin: 0 auto; }
.lfc .lfh-start__kicker { margin: 0 0 6px; color: rgba(255, 255, 255, .6); font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.lfc .lfh-start__label { margin: 0 !important; color: #E9CFA8 !important; font-family: var(--display); font-size: clamp(34px, 4.4vw, 56px); font-weight: 600; letter-spacing: -.02em; line-height: 1.05; }
.lfc .lfh-start__text { margin: 14px 0 0; color: rgba(255, 255, 255, .8); font-size: clamp(16px, 1.4vw, 18px); line-height: 1.55; }
.lfc .lfh-start__text a { color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(233, 207, 168, .7); white-space: nowrap; }
.lfc .lfh-start__text a:hover { text-decoration-color: #E9CFA8; }
.lfh--pre .lfh-start + .lfc-facts { border-top: 1px solid rgba(255, 255, 255, .12); }

.lfh-know { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lfh-know__card { padding: clamp(22px, 2.4vw, 32px); border: 1px solid var(--line); border-radius: var(--r); background: var(--white); }
.lfh-know__card h3 { margin: 0 0 12px !important; }
.lfh-know__card p { font-size: 15.5px; }
.lfh-know__card .lfc-dims { margin: 4px 0 12px !important; }
.lfh-know__card .lfc-dims dd { font-size: 16px; }
@media (max-width: 900px) { .lfh-know { grid-template-columns: 1fr; } }

.lfc .lfh-closing__text { max-width: 560px; margin: 0 auto 26px; color: rgba(255, 255, 255, .78); font-size: 17px; }
.lfc .lfh-closing__alt { margin-top: 22px; color: rgba(255, 255, 255, .55); font-size: 13.5px; }
.lfc .lfh-closing__alt a { color: rgba(255, 255, 255, .8); }
.lfc .lfh-closing__ig { margin: 26px 0 0; }
.lfc .lfh-closing__ig a { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-weight: 600; font-size: 15.5px; text-decoration: none; }
.lfc .lfh-closing__ig a span { color: rgba(255, 255, 255, .55); font-weight: 400; }
.lfc .lfh-closing__ig .lfc-ico { width: 22px; height: 22px; color: #E9CFA8; }
.lfc .lfh-closing__ig a:hover span { color: #E9CFA8; }

/* v3.8.1 – Vorstart ohne Produktfotos: Lamellen als Bildmotiv, Vorteile als Listen */
.lfh-lam {
  position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.4vw, 20px);
  border-radius: calc(var(--r) + 4px);
  background: linear-gradient(160deg, #EADFCB, #E2D3BA);
  overflow: hidden;
}
.lfh-lam span { display: block; width: clamp(6px, .7vw, 10px); height: 62%; border-radius: 6px; background: var(--accent); opacity: .85; transform-origin: bottom; animation: lfhLam 1.2s var(--ease) both; }
.lfh-lam span:nth-child(2) { animation-delay: .06s; } .lfh-lam span:nth-child(3) { animation-delay: .12s; }
.lfh-lam span:nth-child(4) { animation-delay: .18s; } .lfh-lam span:nth-child(5) { animation-delay: .24s; }
.lfh-lam span:nth-child(6) { animation-delay: .30s; } .lfh-lam span:nth-child(7) { animation-delay: .36s; }
.lfh-lam span:nth-child(8) { animation-delay: .42s; } .lfh-lam span:nth-child(9) { animation-delay: .48s; }
@keyframes lfhLam { from { transform: scaleY(0); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .lfh-lam span { animation: none; } }
@media (min-width: 1000px) { .lfh-hero--pre .lfh-hero__media.lfh-lam { aspect-ratio: 5 / 4; } }
@media (max-width: 999px) { .lfh-hero--pre .lfh-lam { display: none; } }

.lfc-wsplit--pre .lfc-wsplit__col { padding: clamp(22px, 2.6vw, 34px); border: 1px solid var(--line); border-radius: var(--r); background: var(--paper); }
.lfc-wsplit--pre .lfc-wsplit__label { margin-bottom: 20px !important; }
.lfh-pts { gap: 18px; }
.lfh-pts li { align-items: flex-start; }
.lfh-pts span { font-size: 15px; }
@media (min-width: 901px) { .lfc-wsplit--pre .lfc-wsplit__track { align-items: stretch; } }

/* Lamellen-Haus als Bildmotiv (bis Fotos vom Musterturm da sind) */
.lfh-lam svg { width: 62%; height: auto; overflow: visible; }
.lfh-lam__house { fill: none; stroke: var(--forest); stroke-width: 4; stroke-linejoin: round; stroke-dasharray: 900; stroke-dashoffset: 900; animation: lfhDraw 1.6s var(--ease) .1s forwards; }
.lfh-lam__l { stroke: var(--accent); stroke-width: 5; stroke-linecap: round; transform-box: fill-box; transform-origin: bottom; animation: lfhLam .9s var(--ease) both; animation-delay: calc(.9s + var(--i) * .06s); }
@keyframes lfhDraw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) { .lfh-lam__house { animation: none; stroke-dashoffset: 0; } .lfh-lam__l { animation: none; } }
.lfh-badge { padding-left: 14px; }
.lfc .lfh-badge { padding: 7px 15px 7px 13px; }

/* v3.8.3 – Vorstart mit echtem Turm-Foto */
.lfh-hero--pre .lfh-hero__media--photo { position: relative; overflow: hidden; border-radius: calc(var(--r) + 4px); background: var(--sage-2); }
.lfh-hero--pre .lfh-hero__media--photo .lfh-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1000px) { .lfh-hero--pre .lfh-hero__media--photo { aspect-ratio: 5 / 4; } }
@media (max-width: 999px) { .lfh-hero--pre .lfh-hero__media--photo { display: block; aspect-ratio: 4 / 3; margin-top: 4px; } }
@media (max-width: 999px) { }

@media (max-width: 999px) { .lfh-hero--pre .lfh-hero__actions { margin-top: 22px; } }

/* Einstieg Kinder-Welt */
.lfc .lfh-kidslink { display: inline-flex; flex-basis: 100%; justify-content: inherit; align-items: center; gap: 10px; margin-top: 4px; padding: 6px 0; border: 0; background: none; color: var(--forest); font: 500 15px/1.3 var(--lft-text, inherit); cursor: pointer; }
.lfc .lfh-kidslink u { text-decoration-color: #FF7A6B; text-decoration-thickness: 2px; text-underline-offset: 4px; font-weight: 600; }
.lfh-kidslink__dot { width: 10px; height: 10px; border-radius: 50%; background: #FF7A6B; box-shadow: 0 0 0 0 rgba(255, 122, 107, .5); animation: lfh-ping 2s infinite; }
@keyframes lfh-ping { 70% { box-shadow: 0 0 0 10px rgba(255, 122, 107, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 122, 107, 0); } }
@media (min-width: 1000px) { .lfc .lfh-kidslink { justify-content: flex-start; } }
@media (prefers-reduced-motion: reduce) { .lfh-kidslink__dot { animation: none; } }

/* Vorstart: Gestaltung im Detail (Hochformat-Bild) */
.lfh-detail__in { display: grid; gap: clamp(24px, 4vw, 72px); align-items: center; max-width: 1180px; margin: 0 auto; }
@media (min-width: 900px) { .lfh-detail__in { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); } }
.lfh-detail__media { overflow: hidden; border-radius: calc(var(--r, 18px) + 4px); background: var(--sage-2, #E9E4D8); aspect-ratio: 2 / 3; max-height: 82vh; width: 100%; }
@media (max-width: 899px) { .lfh-detail__media { aspect-ratio: 4 / 5; } }
.lfh-detail__img, .lfh-detail__media .lft-ph { display: block; width: 100%; height: 100%; object-fit: cover; }
.lfh-detail__copy h2 { margin-bottom: 16px; }
.lfh-detail__copy p:not(.lfc-kicker) { font-size: clamp(17px, 1.4vw, 19px); line-height: 1.6; }
.lfh-hero--pre .lfh-hero__media--photo .lfh-hero__img { object-position: 50% 55%; }

/* Vorstart: Stimmungsbild am Abend (volle Breite) */
.lfh-evening { padding: clamp(40px, 6vw, 88px) var(--gx) 0; background: transparent; }
/* Abendbild wie die anderen Abschnitte: in der Inhaltsbreite, abgerundet, ganzes Bild ohne Beschnitt */
.lfh-evening__fig { position: relative; margin: 0 auto; overflow: hidden; width: 100%; max-width: 1280px; border-radius: calc(var(--r, 18px) + 8px); background: #111; }
.lfh-evening__img, .lfh-evening__fig .lft-ph { display: block; width: 100%; height: auto; }
.lfh-evening__fig .lft-ph { aspect-ratio: 16 / 9; }
@media (max-width: 699px) { .lfh-evening__copy { position: static !important; background: #111 !important; padding: 22px 20px 26px !important; } }
.lfh-evening__copy { position: absolute; left: 0; right: 0; bottom: 0; padding: clamp(28px, 6vw, 80px) var(--gx) clamp(24px, 4vw, 56px); background: linear-gradient(180deg, rgba(17, 15, 13, 0) 0%, rgba(17, 15, 13, .72) 100%); }
.lfc .lfh-evening__copy .lfc-kicker { color: #E9CFA8 !important; }
.lfh-evening__title { max-width: 14ch; margin: 0; color: #fff; font-family: var(--display); font-size: clamp(30px, 4.4vw, 64px); font-weight: 600; letter-spacing: -.03em; line-height: 1.04; }
.lfc .lfh-evening__note { max-width: 1280px; margin: 10px auto 0; padding: 0; background: none; color: var(--muted, #6F665B); font-size: 12.5px; }
.lfc .lfh-evening__title { color: #fff; text-shadow: 0 2px 20px rgba(0, 0, 0, .35); }

/* Kennzeichnung „Visualisierung“ */
.lfh-hero__media, .lfh-detail__media, .lfh-evening__fig { position: relative; }
.lfh-vis { position: absolute; z-index: 2; top: 12px; right: 12px; padding: 5px 10px; border-radius: 999px; background: rgba(33, 30, 26, .62); color: #fff; font: 600 11.5px/1 var(--lft-text, system-ui); letter-spacing: .04em; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
/* Visualisierungen & Instagram im dunklen Balken */
.lfh-start__ig { max-width: 560px; margin: 26px auto 0; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .14); }
.lfc .lfh-start__ig p { margin: 0 0 14px; color: rgba(255, 255, 255, .7); font-size: 15px; line-height: 1.55; }
.lfc .lfh-start__iglink { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-weight: 600; font-size: 15.5px; text-decoration: none; }
.lfc .lfh-start__iglink .lfc-ico { width: 22px; height: 22px; color: #E9CFA8; }
.lfc .lfh-start__iglink span { color: rgba(255, 255, 255, .55); font-weight: 400; }
.lfc .lfh-start__iglink:hover span { color: #E9CFA8; }
/* Abendbild füllt auf dem Handy das Hochformat */
.lfc .lfh-evening__img { height: auto; }
.lfc a.lfh-kidslink { text-decoration: none; }

/* v4.22 – Der Turm im Detail: drei Ansichten, darunter kurze Bildinformation */
.lfh-det .lfc-intro { margin-bottom: clamp(24px, 3vw, 40px); }
.lfh-det__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); max-width: 1280px; margin: 0 auto; }
.lfh-det__grid--1 { grid-template-columns: minmax(0, 520px); justify-content: center; }
.lfh-det__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lfh-det__fig { margin: 0; min-width: 0; }
.lfh-det__fig img, .lfh-det__fig .lft-ph { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r); }
.lfc .lfh-det__fig figcaption { margin-top: 10px; color: var(--ink-2); font-size: 14px; }
.lfc .lfh-visnote { max-width: 1280px; margin: 18px auto 0; color: var(--muted, #6F665B); font-size: 12.5px; text-align: center; }
.lfc .lfh-visnote a { color: inherit; }
@media (max-width: 700px) { .lfh-det__grid, .lfh-det__grid--2 { grid-template-columns: minmax(0, 1fr); } }
.lfc .lfh-closing__form { margin: 16px 0 0; font-size: 15px; }
.lfc .lfh-closing__form a { color: rgba(255, 255, 255, .85); }

/* Eltern/Kinder auf dem Handy: beide Spalten untereinander, nichts seitlich versteckt */
@media (max-width: 900px) {
  .lfc-wsplit--pre .lfc-wsplit__switch { display: none; }
  .lfc-wsplit--pre .lfc-wsplit__label { display: inline-block !important; }
  .lfc-wsplit--pre .lfc-wsplit__track { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; overflow: visible; scroll-snap-type: none; }
  .lfc-wsplit--pre .lfc-wsplit__col { flex: none; }
}

/* Drei Lamellen-Linien, die beim Scrollen mitlaufen (loftino-lines.js) */
.lfh { position: relative; }
.lfh-lines { position: absolute; top: 0; left: 0; z-index: 3; overflow: visible; pointer-events: none; }
.lfh-lines__l { fill: none; stroke: #A8763F; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke-dashoffset .12s linear; }
@media (max-width: 699px) { .lfh-lines__l { stroke-width: 1.5; } }
@media (prefers-reduced-motion: reduce) { .lfh-lines__l { transition: none; } }
html.lft-k .lfh-lines { display: none; }