
:root{--ink:#252525;--pink:#e9437c;--paper:#f7f1e6;--line:#d4cbbf;--mint:#69bcae;--berry:#542b40}
body{font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1;background:var(--paper)}
p,.hero-copy>p:not(.eyebrow),.lead,.why>p,.steps p,.outcome p,.service p,details p,.section-head p,.about p,.mini p,.closing p{line-height:1}
p{margin:16px 0}.wrap{width:min(1140px,88%)}
.preview{background:#252525;color:#f7f1e6;font-size:9px;line-height:1.2;letter-spacing:.15em;padding:7px}
header{background:rgba(247,241,230,.97)}nav{height:76px}.brand{letter-spacing:-.8px}.brand small{font-size:8px;letter-spacing:1.55px}
.navlinks{font-size:12px;gap:25px}
h1,h2,h3{font-family:'DM Sans',Arial,sans-serif;font-weight:500;text-transform:none;letter-spacing:-1.7px;line-height:1.02}
h1{font-size:clamp(44px,5.2vw,70px)}h2{font-size:clamp(34px,3.5vw,46px)}h3{font-size:23px;letter-spacing:-.6px;line-height:1.08}
h1 em,h2 em,h3 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-style:italic;color:#a82c59;text-decoration:none!important;letter-spacing:-1px;font-size:1.13em}
.hero{padding:55px 0 0;background:var(--paper) url('assets/editorial-paper.webp') center/100% 100% no-repeat}
.hero-grid{grid-template-columns:1.1fr 1fr;gap:38px}
.hero-copy>p:not(.eyebrow){font-size:16px;color:#504942;max-width:395px;margin:24px 0}
.hero-art{min-height:380px}.hero-art:before{display:none}.hero-art img{width:113%;height:auto;margin-left:-6%;filter:drop-shadow(0 12px 14px #60472e20)}
.sticker{background:none;box-shadow:none;transform:rotate(-6deg);padding:0;right:0;bottom:-9px;font:italic 25px/1 'Cormorant Garamond',Georgia,serif;color:#49372f;text-transform:none}
.sticker span{color:#ac305d}.hero-note{font-size:10px;line-height:1;margin-top:14px}
.hero-bottom{border-color:#bdb2a3;font-size:9px;letter-spacing:1.1px;margin-top:45px;padding:20px 0;line-height:1.1}
.btn,nav .btn{box-shadow:none;border:1px solid transparent;border-radius:3px;background:#ca3263;color:#fff;font-size:12px;line-height:1;padding:17px 23px;gap:23px}
.btn:hover{background:#a82451}.btn span{font-size:18px}.closing .btn{background:#ca3263;color:white}nav .btn{padding:13px 17px;font-size:11px}
.eyebrow{font:500 9px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:1.7px;margin:0 0 20px}.eyebrow:before{height:1px;width:24px}
.section{padding:76px 0}.two{gap:76px}.lead{font-size:18px;margin-top:24px}.muted{font-size:15px;color:#d1d0c7}
#first-look{background:#243731;color:#f7f1e6}.dark em{color:#f19fbd}#first-look .eyebrow{color:#eacb7d}
.concept{padding:23px;background:#e6bd51;box-shadow:8px 11px 0 #59a996;transform:rotate(1deg);border-radius:0;margin:6px 14px 0 0}
.browserline{padding-bottom:13px;margin-bottom:20px}.browserline span{font-size:8px;letter-spacing:1px}
.mini{background:#fbf7ee;padding:29px}.mini h3{font:500 33px/1.04 'DM Sans',Arial,sans-serif;letter-spacing:-1.1px;max-width:260px;margin-top:23px}.mini h3 em{color:#a52e56}.mini-bar{height:3px;width:68px;background:#d9477a;margin:20px 0;transform:rotate(-2deg)}.mini p{font-size:12px}.concept-caption{font-size:9px;line-height:1.15}
.steps{gap:35px;margin-top:50px;padding-top:25px;border-color:#64736a}.steps h3{font-size:20px}.steps p{font-size:14px;margin-top:14px}.steps .num{font:11px 'DM Sans',Arial,sans-serif;color:#e8c166;margin-bottom:13px}
#warum{background:#deeee6}.why{max-width:920px}.why h2 em{color:#326758}.why>p{font-size:17px;max-width:670px;margin-top:25px}.pull{border-color:#4ea494;border-width:2px;padding-left:20px;margin-top:27px!important;font-size:15px!important}
#ergebnis{padding-top:70px;background:#f7f1e6}.section-head{margin-bottom:32px}.section-head p{font-size:14px;max-width:290px}
.outcome-grid{gap:0}.outcome{padding:25px 20px 0 0;margin-right:20px}.outcome h3{font-size:22px;line-height:1.05}.outcome p{font-size:14px;margin-top:17px;color:#5c554e}
.outcome .num,.outcome:nth-child(n) .num{background:none;transform:none;padding:0;font:11px 'DM Sans',Arial,sans-serif;color:#926b28;margin-bottom:17px}
#stimmen{background:#512d40}.quote{font:italic 33px/1.05 'Cormorant Garamond',Georgia,serif;color:#f8eee2;margin:22px 0}.quote-name{font-size:10px;color:#e0cda9;letter-spacing:1.3px}.about{margin-top:48px;padding-top:36px;gap:70px}.about h3{font-size:29px}.about h3 em{color:#e0cda9}.about p{font-size:15px}.textlink{font-size:12px;margin-top:13px;text-decoration-thickness:1px;text-underline-offset:5px;line-height:1.2}
.services{background:#f7f1e6}.services h2 em{color:#316c60;text-decoration:none}.services-list{margin-top:28px;column-gap:65px}.service{padding:24px 0;grid-template-columns:25px 1fr;gap:12px}.service h3{font-size:25px}.service p{font-size:14px;max-width:355px;margin-top:12px}.service .num{font:10px 'DM Sans',Arial,sans-serif;color:#a0772d}
#faq{background:#eee3ce}.faq-layout{gap:70px}summary{font-weight:500;font-size:14px;line-height:1.15}summary:after{font-size:20px;color:#a93661}details{padding:21px 0}details p{font-size:14px;margin:15px 0 0}
.closing{position:relative;background:#d1e7dd;padding:72px 20px}.closing h2{font-size:clamp(36px,4.4vw,58px);max-width:900px;margin:auto;line-height:1.02}.closing p{font-size:16px;background:none;color:#40594e;margin:22px auto}.closing .eyebrow:before{background:#527969}.closing small{font-size:10px;line-height:1.1}
footer{background:#252c27;padding:32px 0}footer p{font-size:10px}footer .links{font-size:10px;line-height:1.2}
@media(max-width:900px){.hero-grid{gap:20px}.hero-art{min-height:310px}.hero h1{font-size:47px}.two{gap:40px}.sticker{font-size:23px}.navlinks{display:none}}
@media(max-width:650px){nav{height:68px}.brand{font-size:21px}.brand small{font-size:7px}nav .btn{font-size:10px;padding:12px}.hero{padding-top:35px;background-size:auto 100%;background-position:61% top}.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:46px;letter-spacing:-1.5px;line-height:1.03}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:310px;margin:21px 0}.hero-art{min-height:0;max-width:310px;margin:0 auto 15px}.hero-art img{width:100%;margin:0}.sticker{bottom:-20px;right:0;font-size:23px}.hero-bottom{margin-top:34px;font-size:8px;padding:17px 0}.section{padding:54px 0}h2{font-size:35px}.two,.faq-layout,.about{grid-template-columns:1fr;gap:29px}.lead{font-size:17px}.concept{max-width:350px;margin-top:8px}.steps{margin-top:38px;gap:22px}.steps p{margin-bottom:0}.why>p{font-size:16px}#ergebnis{padding-top:54px}.outcome-grid{column-gap:18px;row-gap:18px}.outcome{margin:0;padding-right:14px}.outcome h3{font-size:20px}.outcome p{font-size:13px}.section-head{margin-bottom:25px}.about{margin-top:36px;padding-top:28px}.quote{font-size:29px}.services-list{column-gap:0}.service{padding:21px 0}.closing{padding:56px 6%}.closing h2{font-size:37px}.closing p{font-size:15px}.closing small{max-width:290px;margin:15px auto 0}footer .links{flex-wrap:wrap;gap:20px}}
.sticker{display:none}.hero-bottom{position:relative;background:#f7f1e6;padding:19px 15px;margin-bottom:0}
