/* ===== Leinegrafik · Kundenstimmen (lgt-) ===== */
.lgt{--anthrazit:#353535;--creme:#FFFEF8;--koralle:#EA4524;--glut:#C9361A;--hell:#F7764F;--ease:cubic-bezier(.333,0,.667,1);--raus:cubic-bezier(.16,1,.3,1);--feder:cubic-bezier(.34,1.45,.64,1);--exo:'Exo 2',sans-serif;--gara:'EB Garamond',Georgia,serif; position:relative;isolation:isolate;overflow:hidden;color:var(--anthrazit);font-family:var(--exo); background:var(--creme); padding:clamp(56px,7vw,100px) 0 clamp(60px,7.5vw,104px)}
.lgt *{box-sizing:border-box}
.lgt p,.lgt figure,.lgt blockquote{margin:0}
/* Verlauf: zwei langsam wandernde Lichtflecken + feines Punktraster */
.lgt-licht{position:absolute;inset:-8%;z-index:-2;pointer-events:none; background:radial-gradient(36% 44% at 56% 52%,rgba(234,69,36,.374) 0%,rgba(234,69,36,.176) 45%,rgba(240,120,90,.066) 75%,rgba(255,254,248,0) 100%); animation:lgt-wandern 18s var(--ease) infinite alternate}
@keyframes lgt-wandern{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}100%{transform:translate3d(-2%,2%,0) scale(.97)}}
.lgt-raster{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16; background-image:radial-gradient(rgba(53,53,53,.9) 1px,transparent 1.2px);background-size:22px 22px; -webkit-mask-image:linear-gradient(115deg,transparent 10%,#000 55%,transparent 95%);mask-image:linear-gradient(115deg,transparent 10%,#000 55%,transparent 95%)} .lgt-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.4fr);gap:clamp(40px,6vw,96px);align-items:center}
.lgt-kicker{display:inline-flex;align-items:center;gap:12px;font:500 13px/1 var(--exo);letter-spacing:.18em;text-transform:uppercase;color:var(--koralle)}
.lgt-kicker::before{content:"";width:28px;height:2px;background:currentColor}
.lgt h2{margin:22px 0 0;font:200 clamp(32px,3.8vw,54px)/1.04 var(--exo);letter-spacing:-.025em;color:var(--anthrazit)}
.lgt h2 b{font-weight:500}
.lgt h2 em{display:block;font:italic 400 clamp(32px,3.6vw,50px)/1.08 var(--gara);letter-spacing:-.01em;margin-top:4px;color:var(--koralle)}
.lgt-vorspann{margin-top:24px!important;max-width:30em;font:400 clamp(18px,1.5vw,21px)/1.5 var(--gara);color:rgba(53,53,53,.82)} .lgt-google{margin-top:32px;display:inline-flex;align-items:center;gap:16px;padding:14px 20px 14px 16px;border-radius:14px;text-decoration:none;color:var(--anthrazit); background:rgba(255,254,248,.6);border:1px solid rgba(53,53,53,.12);box-shadow:0 14px 30px -18px rgba(150,50,20,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px); transition:background .5s var(--raus),transform .5s var(--raus)}
.lgt-google:hover{background:rgba(255,254,248,.9);transform:translateY(-2px)}
.lgt-note{font:200 44px/1 var(--exo);letter-spacing:-.03em}
.lgt-google small{display:block;font:500 14px/1.3 var(--exo);letter-spacing:.02em}
.lgt-google small span{display:block;opacity:.8;font-weight:400;margin-top:2px}
.lgt-sterne{display:flex;gap:3px;margin-bottom:5px}
.lgt-sterne svg{width:16px;height:16px;fill:var(--koralle)} .lgt-steuer{margin-top:36px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.lgt-pfeile{display:flex;gap:10px}
.lgt-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--koralle);border-radius:9px;background:transparent;color:var(--anthrazit);padding:12.6px 28px;font:500 16px/28px var(--exo);text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color .5s var(--raus),border-radius .5s var(--raus),transform .18s ease}
.lgt-btn.lgt-rund{padding:12.6px 0;width:58px}
.lgt-btn .lgt-o{position:absolute;left:0;top:0;width:0;height:0;border-radius:50%;background:var(--koralle);transform:translate(-50%,-50%) scale(0);transition:transform .6s var(--raus);pointer-events:none;z-index:-1}
.lgt-btn.lgt-an{border-radius:var(--pill,999px);color:#fff}
.lgt-btn.lgt-an .lgt-o{transform:translate(-50%,-50%) scale(1)}
.lgt-btn:active{transform:scale(.97)}
.lgt-btn:focus-visible,.lgt-google:focus-visible,.lgt-stapel:focus-visible,.lgt-punkte button:focus-visible{outline:2px solid var(--koralle);outline-offset:4px}
.lgt-zaehler{font:300 15px/1 var(--exo);letter-spacing:.08em;font-variant-numeric:tabular-nums;opacity:.85}
.lgt-zaehler b{font-weight:600} /* Kartenstapel */
.lgt-buehne{position:relative}
.lgt-stapel{position:relative;height:410px;margin-top:44px;touch-action:pan-y;outline:none}
.lgt-karte{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(28px,3.2vw,44px);border-radius:24px; background:linear-gradient(145deg,rgba(255,254,248,.78),rgba(255,254,248,.52));border:1px solid rgba(255,255,255,.9); -webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%); box-shadow:0 34px 60px -30px rgba(170,55,25,.45),0 8px 18px -10px rgba(120,60,40,.18),0 1px 0 #fff inset; transform-origin:50% 100%;will-change:transform,opacity;user-select:none;-webkit-user-select:none;cursor:grab; transition:transform .75s var(--feder),opacity .5s var(--ease)}
.lgt-karte[data-pos="1"],.lgt-karte[data-pos="2"]{background:linear-gradient(145deg,rgba(250,214,200,.75),rgba(246,190,172,.55))}
.lgt-karte.lgt-zieht{cursor:grabbing;transition:none}
.lgt-karte.lgt-fliegt{transition:transform .5s cubic-bezier(.5,0,.75,0),opacity .45s var(--ease)}
.lgt-karte.lgt-still{transition:none}
.lgt-karte>*{transition:opacity .4s var(--ease)}
.lgt-karte[data-pos="1"]>*,.lgt-karte[data-pos="2"]>*,.lgt-karte[data-pos="3"]>*{opacity:0}
.lgt-zitatzeichen{font:500 110px/1 var(--gara);color:var(--koralle);opacity:.9;height:46px;margin:-14px 0 0 -6px}
.lgt-text{flex:1;display:flex;align-items:center;margin-top:8px!important}
.lgt-text q{quotes:none;font:400 clamp(19px,1.65vw,24px)/1.42 var(--gara);color:var(--anthrazit);text-wrap:pretty}
.lgt-text q i{font-style:italic}
.lgt-karte.lgt-lang .lgt-text q{font-size:clamp(17px,1.35vw,19.5px);line-height:1.45}
.lgt-karte.lgt-kurz .lgt-text q{font:italic 400 clamp(40px,4.4vw,60px)/1.05 var(--gara)}
.lgt-wer{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(53,53,53,.12)}
.lgt-avatar{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--koralle);color:var(--creme);font:500 17px/1 var(--exo);letter-spacing:.02em}
.lgt-name{font:500 16px/1.25 var(--exo);color:var(--anthrazit)}
.lgt-meta{font:400 13px/1.3 var(--exo);color:rgba(53,53,53,.62);margin-top:3px!important}
.lgt-wer .lgt-sterne{margin:0 0 0 auto;flex:none}
.lgt-wer .lgt-sterne svg{width:14px;height:14px}
.lgt-tag{align-self:flex-start;margin-bottom:14px;line-height:1.3!important;font:500 11px/1 var(--exo);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid rgba(234,69,36,.5);color:var(--koralle)} .lgt-punkte{display:flex;justify-content:center;gap:4px;margin-top:28px}
.lgt-punkte button{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.lgt-punkte button::after{content:"";width:7px;height:7px;border-radius:99px;background:rgba(53,53,53,.22);transition:width .5s var(--feder),background .4s var(--ease)}
.lgt-punkte button[aria-current="true"]::after{width:22px;background:var(--koralle)}
.lgt-hinweis{position:absolute;right:4px;top:-34px;font:italic 400 17px/1 var(--gara);color:var(--koralle)} .lgt-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (max-width:900px){ .lgt-wrap{grid-template-columns:1fr;gap:8px} .lgt-steuer{display:none} .lgt-stapel{margin-top:64px} .lgt-pfeile-mobil{display:flex!important}
}
.lgt-pfeile-mobil{display:none;justify-content:center;align-items:center;gap:14px;margin-top:20px}
@media (max-width:480px){ .lgt-karte{padding:26px 22px} .lgt-wer .lgt-sterne{display:none} .lgt-google{width:100%}
}
@media (prefers-reduced-motion:reduce){ .lgt-licht{animation:none} .lgt-karte{transition:opacity .3s linear}
}
/* Webflow-Grundstile neutralisieren */
.lgt blockquote.lgt-text{background:none!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;font-size:inherit;line-height:inherit;margin:8px 0 0!important}
.lgt figure,.lgt figcaption,.lgt .lgt-wer,.lgt .lgt-wer *{text-align:left!important}
.lgt figcaption{margin:24px 0 0;font-size:inherit}