:root{--onyx:#0b0b0b;--ivory:#f8f7f2;--lime:#c8f35a;--muted:#b8b9af;--line:#30312d;--panel:#181a16;--ink:#172016;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--onyx);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.wrap{max-width:1240px;margin:auto;padding-inline:40px}.preview{text-align:center;font-size:11px;letter-spacing:.08em;padding:8px 16px;background:#20241a;color:#d0d9be}header{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:.1em}.brand img{object-fit:contain}nav{display:flex;gap:32px;font-size:14px;color:#d0d1c8}nav a:hover{color:var(--lime)}.language{border:1px solid var(--line);background:none;color:var(--ivory);padding:8px 13px;border-radius:6px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding-top:65px;padding-bottom:100px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--muted);display:flex;gap:10px;align-items:center}.eyebrow>span,.dot{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block}h1{font-size:clamp(48px,5.2vw,72px);letter-spacing:-.065em;line-height:1.08;font-weight:600;margin:26px 0}h1 em{font-style:normal;color:var(--lime)}.intro{max-width:470px;color:var(--muted);font-size:17px;line-height:1.8}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 23px;border-radius:7px;font-weight:700;font-size:14px}.primary{background:var(--lime);color:var(--onyx)}.primary:hover{background:#d9ff7c}.launch{font-size:12px;color:var(--muted)}.principles{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;font-size:11px;color:#c4c6bc}.principles span:before{content:'✓';color:var(--lime);margin-right:6px}.hero-visual{min-height:590px;position:relative;background:#1c2118;border:1px solid #343d28;border-radius:22px;padding:24px 35px 24px;display:flex;align-items:center;flex-direction:column;background-image:linear-gradient(130deg,#232c1b,#151812)}.visual-caption{align-self:stretch;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:#c2cbb7;margin-bottom:22px}.phone{width:276px;background:#f4f5f0;border:7px solid #0d100b;border-radius:34px;color:#263128;box-shadow:0 30px 70px #0007;overflow:hidden;transform:rotate(-4deg);padding:12px 14px 0}.phone-top{display:flex;justify-content:space-between;font-size:10px;font-weight:700;padding:0 4px 19px}.app-heading{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:700;letter-spacing:-.03em}.avatar{border-radius:50%;background:#dce3d1;width:28px;height:28px;text-align:center;font-size:12px;line-height:28px}.tabs{display:flex;gap:7px;margin:22px 0 16px}.tabs button{border:0;border-radius:20px;padding:8px 14px;background:#e7eae1;font-size:11px;color:#38422f}.tabs button[aria-selected=true]{background:#25321d;color:#f6f7ed}.app-summary{display:flex;flex-direction:column;margin:0 2px 8px}.app-summary small{font-size:8px;letter-spacing:.1em;color:#68705f}.app-summary strong{font-size:20px}.demo-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e2e5db;padding:12px 0}.food-icon{width:32px;height:32px;display:grid;place-items:center;background:#e8ecdf;border-radius:9px;font-size:18px}.food-text{flex:1}.food-text strong{display:block;font-size:12px;font-weight:600}.food-text small{font-size:9px;color:#5f6656}.food-text small.soon{color:#8b4d1d}.qty{font-size:12px}.app-bottom{display:flex;justify-content:space-around;background:#e9ede1;margin:20px -14px 0;padding:12px;color:#425435;font-size:18px}.floating-note{position:absolute;bottom:76px;right:-15px;display:flex;align-items:center;gap:12px;background:var(--ivory);color:#283320;border-radius:11px;box-shadow:0 12px 40px #0004;padding:16px 22px;transform:rotate(2deg)}.note-icon{border-radius:50%;background:var(--lime);width:32px;height:32px;text-align:center;line-height:32px}.floating-note strong{display:block;font-size:12px}.floating-note small{font-size:10px;color:#67715f}.visual-foot{font-size:9px;color:#adb79f;margin-top:25px;margin-bottom:0;text-align:center}.statement{background:var(--lime);color:#19200d;padding:44px 0}.statement-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.statement-inner>p{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.045em;margin:0}.statement .eyebrow{color:#3c481f}.statement-inner div>p{font-size:15px;max-width:470px;margin-bottom:0}.product{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.045em;line-height:1.18;font-weight:500;margin:22px 0 30px}.product-icon{border-radius:22px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:24px}.features article{border-top:1px solid var(--line);padding-top:25px}.feature-number{font-size:11px;color:var(--lime)}h3{font-size:20px;font-weight:500;line-height:1.35;margin:18px 0}.features p{font-size:14px;color:var(--muted)}.release-note{margin-top:40px;display:flex;gap:14px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;align-items:flex-start}.release-note p{font-size:12px;color:var(--muted);margin:0}.status-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;flex-shrink:0;margin-top:7px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:35px 100px}.fox-scene{background:#eeeee6;min-height:430px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px}.scene-label{font-size:9px;letter-spacing:.14em;color:#626654;align-self:flex-start}.fox-scene img{max-width:100%;height:auto;margin-top:20px}.approach p:not(.eyebrow){font-size:15px;color:var(--muted)}blockquote{margin:30px 0;padding-left:20px;border-left:2px solid var(--lime);font-size:22px;line-height:1.45}.questions{padding-bottom:95px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px}summary:after{content:'+';color:var(--lime)}details[open] summary:after{content:'−'}details p{color:var(--muted);max-width:820px;font-size:14px}.contact{border-top:1px solid var(--line);padding-block:70px;text-align:center}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(36px,4.6vw,60px)}.contact>p:last-child{font-size:12px;color:var(--muted);margin-top:20px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding-block:30px;font-size:11px;color:var(--muted)}footer .brand{font-size:20px;margin-right:auto;color:var(--ivory)}.legal-link{border:0;padding:8px 0;background:none;color:var(--muted);font-size:11px;text-align:left}dialog{max-width:620px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ivory);padding:30px}dialog::backdrop{background:#000b}dialog h2{font-size:28px}dialog p{font-size:14px;color:var(--muted)}.close{float:right;background:none;border:0;color:var(--ivory);font-size:25px}.skip{position:absolute;top:-100px;left:16px;background:var(--lime);color:var(--onyx);padding:12px;z-index:10}.skip:focus{top:8px}@media(max-width:950px){.wrap{padding-inline:28px}.hero{gap:30px}.hero-visual{padding-inline:20px}.floating-note{right:-5px}.features{gap:25px}.approach{gap:40px}nav{gap:18px}}@media(max-width:720px){.wrap{padding-inline:22px}header{min-height:88px;flex-wrap:wrap;gap:12px;padding-block:16px}header nav{order:3;width:100%;font-size:12px;justify-content:space-between}.brand{font-size:21px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:55px;gap:40px}h1{font-size:54px}.intro{font-size:16px}.hero-visual{min-height:570px;margin-right:4px}.floating-note{right:-8px;bottom:65px}.statement{padding:35px 0}.statement-inner{grid-template-columns:1fr;gap:20px}.statement-inner>p{font-size:32px}.product{padding-block:60px}.features{grid-template-columns:1fr;gap:20px}.features article{padding-top:20px}.features h3{margin:10px 0}.product-icon{width:65px;height:65px}.approach{grid-template-columns:1fr;padding-bottom:65px;gap:30px}.fox-scene{min-height:350px;order:2}.fox-scene img{width:270px}.questions{padding-bottom:60px}.contact{padding-block:55px}footer{flex-wrap:wrap;gap:12px 25px}footer .brand{flex-basis:60%}.preview{font-size:9px}h2{font-size:34px}.contact h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Lesbarkeit nach Rückmeldung des Inhabers, 6. November 2026 */
body{font-size:17px;line-height:1.7}.intro{font-size:19px}.features p,.approach p:not(.eyebrow),.statement-inner div>p,.questions details p{font-size:17px}.features h3{font-size:22px}.eyebrow,.feature-number{font-size:13px}.button{font-size:16px;min-height:52px}.launch,.principles,.release-note p,.contact>p:last-child{font-size:15px}summary{font-size:18px}footer{font-size:14px;gap:18px 26px;flex-wrap:wrap}.legal-link{font-size:14px}.language{font-size:16px}.product-brand-card{justify-content:center;gap:24px;padding:42px 26px;text-align:center;min-height:560px}.product-brand-card .eyebrow{justify-content:center}.hero-product-icon{width:176px;height:176px;border-radius:36px}.product-brand-card h2{font-size:36px;margin:0;line-height:1.2}.product-brand-card>p{font-size:23px;line-height:1.45;margin:0;color:var(--ivory)}.brand-card-principles{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:var(--muted)}@media(max-width:720px){.intro{font-size:18px}.product-brand-card{min-height:460px;gap:22px}.hero-product-icon{width:144px;height:144px}.product-brand-card h2{font-size:32px}.product-brand-card>p{font-size:21px}}

/* Tatsächliche App-Aufnahmen: kompakter Kartenfächer und zwei Details. */
.screenshot-hero{margin:0;min-width:0;min-height:0;padding:22px 12px 20px;gap:12px;background:radial-gradient(ellipse at 50% 45%,#2b3822,#171d13 72%);justify-content:center}.card-fan{position:relative;width:100%;max-width:440px;height:410px;--card-width:175px;--card-shift:84px}.app-card{position:absolute;display:block;width:var(--card-width);top:18px;left:calc(50% - var(--card-width)/2);border:5px solid #34392f;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0006;line-height:0;background:#f8f7f2;transition:transform .18s ease}.app-card img{display:block;width:100%;height:auto}.card-left{transform:translate(calc(-1 * var(--card-shift)),25px) rotate(-13deg);z-index:1}.card-right{transform:translate(var(--card-shift),25px) rotate(13deg);z-index:2}.card-front{z-index:3;transform:translateY(0)}.app-card:hover,.app-card:focus-visible{z-index:4;transform:translateY(-4px)}.screenshot-hero figcaption{font-size:13px;line-height:1.6;color:#c3cbb9;text-align:center}.app-gallery{padding-bottom:70px}.gallery-heading{max-width:650px;margin-bottom:24px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.screenshot-feature{display:flex;align-items:center;gap:24px;margin:0;min-width:0;padding:22px;background:#151812;border:1px solid var(--line);border-radius:16px}.screenshot-link{display:block;flex:0 0 125px;width:125px;padding:5px;background:#30352b;border-radius:13px;line-height:0}.screenshot-link img{display:block;width:100%;height:auto;border-radius:8px}.screenshot-feature figcaption{min-width:0}.screenshot-feature h3{font-size:23px;margin:0 0 12px}.screenshot-feature p{font-size:17px;color:var(--muted);margin:0}.screenshots-note{font-size:13px;color:var(--muted);margin-top:18px}@media(max-width:1050px){.card-fan{--card-width:145px;--card-shift:58px;height:350px}.screenshot-feature{gap:18px;padding:18px}.screenshot-link{flex-basis:105px;width:105px}}@media(max-width:720px){.screenshot-hero{padding:16px 8px 14px}.card-fan{height:300px;--card-width:125px;--card-shift:58px}.app-card{top:5px;border-width:4px;border-radius:15px}.screenshot-grid{grid-template-columns:1fr;gap:18px}.screenshot-feature{gap:20px;padding:18px}.screenshot-link{width:100px;flex-basis:100px}.screenshot-feature h3{font-size:21px}.screenshot-feature p{font-size:16px}.app-gallery{padding-bottom:50px}}@media(max-width:360px){.card-fan{--card-width:115px;--card-shift:50px;height:280px}.screenshot-feature{padding:14px;gap:14px}.screenshot-link{width:85px;flex-basis:85px}}@media(prefers-reduced-motion:reduce){.app-card{transition:none}}

/* Stabile Bildgrenzen auch bei unterschiedlich gecachten Seitenständen. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero-copy{min-width:0}.hero img{max-width:100%;height:auto}@media(max-width:720px){.hero{grid-template-columns:minmax(0,1fr)}}
