:root{--navy:#081a2a;--navy2:#0d2638;--green:#39c98a;--green2:#28b477;--blue:#147e9d;--ice:#eef8f5;--paper:#f8fbfa;--ink:#0c1a27;--muted:#5d6974;--line:#dce7e3;--white:#fff;--radius:24px;--shadow:0 28px 70px rgba(4,25,36,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,6vw,6.25rem);font-weight:800}h1 em{color:var(--green);font-style:normal}h2{font-size:clamp(2.35rem,4.5vw,4.7rem)}h3{font-size:1.35rem}.site-header{height:88px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(8,26,42,.08)}.brand{width:190px;height:58px;overflow:hidden;display:block}.brand img{width:100%;height:100%;object-fit:cover;object-position:center}.site-header nav{display:flex;align-items:center;gap:34px;font-weight:600}.site-header nav a{transition:.2s}.site-header nav a:not(.nav-cta):hover{color:var(--green2)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.nav-cta{background:var(--navy);color:#fff;padding:12px 22px}.button{padding:16px 26px;border:0;font-size:1rem;cursor:pointer}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:var(--navy);box-shadow:0 12px 32px rgba(57,201,138,.25)}.button-primary:hover{background:#55d79f;box-shadow:0 18px 38px rgba(57,201,138,.34)}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span{display:block;width:26px;height:2px;background:var(--navy);margin:6px}.hero{min-height:calc(100vh - 88px);background:var(--navy);color:#fff;padding:clamp(70px,9vw,140px) max(24px,6vw);display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:7vw;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(57,201,138,.09);filter:blur(3px);right:-220px;top:-180px}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 26px}.eyebrow span{width:34px;height:2px;background:var(--green)}.eyebrow.dark{color:var(--blue)}.eyebrow.light{color:var(--green)}.lead{font-size:clamp(1.1rem,1.7vw,1.35rem);max-width:660px;color:#c7d5dc;margin:30px 0 36px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-link{color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px}.trust-row{display:flex;gap:24px;margin-top:44px;color:#b8c7ce;font-size:.92rem;flex-wrap:wrap}.trust-row b{color:var(--green);margin-right:6px}.hero-visual{position:relative;z-index:2}.screen-frame{background:#fff;border:8px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.screen-frame img{aspect-ratio:1.56/1;object-fit:cover}.screen-top{height:34px;background:#f1f5f5;display:flex;align-items:center;padding:0 12px;gap:6px;color:#829099;font-size:.65rem}.screen-top i{width:7px;height:7px;background:#ced8d8;border-radius:50%}.screen-top span{margin:auto}.floating-card{position:absolute;background:#fff;color:var(--ink);box-shadow:var(--shadow);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;min-width:190px}.floating-card small,.floating-card strong{display:block}.floating-card small{font-size:.72rem;color:var(--muted)}.floating-card strong{font-size:.9rem}.mini-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--green);font-weight:800}.card-income{left:-45px;bottom:-32px}.card-balance{right:-18px;top:-36px}.problem-strip{background:var(--green);color:var(--navy);padding:18px max(24px,5vw);display:flex;justify-content:center;align-items:center;gap:28px;font-weight:800}.problem-strip p{margin:0}.problem-strip span{width:5px;height:5px;background:var(--navy);border-radius:50%}.section{padding:clamp(88px,11vw,150px) max(24px,7vw)}.section-heading{max-width:940px;margin-bottom:60px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading.centered .eyebrow{justify-content:center}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pain-card{background:#fff;padding:38px;border:1px solid var(--line);border-radius:var(--radius)}.pain-card>span{font-family:"Manrope";font-weight:800;color:var(--green2);font-size:.9rem}.pain-card h3{margin:56px 0 16px;font-size:1.65rem}.pain-card p{margin:0;color:var(--muted)}.features{background:var(--navy);color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.feature-intro{position:sticky;top:130px;align-self:start}.feature-intro p:last-child{color:#b8c7ce;font-size:1.1rem;max-width:500px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{background:var(--navy2);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;min-height:245px;display:flex;flex-direction:column;justify-content:flex-end}.feature-card h3{font-size:1.45rem;margin:18px 0 10px}.feature-card p{color:#b9c8ce;margin:0}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(57,201,138,.12);color:var(--green);font-size:1.45rem;margin-bottom:auto}.feature-highlight{background:var(--green);color:var(--navy)}.feature-highlight h3{font-size:1.75rem;margin:12px 0 30px}.feature-highlight a{font-weight:800}.feature-highlight .mini-kicker{color:var(--navy);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:60px}.step{display:flex;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.step-number{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--green);font-weight:800}.step h3{margin:6px 0 10px}.step p{margin:0;color:var(--muted)}.product-shot{max-width:1180px;margin:auto;background:var(--navy);padding:24px;border-radius:28px;box-shadow:var(--shadow)}.product-shot img{border-radius:12px;width:100%}.shot-label{display:flex;justify-content:space-between;color:#fff;padding:2px 4px 20px}.shot-label span{color:var(--green)}.origin{background:var(--navy2);color:#fff;display:grid;grid-template-columns:minmax(320px,.75fr) 1.25fr;gap:8vw;align-items:center}.origin-photo{max-width:520px;height:680px;border-radius:200px 200px 24px 24px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.origin-photo img{width:100%;height:100%;object-fit:cover}.origin-copy blockquote{font-family:"Manrope";font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1.35;margin:36px 0;color:#fff}.origin-copy>p:not(.eyebrow){color:#b8c7ce;font-size:1.08rem}.signature{border-top:1px solid rgba(255,255,255,.14);padding-top:24px;margin-top:32px}.signature strong,.signature span{display:block}.signature span{color:#8398a1}.demo{background:linear-gradient(180deg,var(--paper) 0%,#eaf5f1 100%)}.demo-card{max-width:1200px;margin:auto;background:var(--navy);color:#fff;border-radius:32px;padding:clamp(36px,6vw,78px);display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;box-shadow:var(--shadow)}.demo-card>div>p:last-child{color:#b8c7ce;font-size:1.08rem}.demo-card form{background:#fff;color:var(--ink);border-radius:20px;padding:28px}.demo-card label{display:block;font-size:.83rem;font-weight:700;margin-bottom:16px}.demo-card input,.demo-card textarea{width:100%;margin-top:7px;border:1px solid #d5e0dc;border-radius:10px;padding:13px;font:inherit;color:var(--ink);background:#fbfdfc}.demo-card input:focus,.demo-card textarea:focus{outline:3px solid rgba(57,201,138,.2);border-color:var(--green)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-card form .button{width:100%}.demo-card form small{display:block;text-align:center;margin-top:13px;color:var(--muted)}.demo-card form small a{text-decoration:underline}footer{background:#fff;padding:60px max(24px,6vw) 24px}.footer-main{display:grid;grid-template-columns:220px 1fr auto;gap:30px;align-items:center}.footer-brand{width:210px}.footer-main p{color:var(--muted)}.footer-main>a:last-child{color:var(--blue);font-weight:700}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:.86rem}.footer-bottom nav{display:flex;gap:22px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:90px}.hero-copy{max-width:850px}.hero-visual{max-width:840px;margin:20px auto 0}.features{grid-template-columns:1fr}.feature-intro{position:static}.origin{grid-template-columns:.8fr 1.2fr}.origin-photo{height:560px}.demo-card{grid-template-columns:1fr}.problem-strip{font-size:.9rem}}
@media(max-width:760px){.site-header{height:74px}.brand{width:150px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:22px 24px 28px;border-bottom:1px solid var(--line);gap:18px}.site-header nav.open{display:flex}.site-header nav a{text-align:center}.hero{min-height:auto;padding-top:74px;grid-template-columns:1fr;gap:70px}h1{font-size:clamp(2.75rem,13vw,4rem)}h2{font-size:clamp(2.2rem,10vw,3.5rem)}.lead{font-size:1.08rem}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{gap:12px;flex-direction:column}.screen-frame{transform:none;border-width:4px}.floating-card{display:none}.problem-strip{align-items:flex-start;flex-direction:column;gap:5px;padding-block:22px}.problem-strip span{display:none}.problem-grid,.feature-grid,.steps{grid-template-columns:1fr}.pain-card h3{margin-top:32px}.feature-card{min-height:215px}.section{padding-inline:20px}.origin{grid-template-columns:1fr}.origin-photo{height:460px;max-width:360px}.demo-card{padding:28px 20px;border-radius:22px}.demo-card form{padding:20px 16px}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:18px}.footer-bottom nav{flex-wrap:wrap;gap:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Verkaufsseite 2026-09-21 */
.hero h1{font-size:clamp(2.8rem,5.2vw,5.55rem);max-width:940px}
.section-lead{max-width:850px;color:var(--muted);font-size:1.1rem;margin:26px 0 0}
.respect-note{max-width:920px;margin:42px auto 0;padding:22px 26px;border-left:4px solid var(--green);background:#fff;color:var(--muted);border-radius:0 14px 14px 0}
.comparison{background:#eef8f5}
.compare-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.compare-card{border-radius:24px;padding:38px;background:#fff;border:1px solid var(--line)}
.compare-card.after{background:var(--navy);color:#fff;border-color:var(--navy)}
.compare-card h3{font-size:1.65rem;margin:10px 0 28px}
.compare-card .mini-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.78rem;color:var(--muted)}
.compare-card.after .mini-kicker{color:var(--green)}
.compare-card ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.compare-card li{position:relative;padding-left:30px;color:var(--muted)}
.compare-card li:before{content:"×";position:absolute;left:0;color:#b55a5a;font-weight:900}
.compare-card.after li{color:#d5e1e5}.compare-card.after li:before{content:"✓";color:var(--green)}
.center-copy{max-width:760px;margin:36px auto 0;text-align:center;color:var(--muted);font-size:1.05rem}
.steps.four{grid-template-columns:repeat(4,1fr)}
.center-action{text-align:center;margin-top:42px}
.roles{background:var(--navy2);color:#fff}
.roles .section-heading{max-width:1000px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.role-card{padding:34px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}
.role-card>span{color:var(--green);font-weight:800;font-size:.85rem}.role-card h3{font-size:1.55rem;margin:38px 0 14px}.role-card p{color:#b8c7ce;margin:0}
.faq{background:#fff}.faq-list{max-width:940px;margin:0 auto;display:grid;gap:12px}
.faq-list details{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:0 24px}
.faq-list summary{cursor:pointer;list-style:none;font-family:"Manrope",sans-serif;font-weight:800;font-size:1.08rem;padding:22px 42px 22px 0;position:relative}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:18px;color:var(--green2);font-size:1.6rem}.faq-list details[open] summary:after{content:"–"}
.faq-list details p{color:var(--muted);margin:0;padding:0 0 22px;max-width:780px}
.demo-card>div .button{margin-top:22px}.demo-card form h3{margin:0 0 22px}.button-secondary{background:var(--navy);color:#fff}.button-secondary:hover{background:var(--navy2)}

@media(max-width:1050px){.steps.four{grid-template-columns:1fr 1fr}.hero h1{max-width:820px}}
@media(max-width:760px){
  .hero{padding-top:58px;gap:54px}.hero h1{font-size:clamp(2.45rem,11.5vw,3.5rem)}
  .hero-actions{gap:20px}.hero-actions .button{width:100%;text-align:center}.trust-row{margin-top:32px}
  .compare-grid,.role-grid,.steps.four{grid-template-columns:1fr}.compare-card{padding:28px 24px}
  .respect-note{margin-top:30px}.center-action .button{width:100%}
  .section-heading{margin-bottom:42px}.section-lead{font-size:1rem}
}

/* Original Trinkwert brand assets */
.brand{width:230px;height:68px;overflow:visible}
.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.footer-brand{width:250px;height:80px}
@media(max-width:760px){.brand{width:180px;height:58px}}

/* Local system typography: no external font requests */
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.form-status{min-height:1.4em;margin:12px 0 0;text-align:center;color:#16845f;font-size:.88rem;font-weight:700}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.privacy-check{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;line-height:1.4;margin:4px 0 18px!important}
.privacy-check input{width:18px!important;height:18px;margin:2px 0 0!important;flex:0 0 18px}
.privacy-check a{text-decoration:underline;color:#126f55}
.demo-card button:disabled{opacity:.58;cursor:wait;transform:none;box-shadow:none}

/* Inhalte bleiben auch sichtbar, wenn JavaScript oder Animationen blockiert werden. */
.reveal{opacity:1!important;transform:none!important}