/* Elfenwald macht Urlaub – Stylesheet
   Layout: luftige Pastell-Flächen, die wie Hügel ineinander übergehen (Wellen-Kanten), Karten wie Reiseaufkleber */
@font-face{font-family:"Grandstander";src:url("fonts/grandstander-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Grandstander";src:url("fonts/grandstander-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Andika";src:url("fonts/andika-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Andika";src:url("fonts/andika-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --moos:#2E4A40;      /* Text, dunkles Waldgrün */
  --moos-soft:#5A7268; /* Nebentext */
  --tanne:#2F6B57;     /* Buttons */
  --mint:#CDEDE0;
  --pfirsich:#FFE3D0;
  --flieder:#E6DBF7;
  --butter:#FFEBB5;
  --rose:#F4A3A0;
  --creme:#FFFAF3;
  --display:"Grandstander","Comic Sans MS","Trebuchet MS",system-ui,sans-serif;
  --body:"Andika","Trebuchet MS",system-ui,sans-serif;
  --wrap:1160px;
  --radius:28px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--creme);color:var(--moos);font-family:var(--body);font-size:1.125rem;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--tanne);outline-offset:3px;border-radius:8px}
.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;background:var(--moos);color:var(--creme);padding:.5rem 1rem;z-index:100;border-radius:8px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;font-size:1.1rem;text-decoration:none;padding:.8rem 1.5rem;border-radius:999px;border:2px solid var(--tanne);transition:transform .15s ease,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-voll{background:var(--tanne);color:#fff}
.btn-voll:hover{background:var(--moos);border-color:var(--moos)}
.btn-rand{color:var(--tanne);background:rgba(255,255,255,.6)}
.btn-rand:hover{background:#fff}

/* Kopf */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,243,.94);backdrop-filter:blur(8px);border-bottom:2px dashed #EBD9C4}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:1rem}
.logo{font-family:var(--display);font-weight:800;font-size:1.55rem;color:var(--tanne);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.logo .aa-logo{height:48px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:1.5rem;font-family:var(--display);font-weight:700;font-size:1.02rem}
.nav a{text-decoration:none}
.nav a:hover{color:var(--tanne);text-decoration:underline wavy var(--rose) 2px;text-underline-offset:6px}
.nav-toggle{display:none;background:none;border:0;padding:.5rem;cursor:pointer;color:var(--moos)}

/* Wellenkante unter farbigen Flächen */
.welle{display:block;width:100%;height:60px}

/* Startbereich */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--pfirsich) 0%,var(--flieder) 100%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:3rem;align-items:center;padding:4.5rem 0 3rem}
.eyebrow{display:inline-block;font-family:var(--display);font-weight:700;font-size:1rem;background:var(--butter);padding:.35rem 1rem;border-radius:999px;transform:rotate(-2deg)}
.hero h1{font-size:clamp(2.4rem,4.4vw,3.4rem);color:var(--moos);margin-top:1.4rem}
.hero h1 .bunt{color:#D9665F}
.hero .lead{font-size:1.25rem;color:var(--moos-soft);max-width:32rem;margin-top:1.6rem}
.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}
.hero-bild{position:relative}
.hero-bild img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:40px 64px 40px 64px;border:8px solid #fff;box-shadow:0 22px 40px rgba(46,74,64,.18)}
.stempel{position:absolute;left:-1rem;bottom:1.2rem;background:#fff;color:var(--tanne);font-family:var(--display);font-weight:800;font-size:1rem;line-height:1.15;text-align:center;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;border:3px dashed var(--rose);transform:rotate(-12deg);box-shadow:0 8px 18px rgba(46,74,64,.15)}

/* Die kleine Animation: Glühwürmchen und ein Schmetterling */
.zauber{position:absolute;inset:0;z-index:1;pointer-events:none}
.funke{position:absolute;width:10px;height:10px;border-radius:50%;background:#FFF6C8;box-shadow:0 0 10px 4px rgba(255,236,150,.85);opacity:.85}
.funke:nth-child(1){left:6%;top:70%}
.funke:nth-child(2){left:14%;top:30%;width:7px;height:7px}
.funke:nth-child(3){left:24%;top:82%}
.funke:nth-child(4){left:38%;top:18%;width:6px;height:6px}
.funke:nth-child(5){left:47%;top:64%;width:8px;height:8px}
.funke:nth-child(6){left:58%;top:12%}
.funke:nth-child(7){left:66%;top:86%;width:7px;height:7px}
.funke:nth-child(8){left:78%;top:40%;width:6px;height:6px}
.funke:nth-child(9){left:88%;top:74%}
.funke:nth-child(10){left:94%;top:22%;width:8px;height:8px}
.falter{position:absolute;left:44%;top:20%;width:46px;height:40px}
.falter .fl{transform-origin:50% 50%}
@media (prefers-reduced-motion:no-preference){
  .funke{animation:schweben 7s ease-in-out infinite}
  .funke:nth-child(2n){animation-duration:9s;animation-delay:-3s}
  .funke:nth-child(3n){animation-duration:11s;animation-delay:-6s}
  @keyframes schweben{0%,100%{transform:translate(0,0);opacity:.85}50%{transform:translate(14px,-34px);opacity:.35}}
  .falter{animation:flattern-weg 18s ease-in-out infinite}
  .falter .fl-l{animation:flugel 0.35s ease-in-out infinite alternate}
  .falter .fl-r{animation:flugel 0.35s ease-in-out infinite alternate-reverse}
  @keyframes flugel{from{transform:scaleX(1)}to{transform:scaleX(.35)}}
  @keyframes flattern-weg{0%{transform:translate(0,0) rotate(-6deg)}25%{transform:translate(120px,-30px) rotate(8deg)}50%{transform:translate(60px,40px) rotate(-4deg)}75%{transform:translate(-90px,10px) rotate(6deg)}100%{transform:translate(0,0) rotate(-6deg)}}
  .hero-bild img{animation:wiegen 6s ease-in-out infinite}
  @keyframes wiegen{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
}

/* Schmetterlinge auf der ganzen Seite */
.section{position:relative}
.section > .wrap{position:relative;z-index:1}
.schwarm{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.schwarm-oben{z-index:3}
.falter2{position:absolute;height:auto;aspect-ratio:46/40;animation-timing-function:ease-in-out;animation-iteration-count:infinite;filter:drop-shadow(0 3px 3px rgba(46,74,64,.12))}
.falter2 .o{fill:var(--a)}
.falter2 .u{fill:var(--b)}
.falter2 .fl{transform-origin:50% 50%}
@media (prefers-reduced-motion:no-preference){
  .falter2 .fl-l{animation:flugel2 .32s ease-in-out infinite alternate}
  .falter2 .fl-r{animation:flugel2 .32s ease-in-out infinite alternate-reverse}
  @keyframes flugel2{from{transform:scaleX(1)}to{transform:scaleX(.55)}}
  .falter2:nth-child(2n) .fl{animation-duration:.4s}
  .falter2:nth-child(3n) .fl{animation-duration:.27s}
  @keyframes flug-a{0%,100%{transform:translate(0,0) rotate(-8deg)}20%{transform:translate(90px,-40px) rotate(10deg)}45%{transform:translate(160px,20px) rotate(-4deg)}70%{transform:translate(60px,60px) rotate(12deg)}85%{transform:translate(-30px,20px) rotate(-6deg)}}
  @keyframes flug-b{0%,100%{transform:translate(0,0) rotate(6deg)}25%{transform:translate(-80px,50px) rotate(-10deg)}50%{transform:translate(-20px,110px) rotate(4deg)}75%{transform:translate(70px,40px) rotate(-8deg)}}
  @keyframes flug-c{0%,100%{transform:translate(0,0) rotate(-4deg)}30%{transform:translate(-110px,30px) rotate(8deg)}55%{transform:translate(-60px,-40px) rotate(-10deg)}80%{transform:translate(40px,-10px) rotate(6deg)}}
  @keyframes flug-d{0%,100%{transform:translate(0,0) rotate(10deg)}25%{transform:translate(70px,-60px) rotate(-6deg)}50%{transform:translate(-40px,-90px) rotate(8deg)}75%{transform:translate(-90px,-20px) rotate(-12deg)}}
}
@media (prefers-reduced-motion:reduce){.falter2{animation:none}}
@media (max-width:760px){.falter2.nur-gross{display:none}.falter2{transform-origin:center}}

/* Abschnitte */
.section{padding:5.5rem 0}
.kopf{max-width:40rem;margin-bottom:3.5rem}
.kopf.mitte{margin-inline:auto;text-align:center}
.kopf h2{font-size:clamp(2.2rem,4.5vw,3.2rem)}
.kopf p{color:var(--moos-soft);margin-top:1.2rem;font-size:1.15rem}

/* Bücher (aus dem Admin) */
.buecher{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,500px),1fr));gap:3.5rem 3rem;align-items:start}
.buch{display:grid;grid-template-columns:clamp(150px,34%,210px) 1fr;gap:2.2rem;align-items:start}
.buch-cover{position:relative;transform:rotate(-3deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1);margin:.6rem 0 0 .4rem}
.buch:nth-child(even) .buch-cover{transform:rotate(2.5deg)}
.buch:hover .buch-cover{transform:rotate(0) translateY(-4px)}
.buch-cover img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px 12px 12px 6px;border:6px solid #fff;box-shadow:inset 6px 0 0 rgba(46,74,64,.12),0 14px 26px rgba(46,74,64,.22),0 2px 4px rgba(46,74,64,.12)}
.neu{position:absolute;top:-14px;right:-14px;background:var(--rose);color:var(--moos);font-family:var(--display);font-weight:800;font-size:.9rem;padding:.3rem .8rem;border-radius:999px;transform:rotate(10deg);box-shadow:0 4px 0 rgba(46,74,64,.15)}
.buch-text{display:flex;flex-direction:column;gap:.7rem;min-width:0}
.buch .band{font-family:var(--display);font-weight:700;color:var(--tanne);font-size:.98rem}
.buch h3{font-size:1.5rem}
.buch .alter{align-self:flex-start;background:var(--mint);font-weight:700;font-size:.9rem;padding:.15rem .75rem;border-radius:999px}
.buch .text{color:var(--moos-soft);font-size:1.02rem}
.buch .btn{align-self:flex-start;font-size:1rem;padding:.6rem 1.2rem;margin-top:.3rem}

/* Figuren */
.figuren-bereich{background:var(--mint)}
.figuren{list-style:none;margin:0 auto;padding:0;max-width:1080px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem 2rem;align-items:start}
.figur{position:relative;background:#fff;border-radius:28px 34px 30px 26px;padding:1rem 1.1rem 1rem 1rem;box-shadow:0 10px 22px rgba(46,74,64,.1);display:grid;grid-template-columns:104px 1fr;column-gap:1rem;row-gap:.15rem;align-items:start;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.figur img{grid-row:1 / span 3;width:104px;height:104px;object-fit:cover;border-radius:58% 42% 50% 50% / 48% 56% 44% 52%;border:4px solid var(--farbe,var(--pfirsich));box-shadow:0 6px 12px rgba(46,74,64,.12);transform:rotate(-4deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.figur h3{font-size:1.2rem;line-height:1.2;margin:.35rem 0 0}
.figur .eigenschaft{font-family:var(--display);font-weight:700;color:#C4625C;font-size:.9rem;line-height:1.3;margin:0}
.figur .text{color:var(--moos-soft);font-size:.92rem;line-height:1.45;margin:.35rem 0 0}
.figur:nth-child(1){--farbe:#A9D8B8;transform:rotate(-1.5deg)}
.figur:nth-child(2){--farbe:#F6B98A;transform:rotate(1.2deg) translateY(1.6rem)}
.figur:nth-child(3){--farbe:#C9B6EC;transform:rotate(-.8deg)}
.figur:nth-child(4){--farbe:#F2D06B;transform:rotate(1deg)}
.figur:nth-child(5){--farbe:#8EC5E8;transform:rotate(-1.4deg) translateY(1.6rem)}
.figur:nth-child(6){--farbe:#F4A3A0;transform:rotate(1.6deg)}
.figur:nth-child(even) img{transform:rotate(5deg)}
.figur::after{content:"";position:absolute;top:-9px;left:50%;width:58px;height:18px;margin-left:-29px;background:var(--farbe);opacity:.55;border-radius:3px;transform:rotate(-3deg)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .figur:hover{transform:rotate(0) translateY(-6px) scale(1.02)}
  .figur:hover img{transform:rotate(-10deg) scale(1.06)}
}

/* Lesungen */
.lesungen-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}
.termine{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.termin{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;background:#fff;border:2px solid var(--flieder);border-radius:20px;padding:1rem 1.2rem}
.termin time{font-family:var(--display);font-weight:800;background:var(--butter);border-radius:14px;padding:.5rem .8rem;text-align:center;line-height:1.2;font-size:.95rem;width:9rem}
.termin strong{display:block;font-family:var(--display);font-size:1.15rem}
.termin span,.termin small{color:var(--moos-soft);display:block;font-size:.98rem}
.termin a{font-weight:700;color:var(--tanne)}
.termine [data-leer]{background:#fff;border:2px dashed var(--flieder);border-radius:20px;padding:1.2rem 1.4rem;color:var(--moos-soft)}
.ablauf{margin-top:2.6rem;background:#fff;border:2px solid var(--mint);border-radius:24px;padding:1.8rem 1.8rem 1.6rem}
.ablauf h3{font-size:1.5rem;margin:0 0 1.3rem}
.schritte{list-style:none;margin:0;padding:0;counter-reset:schritt;display:flex;flex-direction:column;gap:1.1rem}
.schritte li{counter-increment:schritt;display:grid;grid-template-columns:2.6rem 1fr;column-gap:1rem;position:relative}
.schritte li::before{content:counter(schritt);grid-row:1 / span 2;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--pfirsich);color:var(--moos);font-family:var(--display);font-weight:800;font-size:1.15rem;display:flex;align-items:center;justify-content:center}
.schritte li:nth-child(2)::before{background:var(--mint)}
.schritte li:nth-child(3)::before{background:var(--flieder)}
.schritte li:nth-child(4)::before{background:var(--butter)}
.schritte li:not(:last-child)::after{content:"";position:absolute;left:1.3rem;top:2.9rem;bottom:-.9rem;border-left:2px dashed var(--mint)}
.schritte strong{font-family:var(--display);font-size:1.1rem;line-height:1.3;align-self:center}
.schritte p{margin:.2rem 0 0;color:var(--moos-soft);font-size:.98rem}
.eckdaten{list-style:none;margin:1.5rem 0 0;padding:1.2rem 0 0;border-top:2px dashed var(--mint);display:flex;flex-wrap:wrap;gap:.6rem}
.eckdaten li{background:var(--creme);border:2px solid var(--mint);border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.92rem}
.eckdaten li::before{content:"✦ ";color:var(--tanne)}
.fuer-wen{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.fuer-wen span{background:var(--flieder);border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.95rem}
.anfrage{background:var(--flieder);border-radius:var(--radius);padding:2.2rem}
.anfrage h2{font-size:clamp(1.8rem,3.5vw,2.4rem)}
.anfrage .intro{margin:1rem 0 1.6rem;color:var(--moos-soft)}

/* Formulare aus dem System (Kontakt und Lesungsanfrage) */
.aa-kontakt input,.aa-kontakt textarea,.aa-kontakt select,
.aa-lesung-anfrage input,.aa-lesung-anfrage textarea,.aa-lesung-anfrage select,
.formular input,.formular textarea{width:100%;font:inherit;font-size:1rem;color:var(--moos);background:#fff;border:2px solid #E6DCCB;border-radius:14px;padding:.7rem .9rem}
.aa-kontakt input:focus,.aa-kontakt textarea:focus,.aa-lesung-anfrage input:focus,.aa-lesung-anfrage textarea:focus,.formular input:focus,.formular textarea:focus{border-color:var(--tanne);outline:none}
.aa-kontakt label,.aa-lesung-anfrage label,.formular label{display:block;font-weight:700;margin:0 0 .4rem}
.aa-kontakt button,.aa-kontakt [type=submit],.aa-lesung-anfrage button,.aa-lesung-anfrage [type=submit],.formular button{font-family:var(--display);font-weight:700;font-size:1.1rem;background:var(--tanne);color:#fff;border:0;border-radius:999px;padding:.8rem 1.6rem;cursor:pointer}

/* Blog */
.blog-bereich{background:var(--butter)}
.beitraege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.beitrag-karte{background:#fff;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 24px rgba(46,74,64,.08)}
.beitrag-karte img{width:100%;aspect-ratio:16/10;object-fit:cover}
.beitrag-karte .innen{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.beitrag-karte time{font-weight:700;color:#C4625C;font-size:.95rem}
.beitrag-karte h3{font-size:1.35rem}
.beitrag-karte h3 a{text-decoration:none}
.beitrag-karte p{color:var(--moos-soft);font-size:1rem}
.beitrag-karte .mehr{margin-top:auto;font-weight:700;color:var(--tanne)}
.beitraege [data-leer]{grid-column:1/-1;background:#fff;border-radius:var(--radius);padding:1.6rem;text-align:center;color:var(--moos-soft)}
.alle{text-align:center;margin-top:2.8rem}

/* Über mich */
.ueber .wrap{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:4rem;align-items:center}
.ueber img{width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:50% 50% 30px 30px;border:8px solid #fff;box-shadow:0 18px 34px rgba(46,74,64,.15)}
.ueber h2{font-size:clamp(2.2rem,4.5vw,3.2rem);margin-bottom:1.6rem}
.ueber .text{max-width:38rem}
.ueber .text p + p{margin-top:1.1rem}

/* Instagram */
.insta{background:var(--rose);padding:3.5rem 0}
.insta .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.insta h2{font-size:clamp(1.8rem,3.5vw,2.4rem)}
.insta p{margin-top:.6rem}
.insta .aa-social a,.insta [data-autorenauftritt="social"] a{display:inline-block;background:#fff;color:var(--moos);font-family:var(--display);font-weight:700;text-decoration:none;padding:.7rem 1.3rem;border-radius:999px;margin:.25rem}

/* Kontakt */
.kontakt .wrap{display:grid;grid-template-columns:minmax(0,24rem) 1fr;gap:4rem;align-items:start}
.kontakt h2{font-size:clamp(2.2rem,4.5vw,3.2rem)}
.kontakt .intro{color:var(--moos-soft);margin-top:1.2rem}
.kontakt .mail{display:inline-block;margin-top:1.6rem;font-weight:700;color:var(--tanne)}
.postkarte{position:relative;margin-top:2.2rem;display:grid;grid-template-columns:96px 1fr;gap:1.1rem;align-items:center;background:#fff;border-radius:16px;padding:1rem 1.3rem 1rem 1rem;box-shadow:0 12px 24px rgba(46,74,64,.12);transform:rotate(-2deg);border:2px dashed var(--pfirsich)}
.postkarte img{width:96px;height:96px;object-fit:cover;border-radius:12px;background:var(--mint)}
.postkarte strong{display:block;font-family:var(--display);font-size:1.12rem;line-height:1.25;color:var(--moos)}
.postkarte p{margin:.35rem 0 0;font-size:.93rem;color:var(--moos-soft);line-height:1.45}
.briefmarke{position:absolute;top:-14px;right:-10px;width:42px;height:48px;display:grid;place-items:center;background:var(--rose);color:#fff;font-size:1.3rem;border-radius:4px;transform:rotate(9deg);box-shadow:0 0 0 3px #fff,0 4px 8px rgba(46,74,64,.15)}
.kontakt-infos{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.kontakt-infos li{display:flex;gap:.7rem;align-items:baseline;color:var(--moos-soft);font-size:.98rem}
.kontakt-infos li > span:first-child{color:var(--tanne);font-weight:700;flex:none}
.kontakt-infos a{color:var(--tanne);font-weight:700}
.formular-box{background:#fff;border-radius:var(--radius);padding:2.2rem;box-shadow:0 10px 26px rgba(46,74,64,.08)}

/* Fußzeile */
.site-footer{background:var(--moos);color:#EAF3EE;padding:3.5rem 0 2.2rem}
.footer-grid{display:flex;justify-content:space-between;gap:2.5rem;flex-wrap:wrap}
.footer-brand{max-width:22rem;display:flex;flex-direction:column;gap:.9rem}
.footer-brand .name{font-family:var(--display);font-weight:800;font-size:1.4rem;color:#fff}
.footer-col{display:flex;flex-direction:column;gap:.6rem}
.footer-col h3{font-size:1.05rem;color:var(--butter)}
.footer-col a{text-decoration:none}
.footer-col a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:2.5rem;padding-top:1.4rem;font-size:.92rem;color:#C9DCD3}

/* Unterseiten: Rechtstexte und Blog */
.unterseite{padding:3.5rem 0 5.5rem}
.unterseite .wrap{max-width:760px}
.unterseite h1{font-size:clamp(2.4rem,5vw,3.4rem);margin-bottom:2rem}
.aa-rechtstext h3,.unterseite h2{font-family:var(--display);font-size:1.5rem;margin:2rem 0 .7rem}
.aa-rechtstext p,.aa-rechtstext li{color:var(--moos-soft);margin-bottom:.8rem}
.aa-rechtstext a{color:var(--tanne)}
.beitrag{display:flex;flex-direction:column;gap:1.2rem;padding-bottom:3rem;margin-bottom:3rem;border-bottom:2px dashed #EBD9C4}
.beitrag time{font-weight:700;color:#C4625C}
.beitrag h1{margin-bottom:0}
.beitrag img{border-radius:var(--radius);width:100%}
.beitrag .text p + p{margin-top:1rem}
.beitrag .text h2{font-family:var(--display);font-size:1.6rem;margin:1.6rem 0 .4rem}
.beitrag .text a{color:var(--tanne)}
.zurueck{font-weight:700;color:var(--tanne)}

/* Anpassung an kleinere Bildschirme */
@media (max-width:1000px){
  .hero .wrap{grid-template-columns:1fr;gap:2.5rem;padding:3rem 0 2rem}
  .hero-bild{max-width:620px}
  .figuren{grid-template-columns:repeat(2,minmax(0,1fr))}
  .figur:nth-child(n){transform:rotate(0)}
  .figur:nth-child(odd){transform:rotate(-1deg)}
  .figur:nth-child(even){transform:rotate(1deg) translateY(1.2rem)}
  .lesungen-grid,.ueber .wrap,.kontakt .wrap{grid-template-columns:1fr;gap:3rem}
  .ueber img{max-width:340px}
  .beitraege{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--creme);flex-direction:column;align-items:flex-start;gap:1.1rem;padding:1.5rem 1.25rem 2rem;box-shadow:0 14px 24px rgba(46,74,64,.12)}
  .nav.open{display:flex}
  .site-header .wrap{height:66px}
  .logo{font-size:1.2rem}
  html{scroll-padding-top:76px}
  .section{padding:4rem 0}
  .kopf{margin-bottom:2.6rem}
  .welle{height:36px}
  .stempel{width:92px;height:92px;font-size:.85rem;left:-.4rem}
  .figuren{gap:1.4rem;grid-template-columns:1fr;max-width:30rem}
  .figur:nth-child(even){transform:rotate(1deg)}
  .figur{padding:.8rem .9rem .8rem .8rem;grid-template-columns:84px 1fr}
  .figur img{width:84px;height:84px}
  .figur h3{font-size:1.15rem}
  .figur .text{font-size:.9rem;padding:0}
  .beitraege{grid-template-columns:1fr}
  .termin{grid-template-columns:1fr;gap:.7rem}
  .ablauf{padding:1.4rem 1.2rem}
  .termin time{justify-self:start;width:auto}
  .anfrage,.formular-box{padding:1.5rem}
}
@media (max-width:760px){.buecher{grid-template-columns:1fr;gap:3rem}.buch{grid-template-columns:1fr;gap:1.4rem}.buch-cover{width:min(62%,220px);margin:.6rem auto 0}.buch h3{font-size:1.2rem}.buch .text{font-size:.95rem}.buch .btn{font-size:.92rem;padding:.5rem 1rem}}
@media (prefers-reduced-motion:reduce){.buch-cover{transition:none}}
@media (max-width:340px){.figuren,.buecher{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}


/* Hinweisbalken: Beispielseite von Autorenauftritt */
.demo-hinweis{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem 1rem;padding:.55rem 1rem;background:#3A1733;color:#FBF3EA;font-family:var(--body);font-size:.95rem;line-height:1.35;text-align:center}
.demo-hinweis a{color:inherit}
.demo-stern{color:#E7C38A;margin-right:.2rem}
.demo-knopf{display:inline-block;padding:.25rem .85rem;border-radius:999px;background:#E7C38A;color:#3A1733 !important;font-weight:700;text-decoration:none;white-space:nowrap}
.demo-knopf:hover{background:#F1D6A7}
@media (max-width:560px){.demo-hinweis{font-size:.85rem;padding:.5rem .75rem}}

/* Startbereich auf dem Handy: Bild zuerst, kompakter Text – alles Wichtige auf dem ersten Bildschirm */
@media (max-width:760px){
  .hero .wrap{gap:1.6rem;padding:1.4rem 0 2.2rem}
  .hero-bild{order:-1;max-width:none;margin:.4rem .3rem 0}
  .hero-bild img{aspect-ratio:4/3;border-width:6px;border-radius:28px 42px 28px 42px;transform:rotate(-1.5deg);box-shadow:0 16px 30px rgba(46,74,64,.22)}
  .stempel{left:auto;right:-.3rem;bottom:-1.1rem;width:84px;height:84px;font-size:.8rem;transform:rotate(10deg)}
  .eyebrow{font-size:.85rem;padding:.3rem .85rem}
  .hero h1{font-size:2.15rem;line-height:1.08;margin-top:.9rem}
  .hero .lead{font-size:1.02rem;line-height:1.55;margin-top:.9rem}
  .actions{gap:.6rem;margin-top:1.4rem}
  .actions .btn{font-size:.95rem;padding:.65rem 1.1rem}
}