:root{--bg:#f4f7f9;--white:#fff;--green:#059669;--green-dark:#047857;--green-soft:#ecfdf5;--text:#0f172a;--muted:#475569;--line:#e2e8f0;--shadow:0 14px 42px rgba(15,23,42,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#fafcfd,var(--bg) 48%);line-height:1.65}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.22;letter-spacing:-.035em}h2{font-size:clamp(1.65rem,3.6vw,2.25rem)}h3{font-size:1.08rem}.wrap,.navbar{width:min(100% - 40px,1020px);margin-inline:auto}.navbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px}.logo{font-size:1.05rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.logo span,.hero h1 span,.section-heading h2 span{color:var(--green)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 21px;border-radius:12px;text-decoration:none;font-weight:750;font-size:.93rem;line-height:1.3;text-align:center;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-dark));color:white;box-shadow:0 5px 17px rgba(5,150,105,.19)}.btn-secondary{background:white;border:1px solid #cbd5e1}.hero{text-align:center;max-width:850px;padding-block:78px 54px}.eyebrow{display:inline-block;background:var(--green-soft);border:1px solid #b7ead2;color:var(--green-dark);border-radius:50px;padding:7px 15px;font-size:.8rem;font-weight:750}.hero h1{font-size:clamp(2.3rem,6vw,4rem);max-width:780px;margin:22px auto 17px}.hero>p:not(.hero-note){font-size:1.09rem;color:var(--muted);max-width:660px;margin-inline:auto}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{font-size:.84rem;color:var(--muted);margin:17px 0 0}.section{margin-block:68px;scroll-margin-top:24px}.section-heading{text-align:center;max-width:720px;margin:0 auto 26px}.section-kicker{display:block;color:var(--green-dark);font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.section-heading h2{margin-bottom:12px}.section-heading p,.lead{color:var(--muted)}.problem-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mini-card,.step-card,.showcase-card,.example-card,.about-card{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.mini-card,.step-card{padding:25px}.mini-card p,.step-card p{color:var(--muted);font-size:.91rem;margin:0}.mini-card h3,.step-card h3{margin:12px 0 9px}.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-weight:800;font-size:1.25rem}.showcase-card{max-width:800px;margin:auto;padding:clamp(24px,5vw,46px)}.showcase-card h2{margin:18px 0 10px}.feature-list{padding:0;margin:28px 0;list-style:none;display:grid;gap:16px}.feature-list li{display:flex;gap:13px;color:var(--muted);font-size:.95rem}.feature-list strong{color:var(--text)}.feature-list li>span{display:flex;flex:0 0 24px;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green-dark);border-radius:50%;height:24px;font-weight:800}.price-panel{display:flex;flex-direction:column;align-items:center;gap:1px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:21px;text-align:center;margin-bottom:19px;color:var(--muted);font-size:.86rem}.price{font-size:2.45rem;font-weight:800;line-height:1.25;color:var(--green-dark)}.btn-wide{width:100%}.example-card{max-width:700px;margin:auto;padding:clamp(22px,4vw,34px)}.example-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.example-label{font-size:.7rem;letter-spacing:.08em;font-weight:800;color:var(--muted)}.example-top h3{font-size:2.5rem;margin:7px 0 0}.example-top p{color:var(--muted);font-size:.9rem}.example-mark{font-size:.67rem;font-weight:800;letter-spacing:.08em;background:#f1f5f9;border-radius:7px;padding:6px 10px;color:var(--muted)}.bar{display:flex;gap:3px;height:13px;border-radius:9px;overflow:hidden;margin:19px 0 21px}.bar-fixed{background:#64748b;flex:1650}.bar-reserve{background:#a3b2c4;flex:450}.bar-free{background:var(--green);flex:1100}.example-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;font-size:.92rem}.example-row>span{display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex:0 0 10px}.dot-fixed{background:#64748b}.dot-reserve{background:#a3b2c4}.dot-free{background:var(--green)}.example-total{border-bottom:0;color:var(--green-dark);font-weight:750}.example-footnote{font-size:.77rem;color:var(--muted);margin:16px 0 0}.step-number{font-weight:800;color:var(--green);font-size:1.6rem}.about-card{max-width:800px;margin:auto;padding:clamp(25px,5vw,42px)}.about-card h2{margin:0 0 15px}.about-card p{color:var(--muted)}.about-note{border-left:3px solid var(--green);padding-left:13px;font-size:.84rem;margin-bottom:0}.final-card{max-width:850px;margin:auto;text-align:center;background:#eaf9f1;border:1px solid #bcebd5;border-radius:22px;padding:clamp(28px,6vw,55px)}.final-card h2{margin:17px 0 10px}.final-card p{color:var(--muted)}.final-price{font-size:2.4rem;font-weight:800;color:var(--green-dark);margin:20px 0}.final-price span{font-size:.93rem;color:var(--muted);font-weight:500}.footer{border-top:1px solid var(--line);background:white;padding:25px 20px;margin-top:80px;font-size:.85rem;color:var(--muted)}.footer-content{max-width:1020px;margin:auto;display:flex;justify-content:space-between;gap:15px;align-items:center}.footer-content p{margin:0}.footer a{text-underline-offset:3px}
@media(max-width:760px){.navbar{padding-block:15px}.nav-cta{font-size:.78rem;padding:10px 12px;min-height:42px}.logo{font-size:.9rem}.hero{padding-block:55px 27px}.section{margin-block:46px}.problem-grid,.steps-grid{grid-template-columns:1fr}.mini-card,.step-card{padding:22px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.footer-content{flex-direction:column;text-align:center}.final-card .btn{width:100%}}
@media(max-width:390px){.wrap,.navbar{width:min(100% - 28px,1020px)}.logo{font-size:.77rem}.nav-cta{font-size:.7rem;padding-inline:9px}.hero h1{font-size:2.1rem}.example-row{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Kompakter Vertrauensbereich auf der Startseite */
.about-teaser{max-width:800px;margin:auto;padding:clamp(24px,4vw,34px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:30px}
.about-teaser h2{font-size:clamp(1.4rem,3vw,1.85rem);margin:0 0 10px}
.about-teaser p{color:var(--muted);margin:0;max-width:540px;font-size:.95rem}
.about-teaser .btn{flex-shrink:0}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}
.about-page{padding-block:58px 10px}
.about-page .about-card{max-width:800px}
.about-page .about-card h1{font-size:clamp(2rem,5vw,2.8rem);margin:14px 0 20px}
.about-page .about-card p{font-size:1rem}
.about-page .about-card .about-note{font-size:.88rem}
.about-page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media(max-width:760px){.about-teaser{flex-direction:column;align-items:stretch;gap:20px}.about-teaser .btn{width:100%}.about-page{padding-block:34px 0}.about-page-actions{flex-direction:column}.about-page-actions .btn{width:100%}.footer-links{justify-content:center}}

/* Über mich: Porträt, Geschichte und zentrierte Aktionen */
.about-story{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start;max-width:900px!important}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:#f1f5f9}
.about-intro h1{font-size:clamp(1.8rem,4vw,2.65rem)!important}
.about-story-section{max-width:900px!important;margin:24px auto 0}
.about-story-section h2{font-size:clamp(1.45rem,3vw,1.9rem)}
.about-story-section p:last-child{margin-bottom:0}
.about-final{margin:38px auto 0}
.about-page-actions{justify-content:center;align-items:center;text-align:center}
.cta-note{font-size:.83rem;margin:15px 0 0!important}
@media(max-width:760px){.about-story{grid-template-columns:1fr;gap:22px}.about-portrait{width:min(100%,260px);margin:auto}.about-intro{text-align:left}.about-page-actions{width:100%}.about-page-actions .btn{width:100%}}

/* Ruhigere Typografie und klare Produktvorschau */
.hero{max-width:960px;padding-block:72px 64px}
.hero h1{font-size:clamp(2.25rem,4.25vw,3.35rem);line-height:1.18;letter-spacing:-.045em;max-width:940px;margin:28px auto 23px;text-wrap:balance}
.hero h1 span{display:block;margin-top:.13em}
.hero>p:not(.hero-note){max-width:710px;line-height:1.8}
.section-heading h2,.final-card h2{font-size:clamp(1.65rem,2.9vw,2.3rem);line-height:1.32;letter-spacing:-.035em;text-wrap:balance}
.final-card{max-width:920px;padding:clamp(34px,5vw,60px)}
.final-card h2{max-width:740px;margin:19px auto 17px}
.final-card>p{max-width:680px;margin-inline:auto;line-height:1.8}
.preview-link-card{display:flex;align-items:center;justify-content:space-between;gap:26px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,32px);margin-top:26px;box-shadow:var(--shadow)}
.preview-link-card h3{font-size:1.35rem;margin:0 0 8px}.preview-link-card p{color:var(--muted);margin:0;max-width:560px}.preview-link-card .btn{flex-shrink:0}
@media(max-width:760px){.hero{padding-block:54px 35px}.hero h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.22}.preview-link-card{flex-direction:column;align-items:stretch}.preview-link-card .btn{width:100%}}

/* Desktop: mehr Luft und klarere Zeilenlaengen */
@media(min-width:1000px){
 .wrap,.navbar{width:min(100% - 96px,1160px)}
 .hero{max-width:1160px;padding-top:104px;padding-bottom:94px}
 .hero h1{max-width:1100px;font-size:clamp(2.65rem,3.45vw,3.3rem);line-height:1.29;letter-spacing:-.043em;margin:36px auto 31px}
 .hero h1 span{margin-top:.24em}
 .hero>p:not(.hero-note){max-width:800px;font-size:1.05rem;line-height:1.95}
 .hero-actions{margin-top:35px;gap:16px}
 .hero-note{margin-top:24px}
 .section{margin-block:95px}
 .section-heading{max-width:800px;margin-bottom:38px}
 .section-heading h2{line-height:1.4}
 .final-card{padding:68px 70px}
 .final-card h2{line-height:1.43;margin-top:24px;margin-bottom:24px}
}

/* Einheitliches visuelles System der Landingpage */
:root{--card-radius:20px;--card-border:#e2e8f0;--card-shadow:0 12px 34px rgba(15,23,42,.045)}
.section{max-width:1020px}
.section-heading{max-width:740px}
.section-heading h2{font-size:clamp(1.75rem,2.65vw,2.2rem);line-height:1.32;letter-spacing:-.035em}
.section-heading p{max-width:670px;margin:0 auto;line-height:1.75}
.section-kicker{letter-spacing:.09em}
.mini-card,.step-card,.example-card,.preview-link-card,.final-card{border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.mini-card,.step-card{padding:28px;min-height:100%}
.problem-grid,.steps-grid{gap:20px}
.mini-card h3,.step-card h3{font-size:1.06rem;line-height:1.4}
.mini-card p,.step-card p{line-height:1.75}
.preview-link-card{max-width:1020px;margin:26px auto 0;padding:28px 32px}
.preview-link-card h3{font-size:1.18rem}
.final-card{max-width:1020px;background:#fff;border:1px solid var(--card-border);padding:clamp(32px,5vw,58px)}
.final-card h2{font-size:clamp(1.75rem,2.65vw,2.2rem);line-height:1.35}
.final-card .section-kicker{margin-bottom:12px}
.final-card .eyebrow{background:var(--green-soft)}
.final-card .price-panel{max-width:420px;margin:25px auto 22px;background:var(--green-soft);border-color:#c8eadb}
.example-card{max-width:800px;padding:clamp(26px,4vw,40px)}
.price-panel{border-radius:14px}
.btn{border-radius:12px}
@media(min-width:1000px){.section{margin-block:88px}.section-heading{margin-bottom:34px}.final-card{padding:58px 66px}}
@media(max-width:760px){.section{margin-block:55px}.mini-card,.step-card{padding:23px}.problem-grid,.steps-grid{gap:14px}.preview-link-card{padding:23px}.final-card{padding:30px 22px}}

/* Vertikale Abstaende: Abschnitte klar, aber kompakter verbinden */
.hero{padding-bottom:34px}
.hero + .section{margin-top:34px}
.section{margin-block:60px}
.section-heading{margin-bottom:28px}
@media(min-width:1000px){
 .hero{padding-bottom:36px}
 .hero + .section{margin-top:30px}
 .section{margin-block:64px}
 .section-heading{margin-bottom:28px}
}
@media(max-width:760px){
 .hero{padding-bottom:26px}
 .hero + .section{margin-top:30px}
 .section{margin-block:48px}
}

/* Einheitliche Abschnittsüberschriften und kompakterer Einstieg */
.section-heading h2,.preview-link-card h2{font-size:clamp(1.75rem,2.65vw,2.2rem);font-weight:800;line-height:1.32;letter-spacing:-.035em;margin:0 0 12px}
.preview-link-card .section-kicker{margin-bottom:10px}
.hero{padding-top:clamp(48px,7vw,78px);padding-bottom:25px}
.hero h1{margin-top:0}
.hero + .section{margin-top:26px}
@media(max-width:760px){.hero{padding-top:42px}.preview-link-card h2{font-size:clamp(1.75rem,2.65vw,2.2rem)}}

/* Farbkonzept: sanftgrüner Seitenhintergrund und stärkerer Demo-Einstieg */
:root{--bg:#eaf5ee;--green-soft:#edf8f1;--line:#d8e8dd}
body{background:#eaf5ee;color:#173b2d}
.navbar{background:transparent}
.hero{background:#eaf5ee}
.mini-card{background:#fff;border-color:#d8e8dd}
.mini-icon{background:#edf8f1}
.preview-link-card{background:#d8eee2;border-color:#c6e4d1;box-shadow:none}
.preview-link-card .btn-secondary{background:#fff;border-color:#d8e8dd;color:#075f46}
.footer{background:#e1f0e7;border-color:#c6e4d1}