/* LIINI Ratgeber – Seite «Unsere Geschichte» [liini_geschichte] (ab 1.8.0). Nur auf dieser Seite geladen. */
.lrg-gs{--ink:#2B2620;--ink2:#6B655E;--grau:#8A837B;--line:#E8E3DC;--sand:#F3EEE6;color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased;line-height:1.5;background:#fff;overflow-x:clip}
.lrg-gs *,.lrg-gs *::before,.lrg-gs *::after{box-sizing:border-box}
.lrg-gs img{max-width:100%;height:auto;border:0}
.lrg-gs__wrap{max-width:1180px;margin:0 auto;padding:0 24px}
html body .lrg-gs :is(h1,h2,h3):not(#lrgx){font-family:inherit;color:var(--ink);text-transform:none;font-style:normal;margin:0}
html body .lrg-gs p:not(#lrgx){margin:0;font-family:inherit}
html body .lrg-gs .lrg-gs__kicker:not(#lrgx){font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grau);margin:0 0 20px}

/* Seitentitel des Themes auf der Geschichte-Seite ausblenden (die Strecke ist der Anfang) */
body.lrg-gs-seite .entry-header,body.lrg-gs-seite .entry-title,body.lrg-gs-seite .page-title,body.lrg-gs-seite .elementor-page-title,body.lrg-gs-seite h1.page-header{display:none!important}
body.lrg-gs-seite .lrg-gs__strecke:first-child{margin-top:0}

/* ---- Scroll-Strecke (fährt beim Scrollen seitlich) ---- */
.lrg-gs__strecke{position:relative;background:#fff;height:360vh}
.lrg-gs__strecke--quer{height:220vh;margin-top:-40px}
.lrg-gs__buehne{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;display:flex;align-items:center}
.lrg-gs__spur{display:flex;gap:18px;padding:0 clamp(16px,6vw,96px);will-change:transform}
.lrg-gs__karte{position:relative;flex:0 0 auto;height:min(70svh,640px);aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:var(--sand)}
.lrg-gs__strecke--quer .lrg-gs__karte{aspect-ratio:7/5;height:min(52svh,460px)}
.lrg-gs__karte img{width:100%;height:100%;object-fit:cover;display:block}
.lrg-gs__karte::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.42));z-index:1;pointer-events:none}
.lrg-gs__tag{position:absolute;left:6%;bottom:5%;z-index:2;color:#fff;font-size:clamp(26px,3vw,44px);font-weight:700;letter-spacing:-.03em;line-height:.98;text-shadow:0 2px 30px rgba(0,0,0,.35);max-width:88%}
.lrg-gs__tag sup{font-size:.4em;vertical-align:top;position:relative;top:.25em;line-height:0}
.lrg-gs__strecke--quer .lrg-gs__tag{font-size:clamp(22px,2.3vw,34px)}
.lrg-gs__tag small{display:block;font-size:.46em;font-weight:500;letter-spacing:0;line-height:1.3;margin-top:.45em;white-space:nowrap;opacity:.9}
/* Pfeile: Position in Prozent der Karte, damit sie auf jeder Grösse am selben Ort im Motiv liegen */
.lrg-gs__pfeil{position:absolute;width:18%;height:auto;z-index:2;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));right:auto}
.lrg-gs__pfeil .p{stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset .9s ease .3s}
.lrg-gs__pfeil .s{opacity:0;transition:opacity .3s ease 1.05s}
.lrg-gs__karte.is-in .lrg-gs__pfeil .p{stroke-dashoffset:0}
.lrg-gs__karte.is-in .lrg-gs__pfeil .s{opacity:1}
.lrg-gs__pfeil.pf-1{left:36%;bottom:18%}
.lrg-gs__pfeil.pf-2{left:36%;bottom:24%;transform:scaleX(-1)}
.lrg-gs__pfeil.pf-3{left:63%;bottom:26%;transform:scaleX(-1) rotate(-14deg)}
.lrg-gs__pfeil.pf-4{left:54%;bottom:27%;transform:scaleX(-1)}
.lrg-gs__karte--5 .lrg-gs__pfeil{width:15%}
.lrg-gs__pfeil.pf-papa{left:1%;bottom:65%;transform:rotate(90deg)}
.lrg-gs__pfeil.pf-kind{left:53%;bottom:47%;transform:rotate(180deg)}
.lrg-gs__pfeil.pf-kind .p{transition-delay:.7s}.lrg-gs__pfeil.pf-kind .s{transition-delay:1.45s}
.lrg-gs__pfeil.pf-mama{left:72%;bottom:62%;transform:rotate(90deg)}
.lrg-gs__pfeil.pf-mama .p{transition-delay:1.1s}.lrg-gs__pfeil.pf-mama .s{transition-delay:1.85s}
.lrg-gs__hint{position:absolute;right:6%;bottom:6%;z-index:2;color:rgba(255,255,255,.85);font-size:12px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.lrg-gs__hint span{display:inline-block;animation:lrg-gs-hint 1.6s ease-in-out infinite}
@keyframes lrg-gs-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.lrg-gs__fort{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:120px;height:2px;background:var(--line);z-index:3}
.lrg-gs__fort i{display:block;height:100%;background:var(--ink);width:33%}

/* ---- Intro ---- */
.lrg-gs__intro{padding:88px 0 72px;border-bottom:1px solid var(--line)}
html body .lrg-gs__intro h1:not(#lrgx){font-size:clamp(34px,4.8vw,64px);line-height:1.04;letter-spacing:-.03em;font-weight:700;max-width:900px}
.lrg-gs__intro h1 em{font-style:normal;color:var(--grau)}
html body .lrg-gs__lead:not(#lrgx){font-size:18px;color:var(--ink2);max-width:640px;margin:26px 0 0;line-height:1.55}

/* ---- Kapitel (Jahr links klebt, Inhalt rechts) ---- */
.lrg-gs__kap{padding:96px 0;border-bottom:1px solid var(--line)}
.lrg-gs__raster{display:grid;gap:16px}
@media (min-width:900px){.lrg-gs__raster{grid-template-columns:200px minmax(0,1fr);gap:56px}.lrg-gs__jahr{position:sticky;top:120px;align-self:start}}
html body .lrg-gs__jahr:not(#lrgx){font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;font-weight:700;color:var(--ink);line-height:1.1}
.lrg-gs__jahr small{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);font-weight:600;margin-top:6px}
.lrg-gs__inhalt{min-width:0}
html body .lrg-gs__kap h2:not(#lrgx){font-size:clamp(28px,3.6vw,48px);line-height:1.08;letter-spacing:-.03em;font-weight:700;margin:0 0 28px}
.lrg-gs__txt{display:grid;gap:28px;max-width:1000px}
@media (min-width:860px){.lrg-gs__txt{grid-template-columns:1fr 1fr;gap:48px}}
html body .lrg-gs__txt p:not(#lrgx){font-size:17px;line-height:1.65;color:#3A332B;margin:0 0 16px}
html body .lrg-gs__txt p:not(#lrgx):last-child{margin-bottom:0}
html body .lrg-gs__satz:not(#lrgx){font-size:clamp(18px,1.6vw,21px);line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--ink)}

/* ---- Die Nacht als Uhr ---- */
.lrg-gs__uhr{background:var(--ink);color:#fff;padding:96px 0 120px}
html body .lrg-gs__uhr .lrg-gs__kicker:not(#lrgx){color:rgba(255,255,255,.5)}
.lrg-gs__uhr-raster{display:grid;gap:32px}
@media (min-width:860px){.lrg-gs__uhr-raster{grid-template-columns:1fr 1fr;gap:72px;align-items:start}}
.lrg-gs__clock{position:sticky;top:calc(50vh - .5em);font-size:clamp(88px,15vw,220px);line-height:1;letter-spacing:-.06em;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;color:#fff}
.lrg-gs__clock .dp{animation:lrg-gs-blink 1.2s steps(1) infinite;margin:0 .02em}
@keyframes lrg-gs-blink{50%{opacity:.25}}
.lrg-gs__clock .mm{display:inline-block;transition:transform .25s,opacity .25s}
.lrg-gs__clock.tick .mm{transform:translateY(-.08em);opacity:.4}
html body ol.lrg-gs__momente:not(#lrgx){list-style:none;margin:0;padding:0}
html body .lrg-gs__momente li:not(#lrgx){min-height:38vh;display:flex;align-items:center;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.12);opacity:.3;transition:opacity .4s;color:#fff}
html body .lrg-gs__momente li:not(#lrgx)::before,html body .lrg-gs__momente li:not(#lrgx)::marker{content:none}
.lrg-gs__momente li.on{opacity:1}
html body .lrg-gs__momente li:not(#lrgx):last-child{border:0}
.lrg-gs__momente .t{display:none;font-size:13px;letter-spacing:.14em;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}
html body .lrg-gs__momente p:not(#lrgx){margin:0;font-size:clamp(22px,2.6vw,36px);line-height:1.25;font-weight:500;letter-spacing:-.015em;max-width:520px;color:#fff}
html body .lrg-gs__momente li.heute:not(#lrgx){min-height:48vh}
.lrg-gs__momente li.heute p b{font-weight:700;display:block}
.lrg-gs__momente li.heute p small{display:block;font-size:15px;font-weight:400;color:rgba(255,255,255,.55);margin-top:16px;line-height:1.5}
@media (max-width:859px){
	.lrg-gs__uhr{padding:64px 0 80px}
	.lrg-gs__clock{position:sticky;top:0;background:var(--ink);padding:12px 0 8px;z-index:2;font-size:clamp(72px,22vw,110px)}
	html body .lrg-gs__momente li:not(#lrgx){min-height:30vh}
	html body .lrg-gs__momente li.heute:not(#lrgx){min-height:40vh}
}

/* ---- Chat ---- */
.lrg-gs__chatblock{padding:110px 0 100px;border-bottom:1px solid var(--line);background:#fff}
html body .lrg-gs__chatblock .lrg-gs__kicker:not(#lrgx){text-align:center;margin-bottom:28px}
.lrg-gs__chat{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.lrg-gs__msg{display:flex;flex-direction:column;align-items:flex-start;max-width:84%;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.lrg-gs__msg.on{opacity:1;transform:none}
.lrg-gs__msg.r{align-self:flex-end;align-items:flex-end}
.lrg-gs__bubble{background:var(--ink);color:#fff;padding:14px 18px;border-radius:20px 20px 20px 6px;font-size:clamp(17px,1.7vw,21px);line-height:1.3;font-weight:500;letter-spacing:-.005em}
.r .lrg-gs__bubble{background:var(--sand);color:var(--ink);border-radius:20px 20px 6px 20px}
.lrg-gs__meta{font-size:12px;color:var(--grau);margin:6px 8px 0;letter-spacing:.02em}
.lrg-gs__typing{display:none;align-self:flex-start;background:var(--ink);border-radius:20px 20px 20px 6px;padding:14px 18px;gap:5px}
.lrg-gs__typing.r{align-self:flex-end;background:var(--sand);border-radius:20px 20px 6px 20px}
.lrg-gs__typing.show{display:flex}
.lrg-gs__typing i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.7);animation:lrg-gs-dot 1.1s infinite}
.lrg-gs__typing.r i{background:rgba(43,38,32,.5)}
.lrg-gs__typing i:nth-child(2){animation-delay:.18s}.lrg-gs__typing i:nth-child(3){animation-delay:.36s}
@keyframes lrg-gs-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
html body .lrg-gs__tonzeile:not(#lrgx){text-align:center;margin:34px 0 0}
html body button.lrg-gs__ton:not(#lrgx){display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line)!important;border-radius:999px!important;padding:7px 14px!important;font:600 12px/1 inherit!important;letter-spacing:.08em;background:#fff!important;cursor:pointer;color:var(--grau)!important;box-shadow:none!important;text-transform:none!important;min-height:0!important;height:auto!important}
.lrg-gs__ton i{width:8px;height:8px;border-radius:50%;background:var(--line)}
html body button.lrg-gs__ton.an:not(#lrgx){color:var(--ink)!important;border-color:var(--ink)!important}
.lrg-gs__ton.an i{background:var(--ink)}

/* ---- Zahlenzeile ---- */
.lrg-gs__zahlenzeile{padding:56px 0;border-bottom:1px solid var(--line);overflow:hidden}
html body ul.lrg-gs__zahlen:not(#lrgx){list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 0;font-size:clamp(20px,2.2vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
html body .lrg-gs__zahlen li:not(#lrgx){margin:0;padding:0 28px 0 0;margin-right:28px;border-right:1px solid var(--line);white-space:nowrap;color:var(--ink)}
html body .lrg-gs__zahlen li:not(#lrgx)::before,html body .lrg-gs__zahlen li:not(#lrgx)::marker{content:none}
html body .lrg-gs__zahlen li:not(#lrgx):last-child{border:0;margin:0;padding:0}
.lrg-gs__zahlen li small{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);margin-top:6px}

/* ---- Produkte ---- */
.lrg-gs__prods{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
@media (max-width:640px){.lrg-gs__prods{grid-template-columns:1fr 1fr;gap:16px}}
html body a.lrg-gs__prod:not(#lrgx),.lrg-gs__prod{display:block;text-decoration:none;color:var(--ink)}
.lrg-gs__pbild{display:block;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--sand)}
.lrg-gs__pbild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.lrg-gs__prod:hover .lrg-gs__pbild img{transform:scale(1.02)}
.lrg-gs__prod b{display:block;font-weight:600;font-size:16px;margin-top:14px;color:var(--ink)}
.lrg-gs__prod>span:last-child{display:block;font-size:13px;color:var(--grau);margin-top:2px}

/* ---- Werte ---- */
html body ol.lrg-gs__werte:not(#lrgx){list-style:none;margin:0;padding:0}
html body .lrg-gs__werte li:not(#lrgx){margin:0;padding:34px 0;border-top:1px solid var(--ink);display:grid;gap:10px}
html body .lrg-gs__werte li:not(#lrgx)::before,html body .lrg-gs__werte li:not(#lrgx)::marker{content:none}
@media (min-width:860px){html body .lrg-gs__werte li:not(#lrgx){grid-template-columns:60px 1fr 1fr;gap:40px;align-items:baseline}}
.lrg-gs__nr{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--grau)}
html body .lrg-gs__werte h3:not(#lrgx){font-size:clamp(22px,2.4vw,30px);line-height:1.05;letter-spacing:-.025em;font-weight:700}
html body .lrg-gs__werte p:not(#lrgx){font-size:17px;color:var(--ink2);line-height:1.55}

/* ---- Gründereltern (nur Überschrift, dann Strecke) ---- */
.lrg-gs__kap--wir{border-bottom:0;padding-bottom:40px}
html body .lrg-gs__kap--wir h2:not(#lrgx){margin-bottom:0}

/* ---- Schluss ---- */
.lrg-gs__ende{padding:96px 0 120px;text-align:center}
html body .lrg-gs__ende h2:not(#lrgx){font-size:clamp(30px,4.2vw,56px);line-height:1;letter-spacing:-.035em;font-weight:700;margin:0 0 18px}
html body .lrg-gs__ende p:not(#lrgx){font-size:18px;color:var(--ink2);margin:0 0 32px}
html body .lrg-gs__btns:not(#lrgx){display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0}
html body a.lrg-gs__btn:not(#lrgx){display:inline-block;padding:15px 28px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;font-size:15px;line-height:1.2;border:1px solid var(--ink);transition:background .2s,color .2s}
html body a.lrg-gs__btn:not(#lrgx):hover{background:#fff;color:var(--ink)}
html body a.lrg-gs__btn--hell:not(#lrgx){background:#fff;color:var(--ink)}
html body a.lrg-gs__btn--hell:not(#lrgx):hover{background:var(--ink);color:#fff}

/* ---- Handy ---- */
@media (max-width:640px){
	.lrg-gs__wrap{padding:0 16px}
	.lrg-gs__strecke{height:320vh}
	.lrg-gs__strecke--quer{height:200vh}
	.lrg-gs__spur{gap:10px;padding:0 14px}
	.lrg-gs__karte{width:78vw;height:auto;aspect-ratio:4/5}
	.lrg-gs__strecke--quer .lrg-gs__karte{width:90vw;height:auto;aspect-ratio:7/5}
	.lrg-gs__tag{font-size:clamp(26px,8.5vw,40px)}
	.lrg-gs__strecke--quer .lrg-gs__tag{font-size:clamp(22px,6.5vw,30px)}
	.lrg-gs__tag small{white-space:normal}
	.lrg-gs__intro{padding:56px 0 48px}
	.lrg-gs__kap{padding:64px 0}
	.lrg-gs__chatblock{padding:72px 0 64px}
	.lrg-gs__ende{padding:64px 0 80px}
}

/* ---- Bewegung reduziert / ohne JavaScript ---- */
@media (prefers-reduced-motion:reduce){
	.lrg-gs__strecke{height:auto}
	.lrg-gs__buehne{position:static;height:auto;min-height:0;display:block;padding:16px 0}
	.lrg-gs__spur{flex-wrap:wrap;transform:none!important;padding:0 16px;justify-content:center}
	.lrg-gs__karte{flex:1 1 280px;height:auto;max-width:420px}
	.lrg-gs__pfeil .p{stroke-dashoffset:0}.lrg-gs__pfeil .s{opacity:1}
	.lrg-gs__fort,.lrg-gs__hint{display:none}
	.lrg-gs__clock{display:none}
	html body .lrg-gs__momente li:not(#lrgx){min-height:0;padding:18px 0;opacity:1;display:grid;grid-template-columns:70px 1fr;gap:16px}
	.lrg-gs__momente .t{display:block}
	.lrg-gs__msg{opacity:1;transform:none}
	.lrg-gs__typing{display:none!important}
}

/* ---- Teaser für die Startseite [liini_geschichte_teaser] (ab 1.8.1) ---- */
.lrg-gs-teaser{padding:72px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.lrg-gs-teaser__raster{display:grid;gap:28px;align-items:center}
@media (min-width:860px){.lrg-gs-teaser__raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}
.lrg-gs-teaser__bild{display:block;border-radius:8px;overflow:hidden;background:var(--sand);aspect-ratio:7/5}
.lrg-gs-teaser__bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.lrg-gs-teaser__bild:hover img{transform:scale(1.02)}
html body .lrg-gs-teaser h2:not(#lrgx){font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:700;margin:0 0 18px}
html body .lrg-gs-teaser__p:not(#lrgx){font-size:17px;line-height:1.6;color:var(--ink2);margin:0 0 34px;max-width:480px}
html body .lrg-gs-teaser .lrg-gs__btns:not(#lrgx){justify-content:flex-start;margin-top:8px!important}
@media (max-width:640px){.lrg-gs-teaser{padding:48px 0}}