*{box-sizing:border-box}body{margin:0;background:#061017;color:#f3e6d5;font-family:Georgia,serif}a{color:#e7bc84}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:18px max(3vw,18px);background:#0a0b0f;border-bottom:1px solid #9a6c45}header strong{font-size:1.4rem;letter-spacing:.25em;font-weight:400}nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.shot{width:100%;display:block;height:auto}.preview{position:relative;max-width:1671px;margin:auto}.hot{position:absolute;display:block;border:1px solid transparent}.hot:focus-visible,.hot:hover{border-color:#d9b28b;background:#ffffff12}.note{background:#241b1a;color:#f4dcc5;padding:12px 22px;font-size:.93rem;border-bottom:1px solid #9b714d}.text{max-width:950px;margin:35px auto;padding:0 22px;line-height:1.65}.text h2{color:#e2b87b;font-weight:400;letter-spacing:.13em}.text blockquote{font-style:italic;border-left:2px solid #bb8b56;padding-left:22px;margin-left:0}.pageshot{display:block;max-width:1024px;width:100%;margin:auto}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px;margin:30px auto;padding:0 16px}.tile{border:1px solid #8c684c;padding:16px;text-align:center}.tile a{text-decoration:none}.tile img{max-height:330px;max-width:100%;object-fit:contain}footer{padding:22px;text-align:center;border-top:1px solid #624532}@media(max-width:650px){.tiles{grid-template-columns:1fr}nav{gap:.65rem}}
/* Originalcover über den Buchkarten der Startseiten-Vorschau. */
.original-cover{position:absolute;display:block;width:9%;height:19.6%;z-index:2;overflow:hidden;box-shadow:0 3px 7px #0006}
.original-cover img{display:block;width:100%;height:100%;object-fit:fill}
.tiles .tile img{width:100%;max-width:250px;height:330px;object-fit:contain;display:block;margin:auto}

/* Vom Teufel mit Liebe – hochaufloesende HTML-Fassung */
.liebe-page{background:#160b0b}.liebe-page header{background:#170909;border-bottom:2px solid #b77830}.liebe-page header strong{font-variant:small-caps;color:#e9c38b;letter-spacing:.03em}.liebe-page header strong small{display:block;font-size:.62rem;letter-spacing:.04em}.liebe-shell{max-width:1200px;margin:auto;box-shadow:0 0 32px #000}.liebe-banner,.liebe-wide{display:block;width:100%;height:auto}.liebe-banner{max-height:385px;object-fit:cover}.liebe-parchment{background:#f0ddb0;color:#4b2c21;padding:22px clamp(18px,4vw,58px)}.liebe-intro h1{text-align:center;text-transform:uppercase;color:#7a1d1c;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;margin:5px 0 0}.liebe-subtitle{text-align:center;letter-spacing:.2em;text-transform:uppercase;margin:2px 0 28px}.liebe-grid{display:grid;grid-template-columns: minmax(150px,28%) minmax(0,1fr) minmax(180px,26%);gap:22px;align-items:start}.liebe-initial img{display:block;width:100%;height:auto}.liebe-copy h2,.liebe-excerpt h2{color:#801c19;font-size:1.7rem;margin:0 0 12px}.liebe-copy p,.liebe-excerpt p{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.48;margin:0 0 15px}.liebe-cover img{display:block;width:100%;box-shadow:0 7px 18px #0006}.liebe-cover a,.liebe-pdf{display:block;margin-top:13px;padding:11px 16px;border:1px solid #7a1d1c;text-align:center;color:#6e1717;text-decoration:none;background:#f5e4c0}.liebe-cover a:hover,.liebe-pdf:hover{background:#e9c896}.liebe-excerpt{padding-top:28px;padding-bottom:30px}.liebe-excerpt p{max-width:900px}.liebe-pdf{max-width:360px;margin-left:auto}.liebe-band{background:#2b060a;color:#e3a26d;text-align:center;padding:17px;letter-spacing:.16em;font-size:.9rem}@media(max-width:760px){.liebe-grid{grid-template-columns:130px minmax(0,1fr)}.liebe-cover{grid-column:2;max-width:260px}.liebe-intro h1{font-size:2rem}}@media(max-width:470px){.liebe-grid{grid-template-columns:1fr}.liebe-initial{width:150px;margin:auto}.liebe-cover{grid-column:1;margin:auto}.liebe-banner{min-height:190px;object-fit:cover}}

/* Die alte, in den Buchseiten-Screenshots eingebrannte Navigation wird abgeschnitten. */
.pageshot-crop{overflow:hidden;max-width:1024px;margin:0 auto}.pageshot-crop .pageshot{display:block;width:100%;height:auto;margin-top:-5.86%}

.preview-2027{grid-column:1/-1;max-width:460px;width:100%;justify-self:center;border-color:#b78b4b}.preview-2027:before{content:"VORSCHAU 2027";display:block;letter-spacing:.16em;color:#e5bc87;margin-bottom:10px}

.leseprobe-link{max-width:820px;margin:32px auto 54px;padding:25px 32px;background:#f0e2c7;color:#3c261d;text-align:center;border:2px solid #9b764b;box-shadow:0 5px 20px #0005}
.leseprobe-link h2{font-family:Georgia,serif;font-size:25px;margin:0 0 15px}
.leseprobe-link a{color:#782821;font-weight:bold;font-size:17px;text-decoration:underline}

/* Klickbare PDF-Flächen deckungsgleich über den im Seitenbild sichtbaren Leseprobe-Schaltflächen. */
.pageshot-layer{position:relative;width:100%;margin-top:-5.86%}
.pageshot-crop .pageshot-layer .pageshot{margin-top:0}
.pageshot-pdf-hit{position:absolute;display:block;z-index:3;cursor:pointer}
.pageshot-pdf-hit:focus-visible{outline:3px solid #e0a048;outline-offset:2px}

.wigrid2-order{max-width:1024px;margin:0 auto;padding:30px 20px 38px;text-align:center;background:#221914;border-top:2px solid #a47540;color:#f0dfc2}.wigrid2-order h2{font-size:clamp(20px,2.5vw,27px);font-weight:400;margin:0 0 10px}.wigrid2-order p{margin:0 0 21px;color:#e5d0b3}.wigrid2-order-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.wigrid2-order-links a{display:inline-block;padding:12px 22px;border:1px solid #b68c59;background:#f0d9ac;color:#3d241a;text-decoration:none;font-weight:bold;min-width:200px}.wigrid2-order-links a:hover,.wigrid2-order-links a:focus-visible{background:#fff0d2;outline:2px solid #b68c59;outline-offset:2px}

/* Book ordering controls placed within the illustrated Wigrid 2 page, not below it. */
.wigrid2-buy-overlay{position:absolute;left:68.5%;top:45.4%;width:26%;height:3.4%;display:flex;gap:2%;z-index:9;align-items:stretch}
.wigrid2-buy-overlay a{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;background:#3d2318;color:#f5dcaa;border:1px solid #bd955b;border-radius:3px;text-decoration:none;font-family:Georgia,serif;font-size:clamp(8px,1.8vw,14px);font-weight:bold;box-shadow:0 2px 5px #0007}
.wigrid2-buy-overlay a:hover,.wigrid2-buy-overlay a:focus-visible{background:#744025;color:#fff}

/* Gezielte Korrekturen vom 22.10.2026: Originalbilder bleiben unverändert. */
.image-action{position:absolute;z-index:6;display:block;cursor:pointer}
.image-action:focus-visible,.image-action:hover{outline:2px solid #7c2117;outline-offset:-2px;background:#ffffff12}
.excerpt-fix{position:absolute;z-index:2;color:#42281a;background:#f3d7a6;font-family:Georgia,serif;line-height:1.28;padding:0.4% 0.7%;font-size:clamp(8px,1.12vw,14px);overflow:hidden}
.excerpt-w1{left:56.2%;top:68.1%;width:40.1%;height:9.9%;background:#f4d7a8}
.excerpt-w2{left:10.7%;top:69.1%;width:77%;height:4.7%;background:#efd2a3}
.wigrid2-order-in-image{position:absolute;z-index:6;left:68.5%;top:45.5%;width:26%;height:2.8%;display:flex;gap:3%}
.wigrid2-order-in-image a{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#782019;color:#ffe8c7;border:1px solid #a87338;font-family:Georgia,serif;font-size:clamp(9px,1.25vw,13px);border-radius:2px}
.wigrid2-order-in-image a:hover,.wigrid2-order-in-image a:focus-visible{background:#9a3829;outline:2px solid #d3a260}

/* Wigrid I: zwei getrennte Bestellziele, einheitliche Gestaltung und ruhiger Lesebereich. */
.amazon-w1{left:67.4%;top:59.2%;width:27.5%;height:2.8%;display:flex;align-items:center;justify-content:center;background:#f1d4a8;color:#76231c;border:1px solid #9e4e32;border-radius:4px;font-family:Georgia,serif;font-size:clamp(8px,1.45vw,16px);text-decoration:none;box-sizing:border-box;}
.amazon-w1:hover,.amazon-w1:focus-visible{background:#f8e5c5;outline:2px solid #8a3020;}
.excerpt-w1{left:56.9%;top:67.4%;width:39.6%;height:10.4%;box-sizing:border-box;padding:0.6% 1.2%;background:#f1d6a8;color:#43291d;font-family:Georgia,serif;font-size:clamp(8px,1.12vw,14px);line-height:1.28;}
.excerpt-w1-title{font-size:1.5em;color:#77231d;line-height:1.2;margin-bottom:0.15em;}
.excerpt-w1-subtitle{font-size:.78em;letter-spacing:.22em;margin-bottom:.7em;}
.excerpt-w1 p{margin:0;}

/* Wigrid II: gleiches Bestelllayout wie der freigegebene erste Teil. */
.bod-w2{left:67.4%;top:56.2%;width:27.5%;height:2.8%;}
.amazon-w2{left:67.4%;top:59.2%;width:27.5%;height:2.8%;display:flex;align-items:center;justify-content:center;background:#f1d4a8;color:#76231c;border:1px solid #9e4e32;border-radius:4px;font-family:Georgia,serif;font-size:clamp(8px,1.45vw,16px);text-decoration:none;box-sizing:border-box;}
.amazon-w2:hover,.amazon-w2:focus-visible{background:#f8e5c5;outline:2px solid #8a3020;}
.excerpt-w2{left:9.5%;top:67.4%;width:82%;height:10.4%;box-sizing:border-box;padding:0.6% 1.2%;background:#f1d6a8;color:#43291d;font-family:Georgia,serif;font-size:clamp(8px,1.12vw,14px);line-height:1.28;}
.excerpt-w2-title{font-size:1.5em;color:#77231d;line-height:1.2;margin-bottom:.4em;}
.excerpt-w2 p{margin:0;}

/* Wigrid II: separate ordering area, no controls over artwork. */
.w2-buy-panel{max-width:1024px;margin:0 auto;padding:42px 26px 48px;background:#1d1715;text-align:center;border-top:2px solid #b58b58;}
.w2-buy-panel h2{font-size:clamp(19px,2.5vw,27px);font-weight:400;letter-spacing:.045em;color:#f2dfc0;margin:0 0 24px;}
.w2-buy-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;}
.w2-buy-buttons a{display:inline-block;min-width:220px;padding:15px 24px;background:#f1d6aa;color:#64271c;border:1px solid #b98d55;border-radius:4px;text-decoration:none;font-weight:bold;}
.w2-buy-buttons a:hover,.w2-buy-buttons a:focus-visible{background:#fff0d2;outline:2px solid #d9aa70;outline-offset:3px;}
.w2-buy-panel p{margin:22px 0 0;color:#cdbba5;font-size:.88rem;}
/* Keep the original sample link visible, inset the corrected sample away from decorative edges. */
.excerpt-w2{left:10.7%;top:67.4%;width:77%;height:9.2%;padding:1.15% 2.4%;font-size:clamp(9px,1.18vw,14px);line-height:1.42;background:#f1d6a8;}
.excerpt-w2-title{margin-bottom:.65em;}
.excerpt-w2 p{max-width:90%;}

/* Wigrid II: buttons immediately beneath the cover, matching the approved Wigrid I design. */
.bod-w2{left:68.0%;top:47.1%;width:26.5%;height:2.6%;}
.amazon-w2{left:68.0%;top:50.0%;width:26.5%;height:2.6%;font-size:clamp(9px,1.45vw,16px);z-index:7;}

/* Wigrid 2 final: buttons on dedicated parchment band immediately beneath cover. */
.bod-w2,.amazon-w2{left:68%;width:26.5%;height:2.85%;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:clamp(10px,1.45vw,16px);text-decoration:none;box-sizing:border-box;z-index:7}
.bod-w2{top:43.35%;background:#790b08;border:1px solid #9f6b42;color:#fff0d9}
.bod-w2::after{content:'Bei BoD bestellen ↗'}
.amazon-w2{top:46.5%;background:#f1d4a8;color:#76231c;border:1px solid #9e4e32}
.bod-w2:hover,.bod-w2:focus-visible{background:#9d2018;outline:2px solid #e2b57b}

/* 23.10.2026: clean parchment band, two actual order controls below Wigrid II cover. */
.bod-w2,.amazon-w2{left:68%;width:26.5%;height:2.7%;border-radius:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;font:normal clamp(9px,1.45vw,16px) Georgia,serif;text-decoration:none;z-index:7}
.bod-w2{top:44.1%;background:#790b08;color:#fff0d9;border:1px solid #9f6b42}
.bod-w2::after{content:'Bei BoD bestellen ↗'}
.amazon-w2{top:47.15%;background:#f1d4a8;color:#76231c;border:1px solid #9e4e32}
.empathie-amazon{left:70.4%;top:55.15%;width:26.3%;height:2.6%;display:flex;align-items:center;justify-content:center;background:#f1d4a8;color:#76231c;border:1px solid #9e4e32;border-radius:3px;box-sizing:border-box;font:normal clamp(9px,1.35vw,15px) Georgia,serif;text-decoration:none}
.empathie-amazon:hover,.empathie-amazon:focus-visible{background:#f8e5c5;outline:2px solid #8a3020}

/* Wigrid II: single, bounded order overlay on the original parchment band. */
.w2-fixed-orders{position:absolute;left:68%;top:44.8%;width:27%;display:flex;flex-direction:column;gap:8px;z-index:8}
.w2-fixed-orders a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 5px;background:#790b08;border:1px solid #9f6b42;border-radius:4px;color:#fff0d9;text-decoration:none;font:normal clamp(11px,1.45vw,18px) Georgia,serif;text-align:center}
.w2-fixed-orders a+a{background:#f1d4a8;color:#76231c;border-color:#9e4e32}
.w2-fixed-orders a:hover,.w2-fixed-orders a:focus-visible{outline:2px solid #a76b3b;outline-offset:2px}

/* Rechtliche Informationsseiten */
.legal-main{max-width:900px;margin:35px auto 70px;padding:24px 30px;background:#14212a;border:1px solid #856844;border-radius:8px;line-height:1.7}.legal-main h1{color:#f1d5a5}.legal-main h2{color:#e5c08c;margin-top:1.7em}.legal-main a{overflow-wrap:anywhere}.legal-note{border-left:3px solid #b98d55;padding-left:14px;color:#e7cdb0}.legal-footer-links{display:inline-flex;gap:18px;flex-wrap:wrap;margin-left:14px}.legal-footer-links a{color:inherit;text-decoration:underline}

/* Wigrid 2: Bildkopf entfernt; echte Seitennavigation sichtbar */
body:has(img[src="assets/wigrid2-layout.png"]) .pageshot-layer{margin-top:0}

/* Wigrid Teil 2: Bestellbuttons unter Cover im Pergamentfeld */
body:has(img[src="assets/wigrid2-layout.png"]) .w2-fixed-orders{left:68%;width:27%;gap:7px}
body:has(img[src="assets/wigrid2-layout.png"]) .w2-fixed-orders a{min-height:35px;padding:6px 4px}

/* Einheitlicher, gut sichtbarer Bestellbalken für beide Wigrid-Bände */
.wigrid-order-strip{position:absolute;left:0;width:100%;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;gap:6px;padding:7px 6% 10px;background:linear-gradient(90deg,rgba(238,203,148,.92),rgba(255,235,192,.94),rgba(238,203,148,.92));border-top:3px solid #82381b;border-bottom:3px solid #82381b;box-shadow:inset 0 0 12px #9c5a27;}
.wigrid-order-title{font:700 clamp(12px,1.9vw,25px) Georgia,serif;color:#671a12;letter-spacing:.08em;text-align:center;}
.wigrid-order-buttons{display:grid;grid-template-columns:1fr 1fr;gap:3%;width:100%;}
.wigrid-order-buttons a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 8px;border:2px solid #bd8a56;border-radius:5px;background:#790d09;color:#fff1d9;font:normal clamp(12px,2vw,25px) Georgia,serif;text-align:center;text-decoration:none;box-shadow:0 2px 4px #7c4a2b66;}
.wigrid-order-buttons a:hover,.wigrid-order-buttons a:focus-visible{background:#9e2117;outline:2px solid #7b3d18;outline-offset:2px;}

/* Vom Teufel mit Liebe: vorbereitete, bewusst noch inaktive Bestellmöglichkeiten. */
.liebe-order-strip{box-sizing:border-box;width:100%;padding:15px 6% 18px;background:linear-gradient(90deg,#eecb94,#ffebc0,#eecb94);border-top:3px solid #82381b;border-bottom:3px solid #82381b;box-shadow:inset 0 0 12px #9c5a27;text-align:center}
.liebe-order-strip h2{margin:0 0 12px;font:700 clamp(16px,2.2vw,26px) Georgia,serif;letter-spacing:.08em;color:#671a12}
.liebe-order-buttons{display:grid;grid-template-columns:1fr 1fr;gap:3%}
.liebe-order-disabled{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:65px;padding:10px 8px;box-sizing:border-box;border:2px solid #bd8a56;border-radius:5px;background:#790d09;color:#fff1d9;font:normal clamp(15px,2vw,25px) Georgia,serif;opacity:.8;cursor:default}
.liebe-order-disabled small{font:normal clamp(11px,1.15vw,15px) Georgia,serif;color:#f4d5b4}
@media(max-width:520px){.liebe-order-buttons{gap:8px}.liebe-order-disabled{font-size:14px;min-height:60px}}