@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("/fonts/archivo-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("/fonts/archivo-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* =====================================================================
   lutzamgarten.de – zentrales Design (v3, Archivo, Schwarz-Weiß)
   Gilt für alle Seiten. Einmal hier ändern = überall geändert.
   1 Tokens · 2 Basis · 3 Typo + Effekte · 4 Kopf + Menü · 5 Startseite
   6 Unterseiten · 7 Fuß · 8 Mobil · 9 Reduzierte Bewegung
   ===================================================================== */

/* ---------- 1 · Tokens ---------- */
#la,#la-top,#la-foot{
  --bg:#ffffff;--card:#f4f4f2;--line:rgba(26,27,30,.14);
  --text:#1a1b1e;--muted:#6c6f74;--soft:#3e4045;--accent:#1a1b1e;--ink:#1a1b1e;--on:#ffffff;
  --ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.76,0,.24,1);
  --pad:clamp(22px,5vw,80px);--adminbar:0px;
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variation-settings:"wdth" 100;
  font-size:clamp(16px,1.05vw,18px);line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--text);
}
body.admin-bar :is(#la,#la-top){--adminbar:32px}
@media (max-width:782px){body.admin-bar :is(#la,#la-top){--adminbar:46px}}
#la-top{display:contents}

/* ---------- 2 · Basis ---------- */
html,body{margin:0;padding:0;background:#fff}
body:has(#la) .page-header,body:has(#la) .entry-title{display:none!important}
body:has(#la) :is(.site-main,.page-content,.entry-content,.elementor,.elementor-section-wrap,.e-con,.e-con-inner,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-element-populated,.elementor-widget,.elementor-widget-container):has(#la){
  margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;
  --padding-top:0px;--padding-bottom:0px;--padding-block-start:0px;--padding-block-end:0px;--margin-block-start:0px;--margin-block-end:0px;--gap:0px;--row-gap:0px;--widgets-spacing:0px}
html,body{overflow-x:clip}

#la{position:relative;width:100vw;left:50%;margin-left:-50vw;background:var(--bg)}
:is(#la,#la-top,#la-foot) *,:is(#la,#la-top,#la-foot) *::before,:is(#la,#la-top,#la-foot) *::after{box-sizing:border-box;margin:0;padding:0}
:is(#la,#la-top,#la-foot) :is(h1,h2,h3,p,li,a,span,div,button,figure,blockquote,summary,nav,ol,ul){font-family:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}
:is(#la,#la-top,#la-foot) a{text-decoration:none}
:is(#la,#la-top,#la-foot) button{background:none;border:0;cursor:pointer;font:inherit;color:inherit}
:is(#la,#la-top,#la-foot) img{display:block;max-width:100%;height:auto}
:is(#la,#la-top,#la-foot) :focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}
#la ::selection,#la-foot ::selection{background:var(--ink);color:var(--on)}
:is(#la,#la-top,#la-foot) .pad{padding-left:var(--pad);padding-right:var(--pad)}
#la main{position:relative;z-index:1}

/* ---------- 3 · Typo + Effekte ---------- */
:is(#la,#la-top,#la-foot) .mega{font-weight:900;font-variation-settings:"wdth" 112;text-transform:uppercase;line-height:.84;letter-spacing:-.035em}
:is(#la,#la-foot) .big{font-weight:800;font-variation-settings:"wdth" 108;text-transform:uppercase;line-height:.9;letter-spacing:-.03em;font-size:clamp(2.6rem,7.4vw,7.6rem)}
:is(#la,#la-foot) .label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
:is(#la,#la-foot) .body{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.45;color:var(--soft);max-width:34ch}
:is(#la,#la-foot) .mega .row:not(.acc){font-weight:350}
:is(#la,#la-foot) .acc{color:inherit}
:is(#la,#la-foot) .micro{font-size:.82rem;color:var(--muted)}
#la .link{font-weight:700;border-bottom:1.5px solid var(--ink);padding-bottom:2px}

/* Roll-Effekt für Links */
:is(#la,#la-top,#la-foot) .roll{display:inline-block;overflow:hidden;vertical-align:top;line-height:inherit;height:1em;padding-bottom:.08em;box-sizing:content-box}
:is(#la,#la-top,#la-foot) .roll>span{display:block;transition:transform .55s var(--ease)}
:is(#la,#la-top,#la-foot) .roll>span::after{content:attr(data-t);display:block}
@media (hover:hover){:is(#la,#la-top,#la-foot) :is(a,button):hover .roll>span{transform:translateY(-50%)}}

/* Buttons */
:is(#la,#la-foot) .btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 1.7em;border-radius:99px;background:var(--ink);color:var(--on);
  font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.88rem;transition:transform .25s var(--ease)}
:is(#la,#la-foot) .btn:active{transform:scale(.97)}
:is(#la,#la-foot) .btn.line{background:transparent;color:var(--text);border:1.5px solid var(--line)}
:is(#la,#la-foot) .btn .roll{height:1.2em;line-height:1.2em}

/* Masken-Reveals */
:is(#la,#la-foot) .lines .ln{display:block;overflow:hidden;padding:.14em 0 .06em;margin:-.14em 0 -.06em}
:is(#la,#la-foot) .lines .ln>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--k,0) * 110ms)}
:is(#la,#la-foot) .lines.in .ln>span{transform:none}
:is(#la,#la-foot) .chars .c{display:inline-block;transform:translateY(110%);transition:transform 1s var(--ease);transition-delay:calc(var(--k,0) * 28ms)}
:is(#la,#la-foot) .chars .wd{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:top;padding:.14em 0 .04em;margin-top:-.14em}
:is(#la,#la-foot) .chars.in .c{transform:none}
:is(#la,#la-foot) .fade{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--k,0) * 100ms)}
:is(#la,#la-foot) .fade.in{opacity:1;transform:none}

/* ---------- 4 · Kopf + Vollbild-Menü (zentral) ---------- */
#la-top .top{position:fixed;top:var(--adminbar);left:0;right:0;z-index:60;display:flex;justify-content:space-between;align-items:center;
  padding:calc(14px + env(safe-area-inset-top,0px)) var(--pad) 14px;mix-blend-mode:difference;color:#fff}
#la-top .brand{font-weight:800;font-variation-settings:"wdth" 112;text-transform:uppercase;letter-spacing:-.01em;font-size:1.05rem}
#la-top .right{display:flex;align-items:center;gap:22px}
#la-top .menu-btn{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;display:flex;align-items:center;gap:10px}
#la-top .menu-btn i{width:22px;height:8px;position:relative}
#la-top .menu-btn i::before,#la-top .menu-btn i::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .5s var(--ease)}
#la-top .menu-btn i::before{top:0}#la-top .menu-btn i::after{bottom:0}
#la-top.menu-open .menu-btn i::before{transform:translateY(3px) rotate(45deg)}
#la-top.menu-open .menu-btn i::after{transform:translateY(-3px) rotate(-45deg)}
#la-top .cta-mini{font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;border:1.5px solid currentColor;border-radius:99px;padding:.6em 1.1em}
#la-top .menu{position:fixed;inset:0;z-index:55;background:var(--ink);color:var(--on);clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease-io);
  display:flex;flex-direction:column;justify-content:flex-end;padding:110px var(--pad) calc(32px + env(safe-area-inset-bottom,0px));overflow-y:auto}
#la-top.menu-open .menu{clip-path:inset(0 0 0 0)}
#la-top .menu ol{list-style:none}
#la-top .menu li{display:flex;align-items:baseline;gap:clamp(12px,2vw,28px);border-top:1.5px solid rgba(255,255,255,.22)}
#la-top .menu li:last-child{border-bottom:1.5px solid rgba(255,255,255,.22)}
#la-top .menu .n{font-weight:700;font-size:.9rem;width:2.4em;flex:none}
#la-top .menu li a{display:block;font-weight:900;font-variation-settings:"wdth" 115;text-transform:uppercase;font-size:clamp(2.1rem,6.4vw,6.2rem);line-height:1;letter-spacing:-.04em}
#la-top .menu li a[aria-current="page"]{opacity:.45}
#la-top .menu .more{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
#la-top .menu .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;font-weight:600;color:rgba(255,255,255,.7)}
#la-top .cursor{position:fixed;left:0;top:0;z-index:70;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:var(--ink);color:var(--on);
  display:grid;place-items:center;font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;pointer-events:none;transform:scale(0);transition:transform .45s var(--ease)}
#la-top .cursor.on{transform:scale(1)}
@media (hover:none){#la-top .cursor{display:none}}

/* ---------- 5 · Startseite ---------- */
/* Hero */
#la .hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:96px;padding-bottom:clamp(26px,4vh,44px)}
#la .hero h1{font-size:100px}
#la .hero h1 .meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,3vh,30px);line-height:1.5}
#la .hero h1 .row{display:block;white-space:nowrap}
#la .hero .under,#la .page-hero .under{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(22px,4vh,40px)}
#la .hero .under .act,#la .page-hero .act{display:flex;align-items:center;gap:18px;flex-wrap:wrap}

/* Laufband */
#la .marquee{overflow:hidden;padding:clamp(14px,2vw,22px) 0;background:var(--ink);color:var(--on)}
#la .marquee .track{display:flex;width:max-content;animation:la-marq 38s linear infinite}
#la .marquee span{font-weight:900;font-variation-settings:"wdth" 115;text-transform:uppercase;font-size:clamp(1.6rem,3.6vw,3.4rem);letter-spacing:-.02em;padding-right:.6em;white-space:nowrap}
#la .marquee b{color:var(--on);font-weight:900;padding-right:.6em;font-size:clamp(1.6rem,3.6vw,3.4rem)}
@keyframes la-marq{to{transform:translateX(-50%)}}

/* Problem: Wörter hellen beim Lesen auf */
#la .problem{padding-block:clamp(120px,20vh,220px)}
#la .problem .label{margin-bottom:28px;display:block}
#la .read{font-size:clamp(2.2rem,5.6vw,5.6rem);font-weight:800;font-variation-settings:"wdth" 104;line-height:1;letter-spacing:-.035em;max-width:16ch}
#la .read .w{opacity:.13;transition:opacity .2s linear}
#la .read .w.lit{opacity:1}
#la .read .w.em{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.1em}
#la .problem .turn{margin-top:clamp(32px,6vh,60px)}

/* Weg: nummerierte Zeilen */
#la .way{padding-block:clamp(80px,12vh,140px)}
#la .way .head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(30px,5vw,60px)}
#la .steps{list-style:none;border-top:1.5px solid var(--line)}
#la .steps li{display:grid;grid-template-columns:clamp(50px,7vw,110px) minmax(0,1fr) minmax(0,26rem);gap:clamp(14px,3vw,48px);align-items:baseline;
  padding:clamp(20px,3.4vw,40px) 0;border-bottom:1.5px solid var(--line)}
#la .steps .n{font-weight:700;color:var(--accent)}
#la .steps h3{font-weight:900;font-variation-settings:"wdth" 112;text-transform:uppercase;font-size:clamp(2rem,5.4vw,5.4rem);line-height:.9;letter-spacing:-.035em}
#la .steps p{color:#45474c;font-size:clamp(1rem,1.2vw,1.15rem)}

/* Projekte */
#la .work{padding-block:clamp(100px,14vh,170px)}
#la .work .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(36px,5vw,64px)}
#la .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,34px)}
#la .card{display:block;cursor:none}
#la .card:nth-child(even){margin-top:clamp(0px,8vw,120px)}
#la .shot{aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:var(--card);position:relative}
#la .shot img{width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.08);transition:opacity .8s ease,transform 1.4s var(--ease)}
#la .shot img.ok{opacity:1;transform:scale(1)}
#la .card:hover .shot img.ok{transform:scale(1.05)}
#la .card .meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:16px}
#la .card .name{font-weight:900;font-variation-settings:"wdth" 110;text-transform:uppercase;font-size:clamp(1.3rem,2.4vw,2.2rem);letter-spacing:-.02em;line-height:1}
#la .card .what{color:var(--muted);font-size:.9rem;text-align:right}
#la .card .desc{color:var(--soft);margin-top:10px;max-width:44ch}
@media (hover:none){#la .card{cursor:pointer}}

/* Mantra */
#la .mantra{padding-block:clamp(100px,16vh,180px);overflow:hidden}
#la .mantra .rowx{white-space:nowrap;font-size:clamp(1.1rem,5vw,5.4rem);will-change:transform;display:inline-block}
#la .mantra .rowx+.rowx{margin-top:.08em}
#la .mantra .rows{display:flex;flex-direction:column;align-items:flex-start}
#la .mantra .rowx.out{-webkit-text-stroke:1.5px var(--text);color:transparent}
#la .mantra .body{margin-top:clamp(30px,5vw,56px)}

/* Angebot */
#la .offer{padding-block:clamp(100px,14vh,170px)}
#la .offer .head{margin-bottom:clamp(36px,5vw,64px)}
#la .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--line)}
#la .plans.two{grid-template-columns:repeat(2,minmax(0,1fr))}
#la .plan{padding:clamp(24px,2.6vw,40px) clamp(18px,2.4vw,36px) clamp(26px,3vw,44px);border-bottom:1.5px solid var(--line);display:flex;flex-direction:column;position:relative}
#la .plan+.plan{border-left:1.5px solid var(--line)}
#la .plan h3{font-weight:900;font-variation-settings:"wdth" 110;text-transform:uppercase;font-size:clamp(1.5rem,2.3vw,2.2rem);letter-spacing:-.02em;line-height:1;margin-top:12px}
#la .plan .price{font-weight:900;font-variation-settings:"wdth" 112;font-size:clamp(3rem,6vw,6rem);letter-spacing:-.045em;line-height:.9;margin:clamp(22px,3vw,40px) 0}
#la .plan .price small{display:block;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
#la .plan .price.ask{font-size:clamp(2.2rem,4vw,4rem)}
#la .plan ul{list-style:none;display:grid;gap:10px;margin-bottom:30px;flex:1;align-content:start}
#la .plan li{position:relative;padding-left:18px;color:var(--soft)}
#la .plan li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:var(--accent)}
#la .plan.feat{background:var(--card)}
#la .plan .btn{align-self:flex-start}
#la .offer .note{margin-top:22px}

/* Stimmen (dunkel) */
#la .voices{background:var(--ink);color:var(--on);padding-block:clamp(100px,14vh,170px)}
#la .voices .label{color:rgba(255,255,255,.55)}
#la .slides{position:relative;margin-top:clamp(28px,4vw,48px);min-height:clamp(14rem,30vw,22rem)}
#la .slide{position:absolute;inset:0;opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .9s var(--ease);pointer-events:none}
#la .slide.on{opacity:1;transform:none;pointer-events:auto}
#la .slide p{font-weight:800;font-variation-settings:"wdth" 104;font-size:clamp(1.6rem,3.6vw,3.4rem);line-height:1.04;letter-spacing:-.03em;max-width:24ch}
#la .slide .who{margin-top:24px;font-weight:600}
#la .ctrl{display:flex;gap:12px;margin-top:clamp(24px,3vw,36px)}
#la .ctrl button{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);font-weight:800;font-size:1.1rem;transition:background .3s ease,color .3s ease}
#la .ctrl button:hover{background:var(--on);color:var(--ink)}

/* Lutz */
#la .me{padding-block:clamp(110px,16vh,180px)}
#la .me .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(30px,6vw,96px);align-items:end}
#la .me figure,#la .story figure{overflow:hidden;border-radius:4px}
#la .me figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;transform:scale(1.12);transition:transform 1.6s var(--ease)}
#la :is(.me,.story) figure.in img{transform:none}
#la .me .body{margin:26px 0 32px}

/* FAQ */
#la .faq{padding-block:clamp(80px,12vh,140px)}
#la .faq .grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(30px,6vw,96px)}
#la details{border-bottom:1.5px solid var(--line)}
#la details:first-child{border-top:1.5px solid var(--line)}
#la summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-weight:700;font-size:clamp(1.08rem,1.4vw,1.3rem)}
#la summary::-webkit-details-marker{display:none}
#la summary i{flex:none;width:16px;height:16px;position:relative}
#la summary i::before,#la summary i::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--accent);transition:transform .45s var(--ease)}
#la summary i::after{transform:rotate(90deg)}
#la details[open] summary i::after{transform:rotate(0)}
#la details .a{overflow:hidden}
#la details .a p{padding-bottom:24px;color:#45474c;max-width:56ch}
#la details .a a{font-weight:700;border-bottom:1.5px solid var(--ink)}

/* Über-mich-Panel (Startseite) */
#la .ap{position:fixed;inset:0;z-index:90;pointer-events:none}
#la .ap.open{pointer-events:auto}
#la .ap-dim{position:absolute;inset:0;background:rgba(26,27,30,.45);opacity:0;transition:opacity .6s ease}
#la .ap.open .ap-dim{opacity:1}
#la .ap-card{position:absolute;top:calc(14px + var(--adminbar));right:14px;bottom:14px;width:min(600px,44vw);background:#fff;box-shadow:-30px 0 80px -30px rgba(0,0,0,.35);border-radius:6px;overflow-y:auto;overscroll-behavior:contain;
  padding:clamp(22px,2.4vw,40px);transform:translateX(calc(100% + 24px));transition:transform .9s var(--ease-io)}
#la .ap.open .ap-card{transform:none}
#la .ap-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
#la .ap-card h2{font-weight:900;font-variation-settings:"wdth" 115;text-transform:uppercase;font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.035em;line-height:.9;color:var(--ink);margin:clamp(30px,5vh,52px) 0 22px}
#la .ap-card p{color:#3a3c41;font-size:clamp(1rem,1.1vw,1.1rem);line-height:1.6}
#la .ap-card p+p{margin-top:1.05em}
#la .ap-card blockquote{margin-top:clamp(36px,5vh,56px);padding-top:26px;border-top:1.5px solid var(--line)}
#la .ap-card blockquote p{font-weight:800;font-variation-settings:"wdth" 106;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.08;letter-spacing:-.025em;color:var(--text)}
#la .ap-card .end{margin:36px 0 6px}
#la .ap-close{position:absolute;top:calc(28px + var(--adminbar));right:calc(min(600px,44vw) + 34px);width:58px;height:58px;border-radius:50%;background:var(--ink)!important;color:var(--on);display:grid;place-items:center;opacity:0;transform:scale(.6) rotate(-90deg);transition:opacity .4s ease,transform .6s var(--ease)}
#la .ap.open .ap-close{opacity:1;transform:none;transition-delay:.4s}

/* ---------- 6 · Unterseiten ---------- */
/* Seitenkopf */
#la .page-hero{min-height:88vh;min-height:88svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:110px;padding-bottom:clamp(36px,6vh,70px)}
#la .page-hero .meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-bottom:clamp(18px,3vh,30px)}
#la .page-hero .meta a{border-bottom:1.5px solid var(--line)}
#la .page-hero .meta a:hover{color:var(--text)}
#la .page-hero h1{font-size:clamp(2.4rem,7.4vw,8.2rem);max-width:17ch;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
#la .page-hero.long h1{font-size:clamp(1.9rem,6vw,6.6rem);max-width:19ch}

/* Abschnitte */
#la .sec{padding-block:clamp(90px,14vh,170px)}
#la .sec.tight{padding-top:clamp(30px,5vh,60px)}
#la .sec.dark{background:var(--ink);color:var(--on)}
#la .sec.dark .label{color:rgba(255,255,255,.55)}
#la .sec.dark :is(.body,.prose p){color:rgba(255,255,255,.78)}
#la .split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(30px,6vw,96px);align-items:start}
#la .split .label{display:block;margin-bottom:22px}
#la .split .big{font-size:clamp(2.2rem,5vw,5rem)}
#la .head-block{margin-bottom:clamp(36px,5vw,64px)}
#la .head-block .label{display:block;margin-bottom:22px}
#la .prose p{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.5;color:var(--soft);max-width:52ch}
#la .prose p+p{margin-top:1.05em}
#la .sub{font-weight:900;font-variation-settings:"wdth" 110;text-transform:uppercase;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.02em;line-height:1;margin-bottom:18px}
#la .points+.sub{margin-top:52px}

/* Punkte-Liste */
#la .points{list-style:none;border-top:1.5px solid var(--line)}
#la .points li{position:relative;padding:20px 0 20px 24px;border-bottom:1.5px solid var(--line);color:var(--soft);font-size:clamp(1rem,1.2vw,1.15rem)}
#la .points li::before{content:"";position:absolute;left:0;top:calc(20px + .6em);width:7px;height:7px;background:var(--accent)}
#la .points b{color:var(--text);font-weight:800}
#la .sec.dark .points{border-color:rgba(255,255,255,.22)}
#la .sec.dark .points li{border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.78)}
#la .sec.dark .points li::before{background:var(--on)}
#la .sec.dark .points b{color:var(--on)}

/* Zwei Türen */
#la .doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1.5px solid var(--line)}
#la .door{display:flex;flex-direction:column;padding:clamp(26px,3vw,48px) clamp(18px,2.4vw,40px) clamp(26px,3vw,48px) 0;border-bottom:1.5px solid var(--line);transition:background .4s ease}
#la .door+.door{border-left:1.5px solid var(--line);padding-left:clamp(18px,2.4vw,40px)}
#la .door h3{font-weight:900;font-variation-settings:"wdth" 110;text-transform:uppercase;font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.03em;line-height:.95}
#la .door p{margin-top:14px;color:var(--soft);max-width:40ch;flex:1}
#la .door .more{margin-top:26px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.86rem}
#la .door .more .roll{height:1.2em;line-height:1.2em}

/* Orte */
#la .places{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:30px}
#la .places li{border:1.5px solid var(--line);border-radius:99px;padding:7px 15px;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}

/* Ratgeber-Artikel */
#la .article{max-width:68ch}
#la .article h2{font-weight:900;font-variation-settings:"wdth" 108;text-transform:uppercase;font-size:clamp(1.6rem,2.8vw,2.6rem);letter-spacing:-.03em;line-height:.95;margin:72px 0 18px}
#la .article h2:first-child{margin-top:0}
#la .article p,#la .article li{color:var(--soft);font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.55}
#la .article ul{list-style:none;margin-top:14px}
#la .article ul li{position:relative;padding:6px 0 6px 22px}
#la .article ul li::before{content:"";position:absolute;left:0;top:calc(6px + .65em);width:7px;height:7px;background:var(--accent)}
#la .note{margin-top:60px;padding-top:24px;border-top:1.5px solid var(--line);color:var(--soft)}
#la .note a{font-weight:700;border-bottom:1.5px solid var(--ink)}

/* Über-mich-Seite */
#la .story .grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(30px,6vw,96px);align-items:start}
#la .story figure img{width:100%;aspect-ratio:3/2;object-fit:cover;transform:scale(1.12);transition:transform 1.6s var(--ease)}
#la .story blockquote{margin-top:44px;padding-top:26px;border-top:1.5px solid var(--line);font-weight:800;font-variation-settings:"wdth" 106;font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1.06;letter-spacing:-.025em;max-width:24ch}

/* Rechtstexte */
#la .legal-page{padding:150px var(--pad) 110px}
#la .legal-page .inner{max-width:820px}
#la .legal-page h1{font-weight:900;font-variation-settings:"wdth" 112;text-transform:uppercase;font-size:clamp(2.6rem,7vw,6rem);line-height:.9;letter-spacing:-.04em;margin-bottom:48px}
#la .legal-page :is(h2,h3){font-weight:800;font-size:1.2rem;margin:34px 0 10px}
#la .legal-page :is(p,li){color:var(--soft)}
#la .legal-page p+p{margin-top:.9em}
#la .legal-page a{font-weight:700;border-bottom:1.5px solid var(--ink)}

/* ---------- 7 · Fuß (zentral) ---------- */
#la-foot{display:block;position:relative;z-index:1;background:var(--bg);padding-top:clamp(110px,18vh,200px);overflow:hidden}
#la-foot .final .mega{font-size:clamp(3.6rem,13vw,14rem)}
#la-foot .final .act{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:clamp(28px,4vw,44px)}
#la-foot .final .act a.mail{font-weight:700;border-bottom:1.5px solid var(--line);padding-bottom:3px}
#la-foot .sitemap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:clamp(80px,12vh,140px);padding-top:28px;border-top:1.5px solid var(--line)}
#la-foot .sitemap .label{display:block;margin-bottom:14px}
#la-foot .sitemap p{color:var(--soft);max-width:36ch}
#la-foot .sitemap p+p{margin-top:10px}
#la-foot .sitemap ul{list-style:none;display:grid;gap:8px}
#la-foot .sitemap a{font-weight:700}
#la-foot .sitemap a:hover{text-decoration:underline;text-underline-offset:3px}
#la-foot .wordmark{margin-top:clamp(60px,10vh,120px);font-size:100px;white-space:nowrap;color:var(--ink);line-height:.78;padding-bottom:.02em}
#la-foot .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:22px var(--pad) calc(22px + env(safe-area-inset-bottom,0px));border-top:1.5px solid var(--line);font-size:.84rem;color:var(--muted)}
#la-foot .legal nav{display:flex;gap:20px;flex-wrap:wrap}
#la-foot .legal a:hover{color:var(--text)}

/* Logo */
#la-top .brand{display:block;line-height:0}
#la-top .brand .logo{height:30px;width:auto;display:block}
#la-foot .foot-logo{display:inline-block;line-height:0;margin-bottom:18px;color:var(--ink)}
#la-foot .foot-logo .logo{height:40px;width:auto;display:block}
@media (max-width:640px){#la-top .brand .logo{height:24px}}

/* Zitate: Theme-Stil (kursiv, Rand) neutralisieren */
:is(#la,#la-foot) blockquote{font-style:normal;border-left:0;padding-left:0;margin-left:0;quotes:none;background:none}
:is(#la,#la-foot) blockquote::before,:is(#la,#la-foot) blockquote::after{content:none}
#la .story blockquote{border-left:0}

/* ---------- 8 · Mobil ---------- */
@media (max-width:900px){
  #la .hero h1 .meta{flex-direction:column;gap:6px}
  #la .hero h1 .row{white-space:normal}
  #la .steps li{grid-template-columns:44px minmax(0,1fr)}
  #la .steps p{grid-column:2}
  #la :is(.cards,.plans,.plans.two,.me .grid,.faq .grid,.split,.doors,.story .grid){grid-template-columns:1fr}
  #la .card:nth-child(even){margin-top:0}
  #la .plan+.plan{border-left:0}
  #la .door,#la .door+.door{padding-left:0;padding-right:0;border-left:0}
  #la .me figure{max-width:420px}
  #la .ap-card{inset:calc(10px + var(--adminbar)) 10px 10px 10px;width:auto}
  #la .ap-close{top:calc(20px + var(--adminbar));right:20px;z-index:2;width:48px;height:48px}
  #la-foot .sitemap{grid-template-columns:1fr 1fr}
  #la-foot .sitemap > div:first-child{grid-column:1 / -1}
}
@media (max-width:640px){#la-top .cta-mini{display:none}}

/* ---------- 9 · Reduzierte Bewegung ---------- */
@media (prefers-reduced-motion:reduce){
  :is(#la,#la-top,#la-foot) *,:is(#la,#la-top,#la-foot) *::before,:is(#la,#la-top,#la-foot) *::after{animation:none!important;transition:none!important}
  :is(#la,#la-foot) :is(.lines .ln>span,.chars .c,.fade){transform:none;opacity:1}
  #la .read .w{opacity:1}
}

/* v4: Ratenhinweis im Preis-Kasten */
#la .plan .rate{margin:calc(-1 * clamp(10px,1.6vw,22px)) 0 clamp(18px,2vw,26px);color:var(--muted);font-size:.95rem}

/* v5: Video-Bühne (Parallax, ruhig) */
#la .reel{padding-bottom:clamp(70px,10vw,140px)}
#la .reel .frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink);color:var(--on);transform-origin:50% 0;will-change:transform;border-radius:2px}
#la .reel .media{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
#la .reel .ph{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:18px;text-align:center;background:radial-gradient(120% 90% at 50% 40%,#2a2b2f 0%,#1a1b1e 60%,#111214 100%)}
#la .reel .play{width:clamp(64px,8vw,104px);height:clamp(64px,8vw,104px);border-radius:50%;border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center}
#la .reel .play svg{width:30%;height:30%;margin-left:6%}
#la .reel .ph .label{color:rgba(255,255,255,.6)}
#la .reel .cap{display:flex;justify-content:space-between;gap:20px;margin-top:16px}

#la .sec.dark .btn.line{color:var(--on);border-color:rgba(255,255,255,.45)}
#la .sec.dark .btn:not(.line){background:var(--on);color:var(--ink)}

/* v5.1: Preis, ruhig */
#la .pricing{background:var(--card);padding-block:clamp(90px,13vh,160px)}
#la .pricing .top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
#la .pr-num{display:flex;align-items:flex-start;gap:clamp(10px,1.4vw,22px);margin:clamp(18px,3vw,40px) 0 clamp(40px,6vw,80px);
  font-weight:300;font-variation-settings:"wdth" 112;font-size:clamp(4rem,14vw,15rem);line-height:.8;letter-spacing:-.06em;white-space:nowrap}
#la .pr-num small{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1;margin-top:.9em}
#la .pr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,96px);border-top:1.5px solid var(--line);padding-top:clamp(28px,4vw,48px)}
#la .pr-grid .body{max-width:30ch;margin-bottom:16px}
#la .pr-grid .strong{font-weight:800;font-variation-settings:"wdth" 106;font-size:clamp(1.2rem,1.7vw,1.5rem);letter-spacing:-.015em;margin:26px 0 30px}
#la .pr-list{list-style:none;margin:0;padding:0}
#la .pr-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);
  font-weight:600;font-variation-settings:"wdth" 104;font-size:clamp(1.1rem,1.6vw,1.45rem);letter-spacing:-.01em}
#la .pr-list li:first-child{padding-top:0}
#la .pr-list li span{color:var(--muted);font-weight:400;font-size:.8em}
@media (max-width:820px){#la .pr-grid{grid-template-columns:1fr}#la .pr-num{font-size:clamp(3.6rem,18vw,7rem)}}

/* v5.1: Schritte invertieren beim Hover */
@media (hover:hover){
  #la .steps li{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);transition:background-color .35s var(--ease),color .35s var(--ease)}
  #la .steps li:hover{background:var(--ink);color:var(--on)}
  #la .steps li :is(.n,h3,p){transition:color .35s var(--ease)}
  #la .steps li:hover :is(.n,h3,p){color:var(--on)}
}

/* v5.1: Bild wächst beim Scrollen */
#la figure[data-grow]{will-change:transform}
#la figure[data-grow] img{transition:none!important;will-change:transform}

/* v5.2: lange Wörter in Schritten umbrechen statt überlaufen */
#la .steps h3{min-width:0;overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual}
#la .steps li>*{min-width:0}
#la .faq .grid>h2{font-size:clamp(2.6rem,5.2vw,6.2rem)}
:is(#la) :is(h1,h2,h3){overflow-wrap:break-word}

/* ---------- v6 · statisch + Angebot mit drei Türen ---------- */
body{background:#fff}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#1a1b1e;color:#fff;padding:12px 18px;font:700 14px/1 Archivo,system-ui,sans-serif}
.skip:focus{left:12px;top:12px}
#la-top .brand .logo,#la-foot .foot-logo .logo{fill:currentColor}

/* Laufband auf der Startseite */
#la .marquee .track span{display:inline-flex;align-items:center}

/* Angebot: drei Türen */
#la .offer .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}
#la .offer .head .body{max-width:30ch}
#la .plan .tag{display:block}
#la .plan .price{margin:clamp(20px,2.6vw,34px) 0 clamp(8px,1vw,14px)}
#la .plan .price .per{font-size:.26em;font-weight:700;letter-spacing:.02em;margin-left:.25em;font-variation-settings:"wdth" 100}
#la .plan .rate{margin:0 0 clamp(20px,2.4vw,30px);color:var(--muted);font-size:.95rem}
#la .plan .lead{color:var(--soft);margin-top:14px;max-width:34ch}
#la .plan ul{margin-top:clamp(20px,2.4vw,30px);border-top:1.5px solid var(--line);padding-top:18px}
#la .plan .btn{align-self:stretch}
@media (hover:hover){
  #la .plans .plan{transition:background-color .45s var(--ease),color .45s var(--ease)}
  #la .plans .plan:hover{background:var(--ink);color:var(--on)}
  #la .plans .plan:hover :is(.label,.rate,.lead,li){color:rgba(255,255,255,.75)}
  #la .plans .plan:hover ul{border-color:rgba(255,255,255,.22)}
  #la .plans .plan:hover li::before{background:var(--on)}
  #la .plans .plan:hover .btn{background:var(--on);color:var(--ink)}
}
#la .offer .after{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center;margin-top:clamp(30px,4vw,52px)}
#la .offer .after .strong{font-weight:800;font-variation-settings:"wdth" 106;font-size:clamp(1.2rem,1.7vw,1.5rem);letter-spacing:-.015em;max-width:40ch}
#la .offer .after .micro{grid-column:1 / -1}
@media (min-width:901px){#la .offer .plans{grid-template-rows:repeat(7,auto)}#la .offer .plan{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0}#la .offer .plan .btn{align-self:end}}
@media (max-width:900px){#la .offer .after{grid-template-columns:1fr}#la .plan{padding-left:0;padding-right:0}}
#la .ap:not(.open) .ap-card{box-shadow:none}

/* 404 */
#la .nf{min-height:90vh;min-height:90svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:110px;padding-bottom:clamp(40px,8vh,90px)}
#la .nf h1{font-size:clamp(3.4rem,14vw,14rem)}