:root{--ink:#31392f;--sage:#626b55;--cream:#f6f3ec;--paper:#fffdf8;--muted:#696d63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.75}a{color:inherit}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:10;background:rgba(249,247,240,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dddcd2}.bar{max-width:1140px;margin:auto;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;font-size:1.2rem;letter-spacing:.025em;font-weight:600}nav{display:flex;gap:18px;align-items:center}nav a{text-decoration:none;font-size:.88rem}nav a:hover,footer a:hover{text-decoration:underline}.menu{display:none;border:1px solid #a5a99c;background:transparent;border-radius:9px;padding:8px 12px;font-size:1.1rem}.hero{min-height:680px;display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 24px;background:linear-gradient(180deg,rgba(250,248,240,.12),rgba(250,248,240,.58)),url('assets/hero.webp') center/cover}.hero-inner{max-width:780px}.hero-logo{width:min(340px,65vw);margin:0 auto 26px;mix-blend-mode:multiply;border-radius:12px}.eyebrow{font-size:.84rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#5d664f}.hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.17;margin:10px 0 20px;font-weight:600}.hero p{font-size:clamp(1rem,2vw,1.22rem);max-width:670px;margin:0 auto 26px}.button{display:inline-block;text-decoration:none;background:var(--sage);color:white;padding:11px 27px;border-radius:50px;font-weight:600;transition:background .2s}.button:hover{background:#434c3a}.button.alt{background:transparent;border:1px solid var(--sage);color:var(--sage)}.wrap{max-width:1100px;margin:auto;padding:80px 24px}.intro{text-align:center;max-width:760px}.intro h2{font-size:clamp(1.7rem,3vw,2.5rem)}h1,h2,h3{line-height:1.2}h2,.page-title{font-family:'Arial Narrow',Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;font-weight:600}h2{font-size:clamp(1.9rem,3.4vw,2.9rem);margin:0 0 24px}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding-top:46px;padding-bottom:46px}/* Bild und Text auf Desktop einheitlich angeordnet. */.picture img{width:100%;height:380px;object-fit:cover;border-radius:18px;box-shadow:0 15px 45px #343a2e15}.feature p{margin:0 0 20px}.section-alt{background:#eae9df}.page-hero{background:linear-gradient(90deg,#f6f3ecdd,#f6f3ecb0),url('assets/path.webp') center/cover;padding:100px 24px}.page-hero .wrap{padding:0 24px}.page-title{font-size:clamp(2.6rem,6vw,4.4rem);margin:0 0 12px}.lead{font-size:1.25rem;max-width:730px}.prose{max-width:790px;margin:auto}.prose p{margin:0 0 20px}.prose h2{margin-top:44px}.prose ul{padding-left:24px}.contact-card{background:var(--paper);border-radius:20px;padding:35px;box-shadow:0 10px 35px #0000000c}.contact-card a{overflow-wrap:anywhere}.note{background:#e7e8dd;padding:18px 22px;border-left:4px solid var(--sage);border-radius:5px}footer{background:#323a31;color:#f8f6ee;text-align:center;padding:44px 24px 22px}footer a{margin:0 12px}footer small{display:block;margin-top:24px;color:#c8c9c0}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split img{border-radius:18px}.check{list-style:none;padding:0}.check li{padding:8px 0;border-bottom:1px solid #d8d9cf}.check li:before{content:'✓';color:#67745b;font-weight:bold;margin-right:12px}@media(max-width:850px){.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#faf8f2;padding:18px 24px;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:7px 0}.feature,.split{grid-template-columns:1fr;gap:25px}.feature:nth-of-type(even) .picture{order:0}.feature .picture{order:0!important}.wrap{padding:56px 22px}.picture img{height:auto;max-height:420px}.hero{min-height:590px;padding:65px 20px;background-position:43% center}.hero-logo{width:min(270px,65vw)}.page-hero{padding:70px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.dobby-photo{margin:3rem auto 1.5rem;max-width:740px}.dobby-photo img{width:100%;height:auto;display:block;border-radius:18px;object-fit:cover}

/* Version 3: ruhiger Bildaufbau */
.hero-new{display:block;min-height:0;padding:0;background:none;text-align:center}.hero-art{height:clamp(300px,53vw,660px);background:url('assets/startseite-logo.webp') center center/cover no-repeat}.hero-copy{max-width:850px;margin:0 auto;padding:54px 24px 68px}.hero-new .hero-copy h1{margin-top:12px}.page-hero{background:linear-gradient(90deg,rgba(246,243,236,.92),rgba(246,243,236,.70)),url('assets/landschaft-clean.webp') center/cover}.section-alt{background:linear-gradient(rgba(246,243,236,.91),rgba(246,243,236,.91)),url('assets/landschaft-clean.webp') center/cover}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 32px}.price-card{background:#fffdf8;border:1px solid #d8d9cf;border-radius:16px;padding:26px}.price-card p{margin:0 0 10px}.price-card strong{font-size:2.3rem;display:block;line-height:1.3}.price-card span{color:#696d63}@media(max-width:650px){.hero-art{height:55vw;min-height:220px;background-position:center}.hero-copy{padding:38px 22px 55px}.price-grid{grid-template-columns:1fr}}

/* Das Bild bei „Meine Leistungen“ auch auf Desktop vollständig anzeigen. */
@media (min-width:851px){.picture img.leistungen-bild{object-fit:contain;background:#eae9df}}