:root{color-scheme:light;--font:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;--ink:#294744;--muted:#4e6663;--accent:#285e59;--paper:#faf8f1;--line:#c6d6cf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;color:var(--ink);font-family:var(--font);font-size:19px;font-weight:400;line-height:1.75;background-color:var(--paper);background-image:linear-gradient(90deg,rgba(250,248,241,.52) 0%,rgba(250,248,241,.84) 30%,rgba(250,248,241,.84) 70%,rgba(250,248,241,.52) 100%),url("assets/wasser-gemalt.png");background-size:auto,max(1440px,100vw) auto;background-repeat:no-repeat;background-position:center top;background-attachment:fixed}
button,input,textarea,select{font-family:var(--font);font-size:inherit;line-height:1.5}
a{color:var(--accent);text-underline-offset:.24em;text-decoration-thickness:1px}a:hover{text-decoration:underline;text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9b4652;outline-offset:5px}
.draft{padding:9px 20px;text-align:center;font-size:15px;line-height:1.5;color:var(--muted);background:rgba(250,248,241,.78);border-bottom:1px solid rgba(78,102,99,.12)}
header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 44px}
.brand{font-size:27px;font-weight:500;letter-spacing:-.025em;line-height:1.4;white-space:nowrap;text-decoration:none;color:var(--ink)}
nav{display:flex;align-items:center;gap:27px;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;min-height:48px;font-size:18px;font-weight:500;line-height:1.4;text-decoration:none}
.hero{display:grid;grid-template-columns:44% 56%;align-items:center;padding:40px 44px 92px}.cover{padding:0 46px 0 6px}.cover img{display:block;width:100%;height:auto;box-shadow:0 18px 42px #29484122;transform:rotate(-2deg)}.intro{padding-left:45px}
.eyebrow{margin:0 0 23px;color:var(--muted);font-size:16px;line-height:1.55;letter-spacing:.015em;font-weight:500;text-transform:none}
h1,h2,h3{font-family:var(--font);color:var(--ink);font-weight:500;letter-spacing:-.035em;line-height:1.17}h1,h2{margin:0 0 28px}h1{font-size:clamp(44px,5.3vw,68px)}h2{font-size:clamp(36px,4vw,46px)}.lead{max-width:460px;margin:0 0 30px;font-size:20px;line-height:1.7}
.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:15px 25px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;font:500 18px/1.5 var(--font);text-decoration:none;cursor:pointer}.button:hover{background:#214f4b;border-color:#214f4b;text-decoration:none}.textlink{display:flex;align-items:center;width:fit-content;min-height:48px;margin-top:13px;font-size:18px;font-weight:500;text-decoration:underline}
.price{margin:12px 0 0;font-size:17px;line-height:1.5;color:var(--muted)}
.story,.about{display:grid;grid-template-columns:28% 72%;padding:66px 80px;border-top:1px solid var(--line)}.story>div,.about>div{max-width:650px}.story p:first-child{margin-top:0}.story p,.about p{margin-bottom:22px}.closing{margin-top:32px;font-family:var(--font);font-size:inherit;line-height:inherit;font-weight:400;letter-spacing:normal}.about{padding-top:74px;padding-bottom:74px}
.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:56px 58px;margin:0 30px 60px;background:rgba(242,248,242,.87);border:1px solid #c8d9d1;border-radius:7px}.newsletter h2{font-size:46px}.newsletter p{margin-bottom:0}.signup{align-self:center}label{display:block;margin-bottom:10px;font-size:17px;font-weight:500;line-height:1.5}
input{width:100%;min-height:58px;padding:15px 17px;background:#fffdf7;border:1px solid #8ba39a;border-radius:4px;color:var(--ink);font-size:18px}input:disabled{color:#687b75;background:rgba(255,253,247,.78);opacity:1}.signup .button{width:100%;margin-top:13px}.button:disabled{opacity:.64;cursor:default}.small{font-family:var(--font);font-size:15px;line-height:1.65;color:var(--muted)}.signup .small{margin-top:16px}
footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:0 44px 36px}footer>div{display:flex;gap:26px;flex-wrap:wrap}footer>div a{display:inline-flex;align-items:center;min-height:48px;font-size:18px;line-height:1.5;text-decoration:underline}footer p{width:100%;margin-top:0}
@media(max-width:940px){header{padding-inline:30px}nav{gap:18px}.hero{padding-inline:30px;grid-template-columns:43% 57%}.cover{padding-right:32px;padding-left:0}.intro{padding-left:20px}.lead{font-size:19px}.story,.about{padding:56px 42px;grid-template-columns:24% 76%}.newsletter{padding:42px 35px;gap:36px}}
@media(max-width:720px){html{scroll-padding-top:1rem}body{font-size:18px;line-height:1.75;background-attachment:scroll;background-size:auto,1100px auto;background-image:linear-gradient(rgba(250,248,241,.76),rgba(250,248,241,.84)),url("assets/wasser-gemalt.png")}header{padding:23px 24px 16px;align-items:flex-start;flex-wrap:wrap;gap:10px}.brand{font-size:26px}nav{width:100%;justify-content:flex-start;gap:10px 24px}nav a{min-height:48px;font-size:18px}.hero{grid-template-columns:1fr;padding:24px 25px 52px;gap:39px}.cover{width:min(100%,390px);padding:0 47px;margin:auto}.intro{padding:0}.intro h1{font-size:clamp(42px,10.5vw,53px)}.eyebrow{font-size:16px;margin-bottom:20px}.lead{font-size:19px}.button{font-size:18px;padding-inline:20px;max-width:100%}.textlink{font-size:18px;margin-top:13px}.story,.about{grid-template-columns:1fr;padding:42px 25px}.story .eyebrow,.about .eyebrow{margin-bottom:23px}h2{font-size:37px}.newsletter{grid-template-columns:1fr;gap:29px;margin:0 16px 42px;padding:34px 25px}.newsletter h2{font-size:39px}footer{padding:0 25px 28px}footer>div{gap:10px 25px}.small{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ruhigere, schmalere Lesespalten ohne seitlich eingeklemmte Titel. */
header,main,footer{max-width:1080px}
.hero{grid-template-columns:43% 57%;padding-bottom:70px}.intro{padding-left:28px}.cover{padding-right:32px}
.book-link{display:inline-block;font-size:19px;font-weight:500;line-height:1.65;text-decoration:underline;text-underline-offset:.2em;padding:7px 0;max-width:100%}.price{margin-top:3px;font-size:18px}.paperback{font-size:18px;color:var(--muted);margin:18px 0 0;line-height:1.6}
.story,.about{display:block;width:100%;max-width:760px;margin:0 auto;padding:54px 40px}.story>div,.about>div{max-width:none}.story .section-title,.about .section-title{font-size:27px;line-height:1.35;letter-spacing:-.02em;margin:0 0 27px}.story p,.about p{font-size:19px;line-height:1.75;margin:0 0 21px}.story .closing{font-size:19px;margin-top:28px}.story p:last-child,.about p:last-child{margin-bottom:0}.about{padding-top:54px;padding-bottom:62px}.newsletter{margin-inline:40px;gap:38px;padding:42px}
@media(max-width:940px){.hero{grid-template-columns:43% 57%;padding-inline:30px}.intro{padding-left:18px}.cover{padding-right:22px}.story,.about{padding-inline:36px}}
@media(max-width:720px){.hero{grid-template-columns:1fr;padding:24px 25px 46px}.cover{padding:0 47px}.intro{padding:0}.book-link{font-size:18px}.story,.about{padding:38px 25px}.story .section-title,.about .section-title{font-size:26px;margin-bottom:22px}.story p,.about p,.story .closing{font-size:18px}.newsletter{margin-inline:16px;padding:30px 25px;gap:24px}}

.about-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.about .about-heading .section-title{margin:0}.bearded-dragon{display:block;flex:0 0 auto;width:98px;height:auto;color:#cf2340;overflow:visible}@media(max-width:720px){.bearded-dragon{width:80px}.about-heading{gap:16px}}