/* Ladenpilot — September 2026. Landing-only editorial layer.
   Product demo components and shared subpage styles remain in home.css. */
:root,[data-theme="light"]{--bg:#f7f5ef;--bg2:#eeece3;--card:#fffef9;--card2:#eeece3;--ink:#26372b;--mut:#5b655c;--dim:#70796e;--acc:#d94b28;--acc-soft:#d94b28;--line:rgba(38,55,43,.14);--line2:rgba(38,55,43,.24);--surf:#fffef9;--surf2:#eeece3;--grad-ember:linear-gradient(#d94b28,#d94b28);--good:#36704b;--r:12px;--r-lg:16px;--maxw:1240px;--sec-gap:110px;--grain-o:0}
[data-theme="dark"]{--bg:#17251d;--bg2:#1e3025;--card:#24372b;--card2:#293f31;--ink:#f4f1e7;--mut:#bcc7b9;--dim:#a3b09f;--acc:#ff916f;--acc-soft:#ff916f;--line:rgba(238,243,230,.15);--line2:rgba(238,243,230,.25);--surf:#24372b;--surf2:#293f31;--grad-ember:linear-gradient(#ff916f,#ff916f);--good:#a8dba5}
body{font-size:16px}body::after,.chap::before,.contact::before,.plan-beam,#cscroll{display:none!important}
.wrap{width:min(var(--maxw),calc(100% - 96px))}.sec{padding:100px 0}#header{background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}#header .nav{height:88px}.brand{font-size:25px;letter-spacing:-1px}.nav-links{gap:24px}.nav-links a,.nd-trigger{font-size:13px}.nav-links>a[href="#bewertungen"]{display:none}.mark{width:31px;height:31px}.btn{border-radius:7px;font-size:13px;font-weight:700;letter-spacing:0;box-shadow:none}.btn-primary{background:var(--acc);color:#fff;border:1px solid var(--acc);box-shadow:none}.btn-primary:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:none;transform:translateY(-2px)}.btn::before,.btn::after{display:none}.btn-lg{min-height:52px;padding:15px 24px}.btn-line{border:1px solid var(--line2);background:transparent}.theme-toggle{border-radius:50%;width:34px;height:34px}.nav-cta{gap:12px}#progress{background:var(--acc);box-shadow:none}
.skip-link{position:fixed;top:10px;left:20px;transform:translateY(-160%);z-index:1000;background:var(--ink);color:var(--bg);padding:12px 20px}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--acc);outline-offset:5px}
.hero.lp-hero{min-height:0;height:auto;padding:150px 0 70px;background:var(--bg);overflow:hidden;isolation:isolate}.hero.lp-hero::before,.hero.lp-hero::after{display:none}.lp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.lp-copy{position:relative;z-index:2}.lp-eyebrow{display:flex;align-items:center;gap:9px;color:var(--mut);font-size:10px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;line-height:1.5}.lp-eyebrow>span:first-child:empty{width:7px;height:7px;background:#668664;border-radius:50%}.lp-copy h1{font-size:clamp(62px,6.3vw,92px);line-height:1.02;letter-spacing:-5px;font-weight:700;margin:25px 0 27px;color:var(--ink);max-width:none;text-wrap:initial}.lp-copy h1 em,.lp-section-heading em,.lp-calc-grid h2 em{font-family:var(--f-serif);font-weight:450;color:var(--acc);letter-spacing:-4px}.lp-intro{font-size:15px;line-height:1.8;max-width:420px;color:var(--mut)}.lp-intro strong{font-weight:600;color:var(--ink)}.lp-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.lp-actions .btn{gap:22px}.lp-actions .btn>span:last-child{font-size:21px}.lp-text-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;border-bottom:1px solid var(--line2);padding:9px 0}.lp-text-link:hover{color:var(--acc);border-color:var(--acc)}.lp-price-note{font-size:11px;line-height:1.9;color:var(--mut);margin-top:17px}.lp-price-note strong{color:var(--ink)}.lp-price-note a{text-decoration:underline;text-underline-offset:3px}.lp-person{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:21px;margin-top:27px;max-width:415px}.lp-person img{width:40px;height:40px;object-fit:cover;object-position:50% 25%;border-radius:50%;filter:saturate(.7)}.lp-person p{font-size:10px;line-height:1.7;color:var(--mut)}.lp-person strong{font-size:11px;color:var(--ink);font-weight:600}
.lp-showcase{position:relative;padding:25px 12px 124px 10px;margin-top:18px;min-width:0}.lp-showcase::before{content:"";position:absolute;inset:-22px -25px 46px 30px;background:#e6e9dc;border-radius:48% 48% 10px 10px;z-index:-1;transform:rotate(5deg)}[data-theme="dark"] .lp-showcase::before{background:#2c4030}.lp-showcase-label{display:flex;justify-content:space-between;padding:0 14px 15px;color:var(--mut);font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.lp-browser{position:relative;background:#fffef8;border:1px solid #d0d2c4;border-radius:12px;overflow:hidden;box-shadow:0 22px 50px -25px #1c342d55;transform:rotate(-3deg)}.lp-browser-top{height:34px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#788274;background:#fafaf5;border-bottom:1px solid #e3e5da}.lp-window-dots{font-size:7px;letter-spacing:3px;color:#b4b8a9}.lp-restaurant{color:#f9f4df;background:#273e2d}.lp-restaurant-nav{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font-size:8px}.lp-restaurant-nav b{font-size:27px;line-height:1;font-family:var(--f-serif);letter-spacing:-1px}.lp-open{background:#eef2d91a;border:1px solid #e0ebc044;padding:4px 8px;border-radius:20px}.lp-restaurant-cover{position:relative;height:300px;overflow:hidden}.lp-restaurant-cover>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .2s}.lp-restaurant-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a170b99,transparent),linear-gradient(0deg,#0a170b55,transparent)}.lp-cover-copy{position:absolute;left:27px;top:32px;z-index:1}.lp-cover-copy>span{font-size:8px;letter-spacing:1.5px}.lp-cover-copy h2{font-family:var(--f-serif);font-size:44px;line-height:1.06;font-weight:450;letter-spacing:-1px;margin:14px 0 25px;color:#fff8e4}.lp-cover-copy>a{display:inline-block;color:#203426;background:#f8f2db;padding:11px 15px;font-size:9px;border-radius:3px;font-weight:600}.lp-restaurant-bottom{display:flex;justify-content:space-between;padding:14px 20px;font-size:8px;color:#e3e8d3}.lp-receipt{position:absolute;right:-7px;bottom:48px;width:256px;background:#fffef9;color:#28372a;padding:20px 21px 25px;transform:rotate(4deg);filter:drop-shadow(0 14px 15px #15241d19);z-index:2;clip-path:polygon(0 0,100% 0,100% 96%,96% 100%,92% 96%,88% 100%,84% 96%,80% 100%,76% 96%,72% 100%,68% 96%,64% 100%,60% 96%,56% 100%,52% 96%,48% 100%,44% 96%,40% 100%,36% 96%,32% 100%,28% 96%,24% 100%,20% 96%,16% 100%,12% 96%,8% 100%,4% 96%,0 100%)}.lp-receipt-head{display:flex;gap:9px;align-items:center;margin-bottom:18px}.lp-check{background:#e6eddf;color:#3c6b3a;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:13px}.lp-receipt-head strong{display:block;font-size:11px}.lp-receipt-head div>span{display:block;font-size:8px;color:#6d776b;margin-top:3px}.lp-receipt-row{display:flex;justify-content:space-between;font-size:10px;margin:9px 0}.lp-green{color:#438149}.lp-receipt-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #bec5b9;padding-top:12px;margin-top:12px;font-size:8px}.lp-receipt-total strong{font-size:17px;letter-spacing:-.5px}.lp-stamp{position:absolute;left:3px;bottom:87px;width:116px;height:116px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #a5b393;outline:1px solid #a5b393;outline-offset:-7px;border-radius:50%;background:#dfe8ca;color:#2d432d;transform:rotate(-12deg);z-index:3}.lp-stamp strong{font-size:48px;line-height:1.15;letter-spacing:-4px}.lp-stamp strong span{font-size:28px;letter-spacing:-2px}.lp-stamp>span{font-size:8px;letter-spacing:1.7px;font-weight:700}.lp-preview-controls{display:flex;gap:6px;position:absolute;bottom:0;left:12px}.lp-preview-controls button{font-size:10px;color:var(--mut);padding:7px 15px;border:1px solid var(--line2);border-radius:30px}.lp-preview-controls button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lp-preview-controls button:hover{border-color:var(--acc)}
.incl{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.incl::before,.incl::after{display:none}.incl-in{gap:20px;justify-content:space-between}.incl-lb{font-size:10px;color:var(--mut)}.incl-list{gap:24px}.incl-list a{font-size:11px;font-weight:500}.incl-list svg{width:15px;height:15px;color:var(--mut);animation:none!important;filter:none!important}.incl-list li::before{display:none!important}
.lp-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.lp-section-heading h2,.lp-calc-grid h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2.5px;line-height:1.12;font-weight:600;margin-top:18px}.lp-section-heading h2 em,.lp-calc-grid h2 em{letter-spacing:-2px}.lp-section-heading>p{max-width:345px;color:var(--mut);font-size:13px;line-height:1.8;margin-bottom:4px}.lp-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lp-demo-image{height:310px;position:relative;border-radius:9px;overflow:hidden;background:#26372b;color:#fff9e9}.lp-demo-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.lp-demo-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101a1470,transparent 65%,#101a1450)}.lp-demo-image>span{position:absolute;top:21px;left:23px;z-index:1;font-size:9px;letter-spacing:1.8px}.lp-demo-image strong{position:absolute;top:61px;left:23px;font-size:39px;letter-spacing:-1px;line-height:1.12;z-index:1}.lp-demo-image strong em{font-family:var(--f-serif);font-weight:450}.lp-demo-image i{position:absolute;bottom:18px;right:18px;z-index:1;width:35px;height:35px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-style:normal}.lp-demo-card:hover img{transform:scale(1.05)}.lp-demo-caption{display:flex;justify-content:space-between;gap:10px;margin-top:15px;align-items:center}.lp-demo-caption b{font-size:12px;font-weight:600}.lp-demo-caption span{font-size:9px;color:var(--mut)}.lp-gallery-note{font-size:10px;color:var(--dim);margin-top:20px}
.chap-head{display:grid;grid-template-columns:40px minmax(0,1.5fr) minmax(0,1fr);gap:22px;padding-top:30px;margin-bottom:45px;align-items:start}.chap-nr,.chap-nr.lit{position:static;font-size:11px;line-height:1.5;letter-spacing:0;font-weight:500;color:var(--mut);-webkit-text-stroke:0;text-shadow:none;opacity:1;animation:none!important;transform:none!important;margin-top:3px}.chap-tag{font-size:9px;letter-spacing:1.8px;color:var(--mut);margin-bottom:14px}.chap-tag::before{display:none}.chap-head h2{font-size:clamp(32px,3.4vw,46px);font-weight:600;letter-spacing:-1.8px;line-height:1.15;max-width:21ch}.chap-lead{font-size:13px;line-height:1.8;margin-top:24px}.chap-head.reveal h2{clip-path:none}.serif-accent{color:var(--acc)}.svc-split{gap:65px;grid-template-columns:1.2fr 1fr}.ml-row{padding:23px 0}.ml-body h3{font-size:17px}.ml-body p{font-size:13px}.ml-nr{font-size:10px}.bt-row{padding:40px 0 55px}.bt-grid{gap:55px}.bt-head{margin-bottom:25px}.duo-copy h3{font-size:34px;line-height:1.18;letter-spacing:-1px}.bt-promise{border-radius:10px;background:var(--bg2);box-shadow:none}.bp-lead,.bt-list{font-size:14px}#bausteine{background:var(--bg2)}#bausteine .chap-head{border-top:0;padding-top:0}.bt-incl{box-shadow:none}.bt-switch{box-shadow:none}.bt-row:last-child{padding-bottom:0}#builder .browser{max-width:1000px;margin-inline:auto;box-shadow:0 14px 35px #14271d10}#builder .chips{margin-bottom:22px}.style-chip{border-radius:30px}.steps{gap:25px}.st-nr{text-shadow:none!important}.step h3{font-size:17px}.step p{font-size:13px}.steps-sum{font-size:12px}
.lp-calculator{background:#263c2e;color:#f7f3e6;position:relative}.lp-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.lp-calculator .lp-eyebrow{color:#becdaf}.lp-calc-grid h2{font-size:60px;margin:22px 0}.lp-calc-grid h2 em{color:#dbb992}.lp-calc-grid>div>p:not(.lp-eyebrow){max-width:340px;color:#bcc7b9;font-size:13px;line-height:1.9}.lp-calculator .lp-text-link{border-color:#9db09266;margin-top:25px}.lp-calc-panel{border:1px solid #a0b09550;border-radius:12px;padding:30px;background:#ffffff05}.lp-calc-panel>label{display:block;font-size:12px;color:#d7dfce}.lp-calc-panel>output{display:block;font-size:42px;letter-spacing:-2px;font-family:var(--f-sans);margin-top:3px}.lp-calc-panel input[type="range"]{width:100%;accent-color:#d7b38d;cursor:pointer;margin:20px 0 0;height:24px}.lp-range-limits{display:flex;justify-content:space-between;color:#b3c0aa;font-size:9px}.lp-rate-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #a0b09540;margin-bottom:12px;font-size:11px}.lp-rate-row select{font:inherit;background:#314d3b;color:#fff9e9;border:1px solid #a0b09570;padding:7px 8px;border-radius:5px}.lp-cost-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 0;color:#d7dfce}.lp-cost-line strong{color:#fff9e9}.lp-savings{border-top:1px dashed #a0b09580;margin-top:16px;padding-top:17px}.lp-savings>span{font-size:10px;color:#d7dfce}.lp-savings>strong{display:block;font-size:46px;font-weight:500;line-height:1.3;letter-spacing:-2px;color:#dae7bf}.lp-calc-note{font-size:9px;line-height:1.7;color:#becab5;margin-top:15px}
.plans{gap:18px}.plan{padding:30px 26px;border-radius:10px;background:var(--card);box-shadow:none}.plan.featured{background:var(--bg2);border:1.5px solid var(--ink);box-shadow:none}.plan.featured::before{display:none}.plan .tag{background:var(--ink);color:var(--bg);border:none;border-radius:3px;padding:4px 7px;top:18px;right:18px;font-size:8px}.pprice{font-size:43px;letter-spacing:-2px}.pprice small{letter-spacing:0}.pdesc,.pnote,.plan li{font-size:12px}.pname{font-size:18px}.plan.featured .pprice{color:var(--ink);-webkit-text-fill-color:var(--ink);background:none}.roi-chip{font-size:10px;border-radius:4px;box-shadow:none}.compare{border-radius:10px}.contact{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:45px;gap:50px;box-shadow:none}.ctp-media{border-radius:8px;overflow:hidden}.ctp-body h2{font-size:40px;line-height:1.15;letter-spacing:-1.8px}.ctp-lead{font-size:13px}.ctp-avail{font-size:10px}.lf-field input{background:var(--bg);border-radius:5px;font-size:13px}.lf-field label{font-size:11px}.lf-actions{flex-wrap:wrap}.lf-actions .btn{font-size:11px;padding:13px 17px}footer{background:var(--bg2);padding-top:30px}.foot-giant{font-size:clamp(40px,12vw,170px);letter-spacing:-.07em;color:var(--ink);-webkit-text-fill-color:var(--ink);-webkit-text-stroke:0;opacity:.12;background:none;line-height:1.2;margin-bottom:40px}.foot-col a,.foot-grid p{font-size:12px}.foot-grid{gap:35px}.foot-bottom{font-size:10px}.foot-newsletter{font-size:12px}
.lp-modules-ready .bt-row[hidden]{display:none!important}.lp-modules-ready .bt-row{border-top:0;padding-bottom:0;scroll-margin-top:110px}
[data-theme="dark"] .btn-primary{color:#17251d}[data-theme="dark"] .btn-primary:hover{color:var(--bg)}
.plan .tag{box-shadow:none}
.lp-receipt strong,.lp-receipt b{color:#28372a}.lp-receipt b.lp-green{color:#438149}.lp-stamp strong{color:#2d432d}
.skip-link{transform:none;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
.skip-link:focus{clip-path:none;width:auto;height:auto;padding:12px 20px;overflow:visible}
/* Live demo sizing, formerly mixed into the experimental cloud CSS. */
#builder .browser-canvas.demo-stage{aspect-ratio:16/10;min-height:380px;max-height:560px;background:var(--bg2)}
.demo-frame{position:absolute;left:0;top:0;border:0;transform-origin:top left;pointer-events:none;opacity:0;transition:opacity .35s;background:var(--bg2)}
.demo-frame.on{opacity:1}.demo-open{position:absolute;right:16px;bottom:16px;z-index:2}
#tableApp.bt-visual{zoom:1}.app-phone{position:relative;width:min(310px,100%);aspect-ratio:392/812;margin:0 auto}
.app-phone iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:transparent;pointer-events:none}
@media(max-width:700px){#builder .browser-canvas.demo-stage{aspect-ratio:3/4;max-height:520px}}
/* Override legacy hero flex and heading selectors explicitly. */
.hero.lp-hero>.wrap{display:grid;flex:initial;flex-direction:initial;justify-content:initial}
.hero.lp-hero h1{font-size:clamp(62px,6.3vw,92px);line-height:1.02;letter-spacing:-5px;font-weight:700;animation:none;filter:none;opacity:1}
.lp-restaurant b,.lp-demo-image strong{color:inherit}
#header{padding:0}#header .nav{padding-inline:0;border-radius:0;border:none;box-shadow:none;background:transparent}#header.scrolled .nav{background:transparent;border:none;box-shadow:none}
/* Content is visible even if JavaScript is unavailable. */
.reveal,.reveal.in{opacity:1;transform:none;filter:none}.incl.reveal .incl-lb,.incl.reveal .incl-list li{opacity:1;transform:none}.reveal h2,.reveal h3{clip-path:none!important}
@media(min-width:1600px){.hero.lp-hero{padding-top:170px;padding-bottom:90px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-links{gap:16px}.nav-links a{font-size:11px}.nav-cta{gap:8px}.nav-cta>.btn{padding:10px 13px}.lp-copy h1{font-size:70px}.lp-hero-grid{gap:28px}.lp-receipt{right:-8px;width:227px}.lp-restaurant-cover{height:280px}.lp-stamp{width:98px;height:98px;left:-8px}.lp-stamp strong{font-size:40px}.lp-actions{gap:17px}.lp-actions .btn{padding:13px 16px}.lp-calc-grid{gap:50px}.incl-list{gap:15px}.incl-list a{font-size:10px}.lp-demo-image{height:280px}.lp-demo-image strong{font-size:32px}.contact{padding:32px;gap:30px}.plan{padding:30px 20px}}
@media(max-width:900px){.nav-links{display:none}.menu-toggle{display:grid}.lp-copy h1{font-size:60px;letter-spacing:-3px}.lp-copy h1 em{letter-spacing:-3px}.lp-intro{font-size:13px}.lp-actions{align-items:flex-start;flex-direction:column;gap:7px}.lp-person strong{font-size:10px}.lp-person p{font-size:9px}.lp-showcase{padding-left:0;padding-right:0}.lp-cover-copy h2{font-size:35px}.lp-restaurant-nav{padding:15px 12px}.lp-restaurant-nav>span:nth-child(2){font-size:6px}.lp-stamp{bottom:74px;left:-10px;width:84px;height:84px}.lp-stamp strong{font-size:34px}.lp-stamp>span{font-size:6px}.lp-receipt{width:212px;bottom:34px;padding:16px}.lp-showcase-label{font-size:7px}.lp-preview-controls{bottom:-15px;left:0}.incl-in{flex-direction:column;align-items:start;gap:14px}.incl-list{width:100%;justify-content:space-between;flex-wrap:wrap}.chap-head{grid-template-columns:25px 1fr;gap:15px}.chap-lead{grid-column:2;margin-top:0;max-width:60ch}.lp-section-heading{gap:30px}.lp-section-heading>p{max-width:270px}.lp-gallery-grid{gap:16px}.lp-demo-image{height:240px}.lp-demo-image strong{font-size:29px;left:17px}.lp-demo-image>span{left:17px}.lp-demo-caption{align-items:start;flex-direction:column;gap:3px}.svc-split{gap:30px}.bt-grid{gap:30px}.lp-calc-grid{gap:35px}.lp-calc-grid h2{font-size:48px}.lp-calc-panel{padding:24px}.plans{grid-template-columns:1fr}.plan{padding:30px}.plan .pprice{font-size:44px}.plan .tag{top:25px;right:25px}.contact{grid-template-columns:1fr 1.5fr}.ctp-body h2{font-size:32px}.ctp-media{align-self:start}.foot-grid{grid-template-columns:1.3fr 1fr 1fr}.foot-grid .foot-col:first-child{grid-column:1/-1}.foot-grid p{max-width:55ch}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}#header .nav{height:72px}.brand{font-size:22px}.mark{width:26px;height:26px}.nav-cta>.btn{display:none}.nav-cta{gap:9px}.hero.lp-hero{padding:112px 0 45px}.lp-hero-grid{grid-template-columns:1fr;gap:35px}.lp-copy h1{font-size:clamp(55px,13.3vw,80px);letter-spacing:-3.5px;line-height:1.03;margin:21px 0}.lp-copy h1 em{letter-spacing:-3px}.lp-eyebrow{font-size:9px;letter-spacing:1.4px}.lp-intro{font-size:14px;max-width:440px}.lp-actions{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.lp-actions .btn{padding:13px 19px;font-size:12px;gap:14px}.lp-text-link{font-size:11px}.lp-person{margin-top:22px;max-width:none}.lp-person strong{font-size:11px}.lp-person p{font-size:10px}.lp-price-note{font-size:10px}.lp-showcase{margin:15px 12px 8px;padding:20px 0 130px}.lp-showcase::before{inset:-15px -15px 50px 18px}.lp-showcase-label{font-size:8px;padding-inline:3px}.lp-restaurant-cover{height:290px}.lp-cover-copy h2{font-size:43px}.lp-restaurant-nav{padding:16px}.lp-restaurant-nav>span:nth-child(2){font-size:8px}.lp-receipt{right:-15px;bottom:45px;width:230px;padding:20px}.lp-stamp{left:-8px;bottom:75px;width:100px;height:100px}.lp-stamp strong{font-size:42px}.lp-stamp>span{font-size:7px}.lp-preview-controls{bottom:0}.incl{padding:20px 0}.incl-list{justify-content:flex-start;gap:13px 22px}.incl-list a{font-size:10px}.incl-lb{font-size:9px}.sec{padding:66px 0}.lp-section-heading{display:block;margin-bottom:28px}.lp-section-heading h2{font-size:40px}.lp-section-heading>p{margin-top:20px;max-width:100%;font-size:13px}.lp-gallery-grid{grid-template-columns:1fr;gap:28px}.lp-demo-image{height:320px}.lp-demo-image strong{font-size:44px;left:25px;top:62px}.lp-demo-image>span{left:25px}.lp-demo-caption{flex-direction:row;align-items:center}.lp-demo-caption b{font-size:13px}.lp-demo-caption span{font-size:10px}.lp-gallery-note{font-size:10px}.chap-head{padding-top:20px;margin-bottom:30px;gap:12px;grid-template-columns:22px 1fr}.chap-head h2{font-size:34px;letter-spacing:-1.5px}.chap-tag{font-size:9px}.chap-lead{font-size:13px}.svc-split{grid-template-columns:1fr;gap:30px}.ml-row{padding:20px 0}.ml-body h3{font-size:16px}.ml-body p{font-size:12px}.bt-grid{grid-template-columns:1fr}.bt-row{padding:25px 0 40px}.duo-copy h3{font-size:30px}.bt-head{flex-wrap:wrap;gap:12px}.bt-incl-t{font-size:10px}.bt-promise{margin-bottom:30px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px}.step h3{font-size:16px}.step p{font-size:12px}.lp-calc-grid{grid-template-columns:1fr;gap:35px}.lp-calc-grid h2{font-size:49px}.lp-calc-grid>div>p:not(.lp-eyebrow){max-width:100%}.lp-calc-panel{padding:25px}.lp-calc-note{font-size:10px}.lp-rate-row{font-size:10px}.lp-savings>strong{font-size:44px}.plans{gap:20px}.plan{padding:30px 25px}.contact{grid-template-columns:1fr;padding:24px;gap:25px}.ctp-media{height:280px;max-width:none;width:100%}.ctp-media picture,.ctp-media img{height:100%;width:100%;object-fit:cover;object-position:50% 26%}.ctp-body h2{font-size:34px}.ctp-lead{font-size:13px}.lf-actions{gap:10px}.lf-actions .btn{width:100%;font-size:11px}.foot-grid{grid-template-columns:1fr 1fr;gap:30px}.foot-giant{font-size:13vw;margin-bottom:25px}.foot-newsletter{gap:20px}.foot-bottom{gap:20px}.mobile-menu{background:var(--bg)}.mm-inner>a{font-size:24px}.mobile-menu .mm-cta{font-size:14px}}
@media(max-width:900px){.hero.lp-hero h1{font-size:60px;letter-spacing:-3px}}
@media(max-width:640px){.hero.lp-hero h1{font-size:clamp(55px,13.3vw,80px);letter-spacing:-3.5px;line-height:1.03}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero.lp-hero h1{font-size:53px}.lp-actions{gap:13px}.lp-actions .btn{padding:12px;font-size:11px}.lp-showcase{margin-inline:7px}.lp-receipt{width:211px;right:-10px}.lp-stamp{width:81px;height:81px;left:-12px}.lp-stamp strong{font-size:33px}.lp-demo-image{height:285px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.lp-demo-card:hover img{transform:none}}
[dir="rtl"] .lp-cover-copy{left:auto;right:27px}[dir="rtl"] .lp-copy h1{letter-spacing:0}[dir="rtl"] .lp-copy h1 em{letter-spacing:0}[dir="rtl"] .chap-lead{grid-column:auto}

/* Stacked modules with native anchor navigation. */
.lp-module-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;margin:28px 0 0;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.lp-module-tabs a{display:flex;align-items:center;gap:12px;min-width:0;min-height:66px;padding:16px 20px;border:1px solid transparent;border-radius:11px;color:var(--mut);font-size:14px;font-weight:600;text-align:start;transition:background .18s,color .18s,border-color .18s}
.lp-module-number{font-size:11px;font-weight:500;opacity:.65;font-variant-numeric:tabular-nums}
.lp-module-label{overflow-wrap:anywhere}
.lp-module-tabs a:hover{color:var(--ink);background:var(--bg2)}
.lp-module-tabs a[aria-current="location"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.lp-module-tabs a[aria-current="location"] .lp-module-number{opacity:1}
.lp-module-tabs a:focus-visible,.lp-modules-ready .bt-row:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.lp-modules-ready .bt-rows{margin-top:16px;padding:32px 40px 40px;border:1px solid var(--line);border-radius:20px;background:var(--bg);overflow-anchor:none}
.lp-modules-ready .bt-row{padding:0;margin:0}
.lp-modules-ready .bt-head{margin-bottom:28px;justify-content:flex-end}
.lp-modules-ready .bt-id{display:none}
.lp-modules-ready .bt-switch{display:none}
.lp-modules-ready .bt-incl{padding:7px 12px;border:1px solid var(--line);border-radius:30px;background:var(--bg2)}
.lp-modules-ready .bt-incl::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--good)}
.lp-modules-ready .bt-grid{align-items:center;gap:40px}
.lp-modules-ready .bt-row.flip .bt-grid>.duo-copy{order:0}
.lp-modules-ready .bt-grid>.duo-visual{order:1;min-width:0}
.lp-modules-ready #serviceDemo .phone-shell{width:min(310px,100%);height:auto;aspect-ratio:340/704}
.lp-modules-ready #serviceDemo .phone-screen{position:absolute;inset:12px;height:auto}
.lp-modules-ready #serviceDemo .phone-shell .island{top:3.7%;width:27%;height:3.6%}
.lp-modules-ready #serviceDemo .svc-site{width:390px;height:842px;transform:scale(var(--service-scale,.73));transform-origin:top left}
.lp-modules-ready .bt-row .reveal{opacity:1;transform:none;transition:none}
.lp-module-reading #miniCta{visibility:hidden;pointer-events:none}
@media(max-width:900px){.lp-module-tabs a{padding:14px 12px;gap:8px;font-size:12px}.lp-modules-ready .bt-rows{padding:24px}.lp-modules-ready .bt-grid{gap:30px}}
@media(max-width:640px){.lp-module-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:4px;border-radius:14px}.lp-module-tabs a{min-height:52px;padding:12px 8px;font-size:11px;justify-content:center;text-align:center}.lp-module-number{display:none}.lp-modules-ready .bt-rows{padding:22px 18px 28px;border-radius:16px;margin-top:12px}.lp-modules-ready .bt-head{justify-content:flex-start;margin-bottom:22px}.lp-modules-ready .bt-incl-t{font-size:10px}.lp-modules-ready .bt-grid{gap:28px}}

/* top wandert mit, sobald der Header einfährt (landing.js) — gleiche Dauer wie
   dessen transform, sonst rutscht die Leiste sichtbar hinterher. */
#bausteine .lp-module-tabs{position:sticky;top:var(--module-nav-top,65px);z-index:30;box-shadow:none;background:var(--bg2);border:0;border-bottom:1px solid var(--line2);border-radius:0;padding:0;gap:24px;transition:top .5s var(--ease)}
#bausteine .lp-module-tabs a{position:relative;justify-content:center;min-height:54px;padding:14px 8px;border:0;border-radius:0;background:transparent;color:var(--mut);font-size:13px;font-weight:500}
#bausteine .lp-module-tabs a:hover{color:var(--ink)}
#bausteine .lp-module-tabs a[aria-current="location"]{color:var(--ink);background:transparent;font-weight:700}
#bausteine .lp-module-tabs a[aria-current="location"]::after{content:"";position:absolute;bottom:-1px;inset-inline:8px;height:2px;background:var(--acc)}
#bausteine .lp-module-number{display:none}
#header,#header.scrolled{padding:0;backdrop-filter:none;background:var(--bg);box-shadow:none}
#header .nav{height:84px}
#header>.wrap{width:calc(100% - 64px);max-width:1600px}
@media(max-width:640px){#header>.wrap{width:calc(100% - 32px)}}
#header .brand{font-size:22px}
#header .mark{width:40px;height:40px}
#header .nav-cta>.btn{padding:10px 16px;font-size:13px}
#header .nav-links a{font-size:14px}
@media(max-width:640px){#header .nav{height:72px}#bausteine .lp-module-tabs{gap:0 14px}#bausteine .lp-module-tabs a{min-height:40px;padding:10px 4px;font-size:11px}}
.lp-module-tabs a{text-decoration:none}
.lp-modules-ready .bt-rows{display:flex;gap:24px;padding:0;border:0;border-radius:0;background:transparent}
.lp-modules-ready .bt-row{padding:28px 36px 36px;border:1px solid var(--line);border-radius:20px;background:var(--bg);scroll-margin-top:var(--module-anchor-offset,220px)}
.lp-modules-ready .bt-row:last-child{padding-bottom:36px}
.lp-modules-ready .bt-head{justify-content:space-between}
.lp-modules-ready .bt-id{display:flex}
.lp-modules-ready #serviceDemo .phone-shell{width:min(270px,100%)}
.lp-modules-ready .app-phone{width:min(270px,100%)}
@media(min-width:1100px){.lp-modules-ready .bt-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.lp-modules-ready .bt-list li{padding:10px 0}.lp-modules-ready .duo-copy>.btn{margin-top:8px}}
@media(max-width:640px){.lp-modules-ready .bt-rows{gap:18px;padding:0}.lp-modules-ready .bt-row,.lp-modules-ready .bt-row:last-child{padding:22px 18px 28px}.lp-modules-ready .bt-head{gap:14px}.lp-modules-ready .bt-name{font-size:14px}}

/* Alternate copy and demo on wide screens; keep copy first when stacked. */
@media(min-width:1100px){
  .lp-modules-ready .bt-row:nth-child(even) .bt-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .lp-modules-ready .bt-row:nth-child(even) .bt-grid>.duo-copy{order:1}
  .lp-modules-ready .bt-row:nth-child(even) .bt-grid>.duo-visual{order:0}
}

/* ---- CTA-Effekte (ersetzen den Magnet-Effekt) ----
   Reaktiviert gezielt ::after, das weiter oben pauschal per .btn::after{display:none}
   abgeschaltet wird. Primär: Glut-Spur, die dem Cursor folgt (Koordinaten aus
   script.js §20). Outline: Funke laeuft einmal die Kante entlang. */
@property --fuse{syntax:"<angle>";initial-value:0deg;inherits:false}

.btn-primary::after{display:block;content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle 34px at var(--gx,50%) var(--gy,50%),rgba(255,242,218,.62),rgba(255,172,92,.17) 40%,transparent 72%);
  opacity:0;transition:opacity .3s var(--ease);mix-blend-mode:screen}
.btn-primary:hover::after{opacity:1}

.btn-sparks{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.btn-spark{position:absolute;width:4px;height:4px;border-radius:50%;
  background:radial-gradient(circle,#fff6e6 0%,#ffb066 55%,rgba(255,120,40,0) 100%)}

.btn-line::after,.btn-ghost::after{display:block;content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1.5px;
  background:conic-gradient(from var(--fuse),transparent 0 76%,rgba(255,138,60,.18) 84%,#ff8a3c 92%,#ffe0bd 96%,transparent 99%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .2s var(--ease)}
.btn-line:hover::after,.btn-ghost:hover::after{opacity:1;animation:fuseRun .9s var(--ease)}
@keyframes fuseRun{from{--fuse:0deg}to{--fuse:360deg}}

@media (prefers-reduced-motion:reduce){
  .btn-primary::after,.btn-line::after,.btn-ghost::after{display:none}
}

/* ---- Demo-Galerie: Markenschilder statt Stockfotos ----
   Die Überschrift verspricht "So individuell wie dein Lokal", darunter standen
   drei beliebig austauschbare Food-Fotos. Drei eigene Markenwelten belegen die
   Aussage, statt sie zu unterlaufen.

   Farben und Wortmarken sind aus den Demos selbst übernommen (demo1.html,
   burger.html, cafe.html), damit das Schild und die verlinkte Seite dieselbe
   Marke zeigen. Jedes Schild trägt seine Farben fest — es bleibt in hellem
   wie dunklem Seitenmodus dasselbe, so wie zuvor das Foto. */
.lp-plate{display:flex;flex-direction:column;align-items:center;gap:15px;padding:48px 22px 0}
.lp-plate::after{display:none}          /* Foto-Verlauf: auf Fläche nur Schmutz */

/* Marke waagerecht: das Schild muss sich die Höhe mit der Website-Vorschau
   teilen, senkrecht gestapelt bliebe für die Seite kein Platz. */
.lp-mark{display:flex;align-items:center;gap:12px;width:100%}
.lp-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.lp-crest{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;
  transition:transform .45s var(--ease)}
.lp-crest svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4}

/* ---- Echte Aufnahme der verlinkten Demo ----
   Screenshots der tatsächlichen Seiten (demo1/burger/cafe), nicht aus divs
   nachgebaut. Sie laufen unten aus dem Schild heraus: das liest sich als
   Fenster, in das man hineinschaut, und spart die Höhe für einen Rahmen,
   die eine 310-px-Karte nicht hergibt. */
.lp-shot{width:100%;margin-top:auto;border-radius:9px 9px 0 0;overflow:hidden;
  background:#fff;box-shadow:0 -1px 0 rgba(255,255,255,.22),0 18px 40px -22px rgba(0,0,0,.75);
  transition:transform .55s var(--ease)}
.lp-shot>span{display:block;padding:7px 10px;font-size:8px;letter-spacing:.6px;
  color:#7b7b74;background:#f2f1ec;border-bottom:1px solid #e2e1da;text-align:center}
.lp-shot>img{display:block;width:100%;height:auto}
.lp-demo-card:hover .lp-shot{transform:translateY(-8px)}
/* Farbe muss hier direkt stehen, nicht am Schild: home.css setzt b{color:var(--ink)}
   als Element-Regel, und eine direkte Regel schlägt jeden geerbten Wert. Ohne
   das kippten die Wortmarken mit dem Seiten-Thema und standen hell auf hell
   bzw. dunkel auf dunkel. */
.lp-name>b{font-size:20px;line-height:1.05;letter-spacing:-.3px;font-weight:700;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-name>span{font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-demo-card:hover .lp-crest{transform:rotate(-6deg) scale(1.06)}

/* Trattoria Sole — tiefes Mittelmeerblau, Sonne aus Zitrone und Terrakotta */
/* Grund und Textfarbe kippen mit dem Seitenthema, nicht mehr mit der Marke:
   im hellen Modus stehen die Karten im Dunkelgrün, im dunklen Modus im Hafer.
   So heben sie sich in beiden Modi vom Seitengrund ab. Die Marke steckt jetzt
   im Wappen und im Screenshot, nicht mehr in der Kartenfläche. */
.lp-plate{background:#17251d;color:#f2efe4}
[data-theme="dark"] .lp-plate{background:#f5f0e6;color:#211e18}
.lp-plate>span{color:#a9b3a4}
[data-theme="dark"] .lp-plate>span{color:#5e574a}

/* Wappen bleiben markeneigen: sie tragen ihren Grund selbst und funktionieren
   deshalb auf beiden Flächen. */
.lp-plate-sole .lp-crest{background:linear-gradient(135deg,#f4b73a,#c1502f);color:#123c59}
.lp-plate-sole .lp-name>b{font-weight:500}
.lp-plate-sole .lp-name>b em{font-family:var(--f-serif);font-style:italic;font-weight:450;font-size:23px}
.lp-plate-smash .lp-crest{background:#ffe400;color:#161200;
  font-size:24px;font-weight:900;line-height:1}
.lp-plate-smash .lp-name>b{font-weight:900;letter-spacing:1.8px;font-size:21px}
.lp-plate-korn .lp-crest{background:#fffdf6;border:1.5px solid #7d8e69;color:#c08a26}
.lp-plate-korn .lp-name>b{font-weight:800;letter-spacing:.4px;font-size:18px}

/* Die Akzente brauchen je Fläche einen eigenen Ton: Zitronengelb liest sich auf
   Dunkelgrün, auf Hafer verschwindet es. Deshalb pro Modus ein eigener Wert. */
.lp-plate-sole .lp-name>span{color:#f4b73a}
.lp-plate-smash .lp-name>span{color:#9aa093}
.lp-plate-smash .lp-name>b em{font-style:normal;color:#ffe400}
.lp-plate-korn .lp-name>span{color:#c9a24a}
[data-theme="dark"] .lp-plate-sole .lp-name>span{color:#a9720f}
[data-theme="dark"] .lp-plate-smash .lp-name>span{color:#6f6d66}
[data-theme="dark"] .lp-plate-smash .lp-name>b em{color:#9a7400}
[data-theme="dark"] .lp-plate-korn .lp-name>span{color:#a3731a}

@media (prefers-reduced-motion:reduce){
  .lp-demo-card:hover .lp-crest{transform:none}
}

/* Der Pfeil sitzt jetzt über der Aufnahme und braucht eigenen Grund,
   sonst verschwindet er im Bildinhalt. */
.lp-plate i{background:rgba(12,12,13,.55);border-color:rgba(255,255,255,.45);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}
[data-theme="dark"] .lp-plate i{background:rgba(255,253,246,.72);border-color:#211e1833;color:#211e18}