:root{--wine:#851b0d;--terra:#b3472a;--gold:#d99435;--cream:#fff9f1;--ink:#33221e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;z-index:10;padding:1rem}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(2rem,3.6vw,3.2rem);color:var(--wine);line-height:1.1;font-weight:normal;font-style:italic}a{color:inherit}.hero{height:300px;background-image:linear-gradient(90deg,rgba(255,249,241,.36),rgba(255,249,241,.49),rgba(255,249,241,.30)),url('assets/rote-erde.webp');background-size:cover;background-position:center 42%;display:flex;justify-content:center;align-items:flex-start;text-align:center}.hero-overlay{padding:16px 16px 0}.hero h1{font-size:clamp(2.8rem,6.7vw,6.4rem);line-height:1.05;color:var(--wine);font-style:italic;font-weight:normal;margin:0;text-shadow:0 1px 1px #fff7}.hero p{color:var(--wine);font-size:clamp(.95rem,2vw,1.55rem);font-weight:bold;letter-spacing:.03em}.gold-line{height:3px;width:160px;background:var(--gold);margin:10px auto 13px;border-radius:50%}.gold-line.small{width:115px;margin:0 auto 24px}.navigation{background:var(--wine);color:white}.nav-inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;flex-wrap:wrap}.navigation a{text-decoration:none;padding:7px 14px;border-radius:24px;font-size:1.05rem}.navigation a:hover,.navigation a:focus-visible{background:#fff6eb;color:var(--wine)}.languages{display:flex;align-items:center;gap:7px}.languages button{background:transparent;color:white;border:0;font:inherit;cursor:pointer;padding:4px}.languages button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.intro{display:grid;grid-template-columns:290px 1fr;gap:48px;align-items:center;padding:58px 0}.portrait{width:270px;height:270px;overflow:hidden;border-radius:50%;border:5px solid #e8ad67;box-shadow:0 8px 25px #743a2017}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center}.intro-text{text-align:center}.intro-text p:not(.signature):not(.byline){text-align:left;font-size:1.08rem;margin-bottom:10px}.signature{font-style:italic;font-size:1.25rem;color:var(--wine);margin:18px 0 3px}.byline{font-size:1.08rem}.primary{display:inline-block;background:var(--wine);color:white;border-radius:40px;padding:12px 30px;text-decoration:none;margin-top:10px}.primary:hover{background:var(--terra)}.books{background:#f8e8d7;border-radius:28px;padding:38px 46px;display:grid;grid-template-columns:1fr 2fr;gap:34px;align-items:center}.eyebrow{font-size:.8rem;letter-spacing:.16em;color:var(--terra)}.books h2{margin:8px 0}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.book{text-align:center}.book h3{font-size:1rem;margin:12px 0 4px}.book p{font-size:.88rem;color:#70594e}.book-art{aspect-ratio:3/4;max-width:200px;margin:auto;background:linear-gradient(180deg,#e8d4b4b8,#f4a85c55 52%,#88381d77),url('assets/rote-erde.webp');background-size:cover;background-position:center;box-shadow:8px 10px 18px #43231342;border:1px solid #b8855e;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 8px;color:#7a190e;text-shadow:0 1px 3px #fff8;font-weight:bold}.book-art span{font-size:clamp(1.15rem,2vw,1.6rem);font-style:italic;line-height:1.05}.book-art em{margin-top:12px;font-size:1rem}.book-art small{margin-top:auto;color:white;text-shadow:0 1px 3px #000;font-size:.8rem}.about,.contact{padding:60px 0 20px;max-width:800px}.about h2,.contact h2{font-size:2.2rem}.soon{background:#fbe9d4;color:var(--wine);border-radius:32px;padding:14px 24px;margin-top:38px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;font-style:italic;font-size:1.1rem}.soon p{margin:0}.contact{padding-bottom:65px}footer{background:#741c11;color:#fff3e8;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px max(24px,calc((100vw - 1120px)/2));font-size:.85rem}@media(max-width:760px){.hero{height:230px}.hero-overlay{padding-top:24px}.nav-inner{justify-content:center;gap:4px;padding:10px}.navigation a{padding:6px 9px;font-size:.9rem}.intro{grid-template-columns:1fr;gap:22px;padding:38px 0}.portrait{margin:auto;width:220px;height:220px}.intro-text p:not(.signature):not(.byline){text-align:center}.books{grid-template-columns:1fr;text-align:center;padding:32px 20px}.book-grid{gap:15px}.book-art{max-width:175px}.wrap{width:min(100% - 28px,1120px)}.about,.contact{padding-top:44px}}
/* Revision 2: kompakteres Banner, klarere Landschaftsfarben und früher sichtbares Porträt */
.hero{height:235px;background-image:linear-gradient(90deg,rgba(255,249,241,.15),rgba(255,249,241,.24),rgba(255,249,241,.12)),url('assets/rote-erde.webp');background-position:center 47%}
.hero-overlay{padding:12px 16px 0}
.hero h1{font-size:clamp(2.6rem,5.5vw,5.25rem);text-shadow:0 1px 2px rgba(255,250,241,.85)}
.hero p{font-size:clamp(.95rem,1.7vw,1.35rem)}
.intro{padding:34px 0 42px;gap:34px}
.portrait{width:250px;height:250px}
@media(max-width:760px){.hero{height:195px}.hero-overlay{padding-top:18px}.hero h1{font-size:clamp(2.25rem,8vw,3.7rem)}.intro{padding:26px 0 34px;gap:16px}.portrait{width:200px;height:200px}}
/* Version 3: ruhigeres Banner, hohe Lesbarkeit, schlichtes Autorenporträt */
.hero{background-image:linear-gradient(90deg,rgba(255,249,241,.64),rgba(255,249,241,.70),rgba(255,249,241,.62)),url('assets/rote-erde.webp');background-position:center 47%}
.hero h1{color:#741b10;text-shadow:0 1px 1px rgba(255,249,241,.7)}
.hero p{color:#741b10;text-shadow:0 1px 1px rgba(255,249,241,.75)}
.portrait{border:0;box-shadow:none;border-radius:50%;overflow:hidden;background:#fff9f1}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
/* Version 4: natürliche Landschaft, nur im Schriftbereich dezent aufgehellt. */
.hero{
  background-image:
    radial-gradient(ellipse 48% 70% at 50% 24%, rgba(255,249,241,.40) 0%, rgba(255,249,241,.25) 56%, rgba(255,249,241,0) 100%),
    linear-gradient(90deg,rgba(255,249,241,.08),rgba(255,249,241,.12),rgba(255,249,241,.07)),
    url('assets/rote-erde.webp');
  background-position:center,center,center 47%;
}
.hero h1,.hero p{text-shadow:0 1px 2px rgba(255,249,241,.95),0 0 12px rgba(255,249,241,.40)}
/* Version 5: Landschaft als sehr dezentes Wasserzeichen, klare Schrift. */
.hero{background-color:#fff9f1;background-image:linear-gradient(rgba(255,249,241,.82),rgba(255,249,241,.82)),url('assets/rote-erde.webp');background-position:center,center 47%;}
.hero h1,.hero p{color:#741b10;text-shadow:none;}

/* Version 6: Landschaft mit ca. 25 % Sichtbarkeit */
.hero { background-image: linear-gradient(rgba(255,249,241,.75),rgba(255,249,241,.75)),url('assets/rote-erde.webp'); }

/* Version 15: Originalcover statt Platzhalter, offene Buchpraesentation bleibt erhalten */
.book-cover{width:min(100%,265px);margin:0 auto 20px;}
.book-cover img{display:block;width:100%;height:auto;box-shadow:5px 9px 20px rgba(56,29,17,.23);}
@media(max-width:760px){.book-cover{width:min(100%,245px)}}

/* Version 16: zweisprachige Inhalts- und Rechtsseiten */
.prose,.legal{max-width:860px}.prose p,.legal p{line-height:1.8}.prose h3,.legal h3{color:#77311e;margin-top:22px}.legal{padding:36px 46px;border-top:1px solid #e6d2bd;scroll-margin-top:24px}.legal h2{color:#74291c}.legal a,.contact-email a,.privacy-small a{color:#8f3c28;text-decoration:underline}.contact{padding-bottom:55px}.contact form{max-width:690px;margin:28px auto 0;text-align:left}.contact label{display:block;font-weight:600;color:#693625;margin-bottom:18px}.contact label span{display:block;margin-bottom:7px}.contact input,.contact textarea{width:100%;box-sizing:border-box;padding:13px;border:1px solid #cda98d;border-radius:10px;background:#fffdf9;color:#36251f;font:inherit}.contact input:focus,.contact textarea:focus{outline:2px solid #9c5338;outline-offset:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact button[type=submit]{border:0;border-radius:28px;background:#a94b33;color:#fff;padding:12px 26px;cursor:pointer;font:inherit}.contact button[type=submit]:hover{background:#7c301f}.privacy-small{font-size:.9rem;line-height:1.5}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-email{margin-top:25px}.footer-links a{color:inherit}.form-status{font-weight:600}@media(max-width:760px){.form-grid{grid-template-columns:1fr;gap:0}.legal{padding:30px 18px}}

/* Eigenständige Unterseiten */
.page-main{min-height:52vh;padding-top:2rem;padding-bottom:4rem}
nav a[aria-current="page"]{outline:2px solid #b77d45;outline-offset:3px}


/* Vergleichsversion: Gestaltung Version 6, eigenständige Seiten und Originalcover. */
.intro-heading{display:none}
.intro-text h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.books{display:block}
.books-heading{text-align:center;margin-bottom:28px}
.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.book{padding:0 8px}
.book h3{font-size:1.3rem;color:var(--wine)}
.book .book-subtitle{font-style:italic;color:var(--terra)}
.book-description{text-align:left}
.book-description p{font-size:1rem;color:var(--ink);line-height:1.65}
@media(max-width:760px){.book-grid{grid-template-columns:1fr;gap:38px}.books{padding:28px 20px}.intro-text h2{font-size:clamp(1.9rem,6vw,2.8rem)}}

/* Version 19a: Buchbereich ohne farbige Hintergrundfläche. */
.books{background:transparent;border-radius:0;}


/* Version 19d – ausschließlich responsive Feinanpassungen; Desktop bleibt erhalten. */
html{overflow-x:clip}
img{max-width:100%}
@media(max-width:760px){
  .hero{height:auto;min-height:174px;align-items:center;padding:22px 12px;background-position:center 47%}
  .hero-overlay{padding:0 5px;max-width:100%}
  .hero h1{font-size:clamp(2rem,7.6vw,3.35rem);overflow-wrap:break-word;line-height:1.1}
  .hero p{font-size:clamp(.85rem,3.5vw,1.05rem);line-height:1.4;margin-bottom:0}
  .gold-line{margin:9px auto 10px}
  .nav-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px;padding:12px 14px;max-width:540px}
  .navigation a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:43px;padding:9px 6px;font-size:clamp(.86rem,3.5vw,1rem);border:1px solid rgba(255,249,241,.26);border-radius:24px}
  .navigation a[aria-current="page"]{background:rgba(255,249,241,.16);outline:1px solid #d8a05b;outline-offset:0}
  .languages{grid-column:1/-1;justify-content:center;margin-top:3px;gap:13px}
  .languages button{min-width:35px;min-height:35px}
  .wrap{width:calc(100% - 32px)}
  .intro{grid-template-columns:minmax(0,1fr);gap:18px;padding:30px 0 38px}
  .intro-text{min-width:0}
  .intro-text h2{font-size:clamp(1.85rem,6.2vw,2.65rem);line-height:1.2}
  .intro-text p:not(.signature):not(.byline){text-align:left;font-size:1rem;line-height:1.7}
  .portrait{width:190px;height:190px}
  .books{padding:25px 0 35px}
  .books-heading{margin-bottom:24px}
  .books h2{font-size:clamp(2rem,7vw,2.8rem)}
  .book-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .book{min-width:0;padding:0}
  .book-cover{width:min(76%,245px)}
  .book h3{font-size:1.15rem;overflow-wrap:break-word}
  .book-description{text-align:left}
  .book-description p{font-size:1rem;line-height:1.7}
  .page-main{padding-top:1.5rem;padding-bottom:2.5rem}
  .about,.contact{max-width:100%;padding-top:28px;padding-bottom:42px}
  .about h2,.contact h2{font-size:clamp(1.9rem,6vw,2.4rem);line-height:1.2}
  .prose,.legal{max-width:100%;overflow-wrap:break-word}
  .legal{padding:26px 0}
  .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .contact form{max-width:100%}
  .contact input,.contact textarea{font-size:16px;max-width:100%}
  .contact-email{overflow-wrap:anywhere}
  footer{justify-content:center;text-align:center;align-items:center;padding:20px 16px;gap:10px}
  footer span{max-width:100%}
}
@media(max-width:380px){
  .hero{min-height:155px;padding:18px 10px}
  .hero h1{font-size:clamp(1.8rem,8vw,2.2rem)}
  .nav-inner{gap:6px;padding:10px}
  .navigation a{font-size:.86rem}
  .wrap{width:calc(100% - 26px)}
  .portrait{width:170px;height:170px}
  .book-cover{width:min(82%,225px)}
}

/* Variante B: ruhiger cremefarbener Hintergrund ohne Kasten */
.books{background:transparent;border-radius:0;padding:44px 0 64px;}
.book-grid{gap:clamp(28px,5vw,72px)}
.book{padding:0 12px}
@media(max-width:760px){.books{padding:32px 0 48px}.book{padding:0}}

/* Gemeinsame Entscheidung: keine Hintergrundkaesten fuer Buchpraesentationen */
.books,.book-grid,.book{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;}

/* Buchseite: einheitlicher cremefarbener Seitenhintergrund, kein Panel */
body:has(#books){background:#fff9f1;}
#books.books,#books .book-grid,#books .book{background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;}

/* Version 20: behutsame Smartphone-Optimierung */
@media (max-width:760px){
  .intro-text .signature{font-size:1.08rem;line-height:1.55;overflow-wrap:break-word;max-width:100%;}
  .intro-text .byline{font-size:1rem;}
  .intro-text p:not(.signature):not(.byline),
  .prose p,.legal p,.contact>p,.contact form,.contact-email,
  .book-description p{font-size:1rem;line-height:1.68;}
  .prose h3{font-size:1.15rem;line-height:1.4;}
  .book-cover{width:min(73%,235px);}
  .book-grid{gap:36px;}
  .book h3{font-size:1.12rem;line-height:1.35;}
  .book-subtitle{line-height:1.45;}
  .books-heading p{font-size:1rem;line-height:1.5;}
}

/* Version 21 – kompakter Smartphone-Kopfbereich; Desktop unverändert */
@media (max-width:760px){
  .hero{min-height:155px;height:auto;padding:17px 12px 15px;align-items:center}
  .hero-overlay{width:100%;max-width:100%;padding:0 3px}
  .hero h1{font-size:clamp(1.85rem,7.4vw,3.25rem);line-height:1.08;overflow-wrap:normal}
  .hero .gold-line{margin:7px auto 8px}
  .hero p{max-width:340px;margin:0 auto;font-size:clamp(.79rem,3.05vw,.99rem);line-height:1.35;letter-spacing:0.01em;text-wrap:balance;overflow-wrap:normal}
  .nav-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;padding:9px 14px 8px}
  .navigation a{min-height:36px;padding:5px 7px;font-size:clamp(.83rem,3.3vw,.96rem);line-height:1.2}
  .languages{margin-top:0;gap:10px;line-height:1.15}
  .languages button{min-height:30px;min-width:32px;padding:2px 3px;font-size:.95rem}
}
@media (max-width:380px){
  .hero{min-height:148px;padding:15px 10px}
  .hero h1{font-size:clamp(1.7rem,7.3vw,2.15rem)}
  .hero p{max-width:310px;font-size:clamp(.76rem,3.15vw,.9rem)}
  .nav-inner{gap:5px 7px;padding:8px 10px}
  .navigation a{font-size:.83rem;min-height:35px}
}

/* Vorbereitete Bereiche bleiben bis zur Freischaltung verborgen. */
[hidden] { display: none !important; }