:root{--ink:#283028;--muted:#667064;--cream:#fff7e8;--sand:#f5dfb8;--sage:#e4eddb;--sage2:#d4e2cb;--forest:#24483d;--forest2:#315f50;--gold:#c88b32;--rust:#a45634;--line:rgba(58,70,57,.16);--shadow:0 12px 30px rgba(43,55,44,.10);--max:1420px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.45;background:linear-gradient(180deg,#fff7e8 0%,#f7ead3 35%,#edf2e8 100%);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(calc(100% - 2rem),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9999}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,248,235,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:60px;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font:600 .85rem Georgia,serif}.brand strong{display:block;font:600 1.05rem Georgia,serif}.brand small{display:block;color:var(--muted);font-size:.65rem}.main-nav{margin-left:auto;display:flex;gap:.12rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.main-nav a{text-decoration:none;padding:.4rem .46rem;border-radius:8px;font-size:.78rem}.main-nav a:hover{background:rgba(36,72,61,.08)}.menu-button{display:none;margin-left:auto;border:1px solid var(--line);background:#fff8eb;border-radius:8px;padding:.42rem .65rem}
.hero{background:radial-gradient(circle at 77% 20%,rgba(210,184,104,.30),transparent 28rem),linear-gradient(120deg,#fff4de 0%,#f2e5c7 55%,#dfead8 100%);border-bottom:1px solid var(--line)}.hero-grid{min-height:calc(100vh - 60px);max-height:760px;display:grid;grid-template-columns:1.12fr .88fr;gap:2.1rem;align-items:center;padding-top:1.6rem;padding-bottom:1.6rem}.eyebrow{margin:0 0 .4rem;color:var(--rust);text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:800}.light{color:#f3cf91}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.05;margin-top:0}h1{font-size:clamp(2.7rem,4.5vw,4.45rem);max-width:11ch;margin-bottom:.7rem;letter-spacing:-.025em}h2{font-size:clamp(1.75rem,2.5vw,2.55rem);margin-bottom:.35rem}h3{font-size:1rem}.lead{font-size:1rem;color:#4f584e;max-width:39rem}.hero-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.button{display:inline-flex;align-items:center;min-height:38px;padding:.5rem .82rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:.86rem}.primary{background:var(--forest);color:#fff}.secondary{background:rgba(255,255,255,.68);border:1px solid rgba(36,72,61,.22);color:var(--forest)}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;border-top:1px solid var(--line);padding-top:.7rem;margin-top:1rem}.quick-facts strong{display:block;color:var(--forest);font:600 1.05rem Georgia,serif}.quick-facts span{font-size:.7rem;color:var(--muted)}
.hero-mockups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem .45rem;max-width:430px;margin-left:auto;align-items:center}.hero-mockups img{width:100%;height:205px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.16))}
.section{padding:2.8rem 0}.section-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:end;margin-bottom:1rem}.section-heading p{margin:0;color:var(--muted);font-size:.9rem;max-width:52rem;justify-self:end}.books-section{background:rgba(255,250,241,.62)}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.catalog-card{display:grid;grid-template-columns:82px 1fr;gap:.65rem;padding:.62rem;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 16px rgba(43,55,44,.05);min-height:145px}.cover-img,.cover-missing{width:82px;height:123px;object-fit:contain;background:#f1eadc;border-radius:5px;box-shadow:0 5px 12px rgba(0,0,0,.12)}.cover-missing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.45rem;background:linear-gradient(145deg,#d8e5d1,#f6e5bf);color:var(--forest)}.cover-missing span{font:600 .72rem/1.08 Georgia,serif}.cover-missing small{font-size:.57rem;margin-top:.5rem;color:#6d756a}.catalog-copy{display:flex;flex-direction:column;min-width:0}.cat{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--rust);font-weight:800}.catalog-card h3{margin:.18rem 0 .35rem;font-size:.92rem;line-height:1.08}.card-bottom{margin-top:auto;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.card-link{display:inline-block;text-decoration:none;color:#fff;background:var(--forest2);border-radius:999px;padding:.28rem .48rem;font-size:.64rem;font-weight:700}.card-link:hover{background:var(--forest)}.status{display:inline-block;border-radius:999px;padding:.24rem .42rem;background:#f1d59f;color:#6b4b1f;font-size:.61rem;font-weight:700}
.anthologies-section{background:linear-gradient(125deg,#e7efe0,#d9e7d2);border-top:1px solid rgba(36,72,61,.08);border-bottom:1px solid rgba(36,72,61,.08)}.anth-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.65rem}.anth-card{background:rgba(255,255,255,.66);border:1px solid rgba(36,72,61,.12);border-radius:12px;padding:.48rem;display:flex;flex-direction:column;min-width:0}.anth-card img{width:100%;height:175px;object-fit:contain;border-radius:6px;background:rgba(255,255,255,.25)}.anth-card h3{font-size:.79rem;line-height:1.08;margin:.45rem 0 .35rem}.anth-card .card-bottom{margin-top:auto}.anth-card .card-link{font-size:.61rem;padding:.25rem .42rem}
.gallery-section{background:#fff7e8}.placeholder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.placeholder-grid div{height:110px;border:1px dashed rgba(36,72,61,.35);border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(229,238,219,.65),rgba(250,230,194,.58));color:#6b7568;font:600 .92rem Georgia,serif}.audio-section{background:linear-gradient(110deg,#f8e5c2,#ebf0e6)}.compact-split{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.compact-split p{margin:.25rem 0;color:var(--muted)}.media-box{height:120px;border-radius:14px;background:linear-gradient(145deg,#315f50,#1d4036);color:#fff;display:grid;place-items:center;align-content:center;gap:.12rem}.media-box span{font-size:1.45rem}.media-box small{color:rgba(255,255,255,.7);font-size:.7rem}.about-section{background:#fffaf2}.about-grid{display:grid;grid-template-columns:175px 1fr;gap:1.5rem;align-items:center}.portrait{width:175px;border-radius:18px;box-shadow:var(--shadow)}.about-grid p{margin:.35rem 0;color:var(--muted);font-size:.94rem;max-width:60rem}.meetup-section{background:#e9efdf}.meetup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.meetup-grid article{padding:.8rem 1rem;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid var(--line);display:flex;flex-direction:column;gap:.15rem}.meetup-grid b{font-family:Georgia,serif;color:var(--forest)}.meetup-grid span{font-size:.78rem;color:var(--muted)}.contact-section{background:#24483d;color:#fff;padding:2.2rem 0}.contact-section h2{margin-bottom:.2rem}.contact-section p{margin:.25rem 0;color:rgba(255,255,255,.76);font-size:.9rem}footer{background:#17342c;color:rgba(255,255,255,.72);padding:1.1rem 0}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;font-size:.76rem}.footer-grid strong{color:#fff;font-family:Georgia,serif;font-size:1rem}
@media(max-width:1250px){.catalog-grid{grid-template-columns:repeat(4,1fr)}.anth-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:980px){.menu-button{display:block}.main-nav{display:none;position:absolute;left:1rem;right:1rem;top:60px;background:#fff8ea;border:1px solid var(--line);border-radius:12px;padding:.6rem;box-shadow:var(--shadow)}.main-nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.hero-grid{min-height:auto;max-height:none;grid-template-columns:1fr;padding-top:2.5rem;padding-bottom:2.2rem}.hero-mockups{margin:0 auto;max-width:420px}.section-heading{grid-template-columns:1fr;align-items:start}.section-heading p{justify-self:start}.catalog-grid{grid-template-columns:repeat(3,1fr)}.anth-grid{grid-template-columns:repeat(4,1fr)}.compact-split{grid-template-columns:1fr}.about-grid{grid-template-columns:150px 1fr}.portrait{width:150px}}
@media(max-width:680px){.wrap{width:min(calc(100% - 1rem),var(--max))}.brand small,.menu-button span{display:none}.main-nav.open{grid-template-columns:1fr}.hero-mockups{max-width:320px}.hero-mockups img{height:160px}.quick-facts{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-card{grid-template-columns:70px 1fr}.cover-img,.cover-missing{width:70px;height:105px}.anth-grid{grid-template-columns:repeat(2,1fr)}.anth-card img{height:155px}.placeholder-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:100px 1fr}.portrait{width:100px}.meetup-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}
@media(max-width:420px){.catalog-grid{grid-template-columns:1fr}.catalog-card{grid-template-columns:82px 1fr}.cover-img,.cover-missing{width:82px;height:123px}}

/* v6.3: Galerie-Kategorien */
.gallery-categories{grid-template-columns:repeat(3,1fr)}
@media(max-width:680px){.gallery-categories{grid-template-columns:1fr}}

/* v6.4 – kompakter Startbereich und echte Galerie-Links */
.hero-home{padding-top:1.15rem;padding-bottom:1rem;max-width:1350px}
.hero-showcase{display:grid;grid-template-columns:1fr 1fr 1.04fr 1fr 1fr;gap:.1rem;align-items:end;justify-items:center;max-width:1220px;margin:auto;height:330px}
.hero-book{width:100%;height:320px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(30,40,33,.15))}
.hero-person{height:290px;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 15px rgba(30,40,33,.13))}
.hero-intro{text-align:center;margin:.1rem auto 0;max-width:790px}.hero-intro h1{max-width:none;font-size:clamp(2.3rem,3.6vw,3.55rem);color:var(--forest);margin:.1rem 0 .22rem}.hero-intro p:not(.eyebrow){margin:.25rem auto;font:italic 1rem/1.35 Georgia,serif}.hero-intro .eyebrow{color:var(--gold)}.hero-intro .hero-actions{justify-content:center;margin-top:.65rem}
.hero-gallery-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin:.85rem auto 0;border-top:1px solid var(--line);padding-top:.7rem}.hero-gallery-links a{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;padding:.2rem 1.4rem;border-right:1px solid var(--line);font:600 .85rem Georgia,serif}.hero-gallery-links a:last-child{border-right:0}.hero-gallery-links a span{color:var(--gold);font-size:1.4rem}.hero-gallery-links a:hover{color:var(--rust)}
.gallery-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.gallery-link-card{padding:1.1rem;min-height:185px;text-decoration:none;border-radius:15px;border:1px solid var(--line);background:linear-gradient(145deg,#fffdf7,#e6eddd);box-shadow:0 7px 15px rgba(43,55,44,.07);display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s,box-shadow .15s}.gallery-link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.gallery-icon{font-size:1.8rem;color:var(--gold);line-height:1}.gallery-link-card h3{font-size:1.3rem;color:var(--forest);margin:.55rem 0 .25rem}.gallery-link-card p{margin:0 0 .8rem;color:var(--muted);font-size:.85rem}.gallery-go{margin-top:auto;font-size:.82rem;font-weight:700;color:var(--forest2)}.gallery-note{font-size:.76rem;color:var(--muted);margin:.7rem 0 0}
@media(max-width:980px){.hero-showcase{height:280px}.hero-book{height:270px}.hero-person{height:245px}.gallery-link-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero-home{padding-top:.8rem}.hero-showcase{grid-template-columns:repeat(4,minmax(0,1fr));height:auto;gap:0}.hero-book{height:165px}.hero-person{grid-column:1 / -1;grid-row:2;height:180px;margin-top:-10px}.hero-intro h1{font-size:2.5rem}.hero-gallery-links a{width:50%;justify-content:center;border:0;padding:.4rem}.gallery-link-grid{grid-template-columns:1fr 1fr;gap:.5rem}.gallery-link-card{padding:.75rem;min-height:190px}.gallery-link-card h3{font-size:1.08rem}}
@media(max-width:420px){.hero-book{height:135px}.gallery-link-grid{grid-template-columns:1fr}.gallery-link-card{min-height:155px}}

/* Version 6.5 – originalgetreuer Entwurf als anklickbare Desktop-Buehne */
@media(min-width:981px){
.site-header{display:none}
.hero-v65{background:#f6e9d2;border:0}
.hero-art{position:relative;max-width:1920px;margin:0 auto;aspect-ratio:1672/941;max-height:100svh;overflow:hidden}
.hero-art-image{display:block;width:100%;height:100%;object-fit:contain}
.hero-mobile{display:none}
.art-hotspots{position:absolute;inset:0}
.hotspot{position:absolute;display:block;border-radius:8px;cursor:pointer}
.hotspot:focus-visible{outline:3px solid #b47a24;outline-offset:2px;background:rgba(255,255,255,.18)}
.hotspot:hover{background:rgba(255,255,255,.10)}
.nav-start{left:18.3%;top:5.1%;width:6%;height:5.1%}
.nav-about{left:25.8%;top:5.1%;width:6.8%;height:5.1%}
.nav-books{left:33.7%;top:5.1%;width:7.5%;height:5.1%}
.nav-contact{left:71.4%;top:5.1%;width:6.1%;height:5.1%}
.nav-treffpunkt{left:79%;top:5.1%;width:auto;height:5.1%;display:flex;align-items:center;justify-content:center;padding:0;font:500 clamp(11px,0.88vw,16px) Georgia,serif;color:#294e41;text-decoration:none;background:transparent;border:0;box-shadow:none;border-radius:0}
.nav-treffpunkt:hover{background:transparent;color:#a37a35;text-decoration:underline;text-underline-offset:4px}
.hero-shop{left:40.4%;top:83.2%;width:19%;height:5.5%;border-radius:50px}
.art-reisen{left:24.1%;top:90%;width:10.8%;height:7%}
.art-cover{left:36.3%;top:90%;width:11%;height:7%}
.art-illus{left:48.4%;top:90%;width:13.5%;height:7%}
.art-bilder{left:64.3%;top:90%;width:14%;height:7%}
}
@media(min-width:981px) and (max-aspect-ratio: 1.5){.hero-art{max-height:none}}
@media(max-width:980px){
.hero-v65{background:radial-gradient(circle at 50% 0%,rgba(229,187,105,.20),transparent 48%),linear-gradient(#fff7e8,#f2e4cb)}
.hero-art{display:none}.hero-mobile{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:1.1rem;padding-bottom:1.2rem}
.mobile-logo h1{color:var(--forest);font-family:Georgia,serif;font-size:2.9rem;margin:.1rem 0 0;max-width:none}.mobile-logo p{letter-spacing:.09em;color:#9a6d27;margin:0;font-family:Georgia,serif}.mobile-logo span{font-size:1.5rem}
.mobile-book-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:850px;gap:0;margin:.5rem 0 -.3rem}
.mobile-book-row img{width:100%;aspect-ratio:1/1.15;object-fit:contain;filter:drop-shadow(0 7px 7px #24382c30)}
.mobile-portrait{height:220px;width:auto;object-fit:contain;object-position:center bottom;margin:-.5rem 0 .4rem;filter:drop-shadow(0 7px 13px #24382c22)}
.hero-mobile .eyebrow{margin:0}.hero-mobile h2{color:var(--forest);font-size:2.5rem;margin:.1rem 0}
.mobile-welcome{font:italic 1.02rem/1.45 Georgia,serif;max-width:650px;margin:.2rem 0 1rem}
.hero-mobile .primary{background:#b78735}
.mobile-gallery-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%;max-width:750px;margin:1rem auto 0}
.mobile-gallery-nav a{text-decoration:none;font:600 .94rem Georgia,serif;border:1px solid #a7824f55;border-radius:12px;background:#fff9ebbb;padding:.75rem .3rem;color:var(--forest)}
.mobile-gallery-nav a:hover{background:#f3dbb0}
}
@media(max-width:540px){.mobile-logo h1{font-size:2.4rem}.mobile-book-row{grid-template-columns:repeat(2,1fr);max-width:380px;margin-bottom:-.3rem}.mobile-book-row img{aspect-ratio:1.1/1;height:150px}.mobile-portrait{height:185px}.mobile-gallery-nav{grid-template-columns:repeat(2,1fr)}.hero-mobile h2{font-size:2.1rem}}

/* Version 6.6 – Mediathek direkt mit YouTube verlinkt */
.media-youtube{text-decoration:none;min-height:132px;height:auto;text-align:center;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 5px 18px rgba(24,59,47,.16)}
.media-youtube:hover,.media-youtube:focus-visible{transform:translateY(-3px);box-shadow:0 10px 25px rgba(24,59,47,.24)}
.media-youtube:focus-visible{outline:3px solid #ad792a;outline-offset:3px}
.media-youtube strong{color:#fff;font-size:1.05rem}
.media-youtube small{font-size:.84rem;color:#f5ddb1}
.media-youtube .media-play{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#b04735;color:#fff;font-size:1rem;padding-left:.12rem}

/* Version 6.7 – Treffpunkt und Kontakt */
.meetup-entry{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;background:#fff9ed;border:1px solid #cbbc98;border-radius:16px;padding:1.3rem 1.5rem}.meetup-entry strong{font:700 1.3rem Georgia,serif;color:#25493c}.meetup-entry p{margin:.35rem 0 0;max-width:700px;color:#5a685b}.meetup-entry .button{white-space:nowrap}.contact-email{font-size:1.35rem;color:#ffdf95;font-weight:700;text-underline-offset:4px}.contact-email:hover{color:white}@media(max-width:680px){.meetup-entry{flex-direction:column;align-items:flex-start}.meetup-entry .button{white-space:normal}}

/* v6.11: Treffpunkt als schlichter Textlink; Suchlupe im Bild abdecken.
   Das bestehende HTML aus v6.9 bleibt unverändert. */
@media (min-width:981px) {
  .hero-art .nav-treffpunkt {
    left:78.05%; top:4.65%; width:9.35%; height:5.65%; min-height:0;
    display:flex; justify-content:flex-start; align-items:center;
    padding:0 0 0 .45%; margin:0;
    background:linear-gradient(90deg,#faedd7 0%,#faebd3 65%,#f9e9d0 100%);
    border:0; box-shadow:none; border-radius:0;
    font:400 clamp(11px,0.94vw,17px) Georgia,'Times New Roman',serif;
    color:#2a241e; text-decoration:none; white-space:nowrap;
  }
  .hero-art .nav-treffpunkt:hover {
    background:linear-gradient(90deg,#faedd7 0%,#faebd3 65%,#f9e9d0 100%);
    text-decoration:underline; text-underline-offset:4px;
  }
  .hero-art .nav-treffpunkt:focus-visible { outline:2px solid #a47629; outline-offset:1px; }
}

/* v6.13 – beide rechten Links als ECHTEN Text rendern, mit identischer Schrift.
   Die ins Hintergrundbild eingebrannten Zeichen (Kontakt und Lupe) liegen unter
   einer einzigen neutralen Abdeckung. Dadurch keine Schriftmischung mehr. */
@media (min-width:981px) {
  .hero-art .nav-right-cover {
    position:absolute; z-index:2;
    left:70.45%; top:4.65%; width:14.95%; height:5.95%;
    background:linear-gradient(90deg,#faecd5 0%,#faecd6 58%,#f9ead4 100%);
    pointer-events:none;
  }
  .hero-art .art-hotspots a.nav-contact,
  .hero-art .art-hotspots a.nav-treffpunkt {
    position:absolute; z-index:3;
    top:4.65%; height:5.95%; min-height:0;
    width:auto; padding:0; margin:0;
    display:flex; align-items:center; justify-content:flex-start;
    background:transparent; border:0; box-shadow:none; border-radius:0;
    font-family:Georgia,'Times New Roman',serif;
    font-weight:400; font-style:normal;
    font-size:clamp(11px,0.94vw,17px);
    line-height:1; letter-spacing:0;
    color:#2a241e; text-decoration:none; white-space:nowrap;
  }
  .hero-art .art-hotspots a.nav-contact {left:71.40%;}
  .hero-art .art-hotspots a.nav-treffpunkt {left:77.90%;}
  .hero-art .art-hotspots a.nav-contact:hover,
  .hero-art .art-hotspots a.nav-treffpunkt:hover {
    background:transparent; text-decoration:underline; text-underline-offset:4px;
  }
  .hero-art .art-hotspots a.nav-contact:focus-visible,
  .hero-art .art-hotspots a.nav-treffpunkt:focus-visible {
    outline:2px solid #a47629; outline-offset:3px;
  }
}