:root{--color-bg:#eeeae2;--color-bg-alt:#e1e3de;--color-surface:#f8f6f0;--color-border:#c4ccc7;--color-text:#142a30;--color-text-muted:#43595d;--color-text-faint:#55686c;--color-accent:#952e32;--color-accent-strong:#762429;--color-blood:#952e32;--container-max:1240px;--space-6:7rem}
html{scroll-padding-top:6rem}body{font-size:16px}main{overflow:clip}::selection{background:#952e32;color:white}a:focus-visible,button:focus-visible{outline:3px solid #bd6461;outline-offset:6px}.skip-link{position:fixed;top:10px;left:10px;z-index:200;background:white;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{background:rgba(10,25,30,.95);color:#f4f2eb;border-bottom:1px solid #ffffff20}.site-header.is-scrolled{background:rgba(10,25,30,.97);border-color:#ffffff25}.nav{min-height:82px}.nav__brand{color:#f4f2eb;font-size:1.5rem;font-weight:400}.nav__brand:hover,.nav__brand:focus-visible{transform:scale(1.333333)}.nav__brand::after{background:#c8615b}.nav__links a{color:#dce3df;font-size:.9rem;font-weight:400;letter-spacing:.02em}.nav__links a:hover,.nav__links a:focus-visible{color:white;background:#ffffff12;transform:scale(1.333333)}.nav__toggle{width:44px;height:44px;padding:6px}.nav__toggle span{background:#f4f2eb}.nav__links{background:#102329}
.hero{position:relative;isolation:isolate;min-height:850px;min-height:100svh;background:#08171c;color:#f4f2eb;padding:150px 0 120px;overflow:hidden}.hero__forest{position:absolute;z-index:-3;inset:-80px 0;background:url('../Bilder/cover-ruckseite.png') center 46%/cover no-repeat;transform:translateY(var(--forest-y,0px));will-change:transform}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,17,23,.95),rgba(5,17,23,.64) 44%,rgba(5,17,23,.12)),linear-gradient(0deg,#08171c,transparent 45%)}.hero__mist{position:absolute;inset:30% -20% -20%;z-index:-1;opacity:.33;background:radial-gradient(ellipse at 65% 75%,#b2ccd945,transparent 55%),radial-gradient(ellipse at 35% 45%,#c5d9da38,transparent 45%);filter:blur(35px);animation:mist 24s ease-in-out infinite alternate;pointer-events:none}.hero__grid{width:100%;grid-template-columns:1.25fr .75fr;gap:4rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;margin-bottom:1.8rem}.hero .eyebrow{color:#c3d1d2;max-width:36ch;font-size:.78rem}.hero h1{font-size:clamp(3rem,5.8vw,5.7rem);letter-spacing:-.05em;line-height:1.05;margin-bottom:1.8rem}.hero h1 em{font-weight:400;color:#d1d9d4}.hero__claim{text-align:left;margin:0 0 2rem;color:#c0cdd0;max-width:34ch;font-size:1.12rem}.hero__cta{display:flex;flex-wrap:wrap;gap:14px;text-align:left}.hero__note{color:#b9c8ca;font-size:.82rem;margin-top:1.5rem;letter-spacing:.04em}.hero__art{position:relative;perspective:1000px;padding:18px 34px;max-width:420px;justify-self:center}.hero__cover{width:100%;height:auto;transform:rotateY(var(--book-y,-10deg)) rotateX(var(--book-x,2deg)) rotateZ(3deg);box-shadow:18px 22px 55px #0009,4px 0 0 #7c827c;transition:transform .4s ease;will-change:transform;border-radius:1px}.hero__edition{display:block;position:absolute;right:-12px;top:50%;writing-mode:vertical-rl;font-size:.67rem;letter-spacing:.24em;color:#c0cccc}.hero__scroll{position:absolute;left:max(24px,calc((100vw - 1192px)/2));bottom:34px;color:#b5c4c5;text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;display:flex;gap:24px;align-items:center}.hero__scroll span{font-size:1.3rem;color:#e8ece6}
.btn{position:relative;overflow:hidden;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;font-size:.9rem;letter-spacing:.02em;padding:1em 1.5em}.btn--primary{background:#952e32;border-color:#a83d40;color:#fff}.btn--primary::before{content:'';position:absolute;inset:-100% auto -100% -50%;width:25%;background:linear-gradient(90deg,transparent,#ffffff25,transparent);transform:rotate(25deg);transition:left .65s}.btn--primary:hover::before{left:140%}.btn span{transition:transform .25s}.btn:hover span{transform:translate(3px,-2px)}.btn--primary:hover{background:#79272b;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.hero .btn--secondary{color:#f2f3ed;border-color:#b0c6cc66;background:#ffffff05}.hero .btn--secondary:hover{background:#ffffff12}.btn--secondary{color:var(--color-text);border-color:#81918c}.btn--secondary:hover{color:var(--color-text);background:#c3cfca33}.section__title{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.04em}.section__title::after{height:2px;width:45px}.section--alt{position:relative;background:#e1e3de}.home #kalter-wald{margin:0 24px;z-index:2;border-top:3px solid #952e32}.home #kalter-wald .container{max-width:1150px}.book{gap:5rem;align-items:center}.book__cover{max-width:420px}.book__cover img{width:100%;height:auto;box-shadow:none;filter:drop-shadow(0 24px 20px #0a202233);transition:transform .6s}.book__cover:hover img{transform:translateY(-8px) rotate(-2deg)}.book__title{font-size:clamp(2.5rem,4vw,3.7rem);letter-spacing:-.035em}.book__genre{border:0;padding:0;font-size:.8rem;letter-spacing:.18em}.book__description{line-height:1.85}.book__sample-link{font-size:.95rem;color:#633135;margin-top:1.5rem}.about__layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem;align-items:start}.about__portrait{margin:0;position:sticky;top:120px;padding-bottom:24px}.about__portrait::before{content:'';position:absolute;inset:24px -20px 50px 24px;border:1px solid #a3b2ab;z-index:-1}.about__portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:58% center}.about__portrait figcaption{padding-top:24px;font-family:Georgia,serif;font-size:1.6rem}.about__portrait figcaption span{display:block;font-family:var(--font-body);font-size:.8rem;letter-spacing:.05em;color:#53676a;margin-top:4px}.about__layout .section__title{text-align:left}.about__layout .section__title::after{left:0;transform:scaleX(1)}.about__text{max-width:none}.about__text p{margin-bottom:1.4rem}.about__text p:first-child::first-letter{float:none;font-size:inherit;padding:0;font-family:inherit;color:inherit}.home #stimmen{background:#0d242a;color:#eef0e9;position:relative}.home #stimmen .section__intro{color:#b9cbca}.review-card{border:1px solid #ffffff20;background:#ffffff04;padding:2.2rem 1.8rem;transition:transform .4s,background .4s}.review-card:hover{transform:translateY(-6px);background:#ffffff08}.review-card::before{font-size:5rem;color:#9cbbba35;top:20px;left:22px}.review-card__text{font-size:1rem;color:#dbe3de;line-height:1.8}.review-card__stars{color:#d6917c;font-size:.9rem}.review-card__source{color:#a8bebb;font-size:.8rem}.site-footer{background:#091c22;border-color:#ffffff16;color:#a8bebb;padding:3rem 0}.site-footer__links a{color:#d1dcda}.site-footer__links a:hover{color:white}.page-hero{background:#dce2de}.legal{overflow-wrap:anywhere}.legal h2{font-size:1.5rem}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@keyframes mist{from{transform:translate(-4%,0)}to{transform:translate(5%,-4%)}}
@media(hover:hover) and (pointer:fine) and (min-width:720px){
  .hero__art:hover .hero__cover{transform:translateY(-8px) rotateY(var(--book-y,12deg)) rotateX(var(--book-x,-5deg)) rotateZ(1deg) scale(1.03)}
}
/* Image layers end above the caption, keeping the author's name unobstructed. */
.about__portrait::before{content:none}
.about__photo-layers{position:relative;isolation:isolate;margin:0 18px 0 0}
.about__photo-layers::before,.about__photo-layers::after{content:'';position:absolute;inset:0;pointer-events:none;transition:transform .65s ease}
.about__photo-layers::before{z-index:-2;background:#ccd5ce;transform:translate(18px,18px) rotate(2deg)}
.about__photo-layers::after{z-index:-1;border:1px solid #809991;transform:translate(9px,9px) rotate(-2deg)}
.about__photo-window{overflow:hidden;box-shadow:0 16px 38px #102a3026;transition:transform .65s ease,box-shadow .65s ease}
.about__photo-window img{transition:transform .9s cubic-bezier(.22,1,.36,1);transform-origin:58% 38%}
.about__portrait figcaption{position:relative;padding-top:52px}
@media(hover:hover) and (pointer:fine){
  .home #kalter-wald .book__cover:hover img{transform:translateY(-8px) scale(1.12);filter:drop-shadow(0 30px 24px #0a202244)}
  .about__photo-layers:hover .about__photo-window{transform:translateY(-5px);box-shadow:0 24px 45px #102a3033}
  .about__photo-layers:hover img{transform:scale(1.06)}
  .about__photo-layers:hover::before{transform:translate(20px,20px) rotate(3deg)}
  .about__photo-layers:hover::after{transform:translate(8px,10px) rotate(-3deg)}
}
@media(prefers-reduced-motion:reduce){
  .about__photo-layers:hover .about__photo-window,.about__photo-layers:hover img{transform:none}
  .about__photo-layers:hover::before{transform:translate(18px,18px) rotate(2deg)}
  .about__photo-layers:hover::after{transform:translate(9px,9px) rotate(-2deg)}
}
@media(min-width:780px){.book{grid-template-columns:.9fr 1.1fr}}
@media(min-width:720px){.nav__links{background:none}}
@media(max-width:900px){.hero__grid{gap:1.5rem;grid-template-columns:1.15fr .85fr}.hero__art{padding:18px}.hero h1{font-size:clamp(2.7rem,6vw,4rem)}.about__layout{gap:3rem}.book{gap:2rem}.hero__edition{right:-6px}}
@media(max-width:719px){.nav{min-height:70px}.hero{padding:125px 0 85px;min-height:auto}.hero__grid{grid-template-columns:1fr;gap:2rem}.hero h1{font-size:clamp(2.8rem,10.8vw,4.3rem)}.hero .eyebrow{max-width:30ch;line-height:1.8}.hero__art{max-width:260px;margin:12px 0 35px}.hero__cover{transform:rotate(-3deg)}.hero__forest{background-position:60% center}.hero::before{background:linear-gradient(90deg,#07191de8,#07191d77),linear-gradient(0deg,#08171c,transparent 45%)}.hero__scroll{bottom:20px;font-size:.66rem}.hero__cta{gap:10px}.hero__cta .btn{font-size:.85rem;padding:1em;gap:12px}.home #kalter-wald{margin:0 10px}.section{padding:4.5rem 0}.book__cover{max-width:300px}.about__layout{grid-template-columns:1fr;gap:3rem}.about__portrait{position:relative;top:auto;max-width:420px;margin-right:20px}.review-card{padding:2rem}.section__title{font-size:2.5rem}.hero__mist{animation:none}.page-hero{padding-top:130px}.book__description{line-height:1.75}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__mist{animation:none}.hero__forest,.hero__cover,.book__cover:hover img,.review-card:hover{transform:none!important}.motion-ready .reveal{opacity:1;transform:none}.btn::before{display:none}*,*::before,*::after{animation:none!important;transition:none!important}}