:root{--cream:#f7eee8;--ink:#161c1d;--red:#b50918;--red-dark:#890611;--petrol:#17505b;--line:#e4d4ca;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #008ca6;outline-offset:4px}.container{width:min(100% - 48px,1300px);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:.72rem;font-weight:800}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.red{color:var(--red)}p{line-height:1.66}.muted{color:#655c57}.skip{position:absolute;left:-10000px;top:0;background:white;padding:12px;z-index:20}.skip:focus{left:15px}
.header{position:relative;z-index:15;border-bottom:1px solid rgba(70,30,20,.07)}.header-in{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:2.45rem;font-weight:800;letter-spacing:-.095em;line-height:1;white-space:nowrap}.brand span{color:var(--red)}.nav{display:flex;align-items:center;gap:clamp(15px,2vw,32px)}.nav a:not(.btn){font-size:.87rem;font-weight:700}.nav a[aria-current="page"]{color:var(--red)}.nav a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:12px 23px;border-radius:999px;border:1px solid transparent;font-size:.85rem;font-weight:700;transition:background .25s,transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px)}.btn-red{color:white;background:var(--red)}.btn-red:hover{background:var(--red-dark);box-shadow:0 12px 26px rgba(181,9,24,.13)}.btn-plain{border-color:#635d5a}.btn-plain:hover{background:#fffaf6}.menu-btn{display:none;border:1px solid #d9c9bf;border-radius:12px;padding:7px 13px;background:transparent;font-size:1.5rem}
.breadcrumb{font-size:.79rem;color:#726761;padding-top:28px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.breadcrumb span{padding:0 8px}
.hero{overflow:hidden;position:relative;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,var(--cream));pointer-events:none}.hero-in{position:relative;min-height:620px;display:grid;align-items:center}.hero-copy{position:relative;z-index:2;padding:30px 0 80px}.hero-copy .eyebrow{color:var(--petrol);margin-bottom:21px}.hero h1{font-size:clamp(3.9rem,5.2vw,6rem);line-height:1.03;margin:0 0 23px;max-width:740px}.hero .lead{font-size:clamp(1.08rem,1.5vw,1.28rem);max-width:535px;margin:0 0 26px;color:#4b4644}.hero-note{display:flex;gap:12px;align-items:center;font-size:.82rem;color:#6e5d54;margin-top:35px}.hero-note:before{content:"";width:30px;height:1px;background:var(--red)}
.kicker{display:flex;align-items:center;gap:17px;margin-bottom:15px}.kicker:after{content:"";width:40px;height:1px;background:var(--red)}.intro{padding-top:28px;padding-bottom:96px}.intro-inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(45px,8vw,150px);align-items:start}.intro h2,.examples h2,.features h2,.steps h2{font-size:clamp(2.4rem,4vw,4.5rem);line-height:1.12;margin:0}.intro-copy{font-size:1.08rem;padding-top:5px;max-width:575px}.intro-copy p:first-child{margin-top:0}
.examples{padding:90px 0;background:#fffaf6}.section-heading{max-width:880px;margin-bottom:40px}.section-heading p{max-width:610px;margin:17px 0 0;color:#645c56}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.use{padding:32px 30px 34px;background:#f8eee8;border-radius:17px;min-height:265px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #efe0d8}.use svg{width:38px;height:38px;stroke:var(--red);margin-bottom:38px}.use h3{font-size:1.24rem;margin:0 0 11px}.use p{margin:0;color:#625b56;font-size:.96rem}
.features{padding:103px 0 109px}.features-in{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.features-intro p{max-width:500px;color:#625b56;font-size:1.08rem}.feature-list{border-top:1px solid var(--line)}.feature{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:18px}.feature b{color:var(--red);font-size:.78rem;margin-top:4px}.feature h3{margin:0 0 5px;font-size:1.06rem}.feature p{margin:0;font-size:.92rem;color:#655b56}
.steps{background:#eae2dc;padding:88px 0 92px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:43px}.step{border-top:1px solid #bfaea5;padding-top:20px}.step .number{font-size:.84rem;color:var(--red);font-weight:800}.step h3{font-size:1.22rem;margin:19px 0 8px}.step p{color:#5d5651;margin:0;font-size:.96rem}
.cta{background:var(--red);color:#fff;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-80px;top:-190px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.02)}.cta-in{position:relative;z-index:1;padding-top:68px;padding-bottom:74px;display:flex;justify-content:space-between;align-items:center;gap:36px}.cta h2{font-size:clamp(2.6rem,4.4vw,4.7rem);line-height:1.1;margin:14px 0}.cta p{max-width:650px;margin:0;color:#fff3f1}.cta .btn{background:white;color:var(--red)}.cta .btn:hover{background:#f9e9e4}.footer{background:#152326;color:#f9eee7}.footer-in{min-height:112px;display:flex;align-items:center;gap:30px;justify-content:space-between}.footer .brand{font-size:2rem}.footer small{color:#b7c1c1}.footer-links{display:flex;gap:18px;font-size:.84rem;color:#cbd3d1}
@media(max-width:980px){.nav{gap:13px}.nav a:not(.btn){font-size:.77rem}.hero-in{min-height:550px}.hero h1{font-size:clamp(3.6rem,6vw,5rem)}.use{padding:26px 22px}.features-in{gap:40px}}
@media(max-width:760px){.container{width:min(100% - 38px,680px)}.header-in{min-height:70px}.brand{font-size:2.12rem}.menu-btn{display:block}.nav{display:none;position:absolute;top:69px;left:14px;right:14px;flex-direction:column;align-items:stretch;background:#fffaf6;border:1px solid var(--line);padding:17px;border-radius:15px;box-shadow:0 20px 40px rgba(40,20,10,.13)}.nav.open{display:flex}.nav a:not(.btn){font-size:1rem;padding:10px}.breadcrumb{padding-top:20px}.hero-in{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:58px 0 3px}.hero h1{font-size:clamp(3.2rem,9.2vw,5rem)}.hero-note{margin-top:25px}.intro{padding:50px 0 75px}.intro-inner,.features-in{grid-template-columns:1fr;gap:18px}.intro h2,.examples h2,.features h2,.steps h2{font-size:clamp(2.4rem,7vw,3.5rem)}.examples{padding:72px 0}.use-grid{grid-template-columns:1fr;gap:12px}.use{min-height:0;padding:25px}.use svg{margin-bottom:15px}.features{padding:75px 0}.features-in{gap:20px}.steps{padding:68px 0}.step-grid{grid-template-columns:1fr;gap:23px;margin-top:30px}.step h3{margin-top:12px}.cta-in{display:block;padding:57px 0}.cta .btn{margin-top:24px}.footer-in{padding:30px 0;display:flex;flex-direction:column;align-items:flex-start;gap:15px}}
@media(max-width:430px){.hero-copy{padding-top:44px}.hero h1{font-size:clamp(2.85rem,12vw,3.5rem)}.hero .lead{font-size:1.03rem}.hero .btn{width:100%}.hero-note{font-size:.75rem}.cta h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.cta .eyebrow{color:#fff4ed;opacity:1}

.contact-hero{padding:90px 0 68px;display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:start}.contact-hero h1{font-size:clamp(3.2rem,5.2vw,6rem);line-height:1.05;margin:22px 0 26px}.contact-hero .lead{font-size:1.17rem;max-width:640px;color:#544e4a}.contact-intro{max-width:480px;padding-top:90px}.contact-intro h2{font-family:var(--serif);font-size:clamp(2rem,3vw,3.4rem);font-weight:400;line-height:1.15;margin:0 0 18px}.contact-mail{display:inline-block;font-size:1.22rem;font-weight:700;color:var(--red);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}.contact-section{background:#fffaf6;padding:75px 0 95px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,6vw,90px);align-items:start}.contact-side h2{font-family:var(--serif);font-size:clamp(2.3rem,3.5vw,4rem);font-weight:400;line-height:1.1;margin:16px 0}.contact-side p{color:#5b5652}.contact-facts{margin-top:35px;display:grid;gap:17px}.contact-fact{border-top:1px solid #e4d5cb;padding-top:15px}.contact-fact strong{display:block;margin-bottom:5px}.contact-fact span{color:#675e58;font-size:.93rem}.contact-form{background:#f7eee8;border:1px solid #eadbd2;border-radius:19px;padding:clamp(24px,4vw,48px);box-shadow:0 15px 45px rgba(65,34,22,.035)}.contact-form h2{font-size:1.48rem;margin:0 0 9px}.contact-form .form-intro{font-size:.93rem;color:#625852;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1/-1}.form-field label,.form-field legend{font-size:.83rem;font-weight:700}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #d9c6bb;background:#fffcfa;color:#161c1d;border-radius:10px;padding:13px 14px;font:inherit;font-size:.95rem}.form-field textarea{resize:vertical;min-height:180px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:2px solid #157c8e;outline-offset:1px}.form-field small{color:#6a615b}.form-end{margin-top:23px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.form-note{font-size:.81rem;color:#625852;line-height:1.5;margin-top:17px}.form-status{font-size:.92rem;margin-top:16px;color:#284b53}.next{padding:78px 0 90px}.next h2{font-family:var(--serif);font-size:clamp(2.35rem,4vw,4.1rem);font-weight:400;margin:0 0 30px;line-height:1.1}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.next-item{border-top:1px solid #cdbdb3;padding-top:18px}.next-item b{color:var(--red);font-size:.8rem}.next-item h3{margin:15px 0 8px}.next-item p{color:#625b55;margin:0}.mail-fallback{font-size:.82rem;color:#665e58}.required{color:var(--red)}
@media(max-width:900px){.contact-hero{gap:35px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-side{max-width:620px}}
@media(max-width:760px){.contact-hero{display:block;padding:48px 0 50px}.contact-intro{padding-top:18px}.contact-section{padding:45px 0 65px}.form-grid{grid-template-columns:1fr}.next-grid{grid-template-columns:1fr;gap:25px}.next{padding:58px 0}.contact-form{padding:24px}}

/* Header-CTA: weißer Text auch im aktiven Navigationszustand */
.header .nav a.btn-red, .header .nav a.btn-red[aria-current="page"]{color:#fff}
.header .nav a.btn-red:hover, .header .nav a.btn-red:focus-visible{color:#fff}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-note a{text-decoration:underline}
.form-status:empty{display:none}
.form-status.is-ok{color:#1f6b45;font-weight:700}
.form-status.is-error{color:var(--red);font-weight:700}
.contact-form button[disabled]{opacity:.6;cursor:wait;transform:none}
.form-status:focus{outline:none}