:root{
  --paper:#fffdf9;
  --ink:#17233f;
  --muted:#5c6476;
  --rose:#d51b70;
  --rose-dark:#a91459;
  --lime:#8bac24;
  --gold:#e7a42d;
  --aqua:#26aeb8;
  --line:rgba(23,35,63,.12);
  --soft:#faf6f0;
  --shadow:0 18px 45px rgba(39,43,62,.08);
  --radius:18px;
  --max:1180px;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --script:'Segoe Print','Bradley Hand','Brush Script MT',cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 42px),var(--max));margin-inline:auto}
.section-pad{padding:88px 0}
.soft-bg{background:linear-gradient(180deg,#fbf8f3 0%,#fffdf9 100%)}
.warm-wash{background:linear-gradient(90deg,rgba(231,164,45,.07),rgba(213,27,112,.025),rgba(38,174,184,.045))}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:1000}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-wrap{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px}
.brand{display:flex;flex-direction:column;justify-self:start}.brand-name{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.95rem}.brand-sub{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;gap:28px;font-size:.93rem}.nav a{position:relative}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--rose);transition:right .2s ease}.nav a:hover::after{right:0}
.script-mark{justify-self:end;font-family:var(--script);font-size:1.55rem;color:var(--rose);transform:rotate(-2deg)}.script-mark strong{color:var(--lime);font-weight:600}
.menu-button{display:none}
.hero{padding-top:66px;padding-bottom:54px}.hero-grid{display:grid;grid-template-columns:.9fr 1.5fr;align-items:center;gap:56px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--rose);font-weight:700;margin:0 0 18px}.hero-title{font-family:var(--script);font-size:clamp(3.3rem,7vw,6.8rem);line-height:.98;font-weight:500;margin:0 0 26px;letter-spacing:-.045em}.hero-title em{font-style:normal;color:var(--rose);position:relative}.hero-title em::after{content:"";position:absolute;height:5px;width:70%;left:10%;bottom:2px;background:linear-gradient(90deg,var(--gold),var(--lime),var(--aqua));border-radius:99px;opacity:.75}.lead{font-family:var(--serif);font-size:1.22rem;max-width:32ch}.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--rose);font-weight:700;margin-top:18px}.text-link:hover{color:var(--rose-dark)}
.art-frame{position:relative}.art-frame img{width:100%;object-fit:contain}.art-free::before{content:"";position:absolute;inset:9% 8%;background:radial-gradient(circle at 30% 25%,rgba(255,206,47,.2),transparent 38%),radial-gradient(circle at 78% 28%,rgba(213,27,112,.15),transparent 34%),radial-gradient(circle at 68% 78%,rgba(38,174,184,.15),transparent 38%);filter:blur(18px);z-index:-1}.hero-art img{max-height:620px}.art-soft img{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.story-grid-wide{grid-template-columns:1.3fr .7fr}.story-copy h2,.section-intro h2{font-family:var(--serif);font-size:clamp(2.1rem,4vw,4rem);line-height:1.1;font-weight:500;margin:0 0 22px}.story-copy p{max-width:54ch}.story-lead{font-family:var(--serif);font-size:1.25rem}.script-kicker{font-family:var(--script);font-size:1.45rem;color:var(--rose);margin:0 0 8px;transform:rotate(-1deg);display:inline-block}.accent-sentence{color:var(--rose);font-weight:700}.three-col{grid-template-columns:1.05fr 1fr .65fr;gap:42px}.about-copy h2{font-size:clamp(2rem,3vw,3.2rem)}.signature-text{font-family:var(--script);font-size:2rem;color:var(--rose);margin-bottom:6px}.portrait-card{background:#fff;padding:12px 12px 22px;box-shadow:0 14px 38px rgba(45,40,50,.16);transform:rotate(2.3deg);max-width:300px;justify-self:end}.portrait-card img{aspect-ratio:4/3;object-fit:cover}.portrait-card figcaption{font-family:var(--script);font-size:1.15rem;color:var(--muted);padding:10px 4px 0}
.center{text-align:center}.discover{padding-top:78px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(44,47,65,.06);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,47,65,.1)}.card img{width:100%;height:280px;object-fit:contain;background:#fff;padding:16px}.card-body{padding:22px 24px 26px}.card h3{font-family:var(--serif);font-size:1.55rem;margin:0 0 8px}.card p{color:var(--muted);min-height:3.4em}.card a{color:var(--rose);font-weight:700;font-size:.92rem}
.flight-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.compact-art img{max-height:540px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--rose);color:#fff;padding:13px 20px;border-radius:999px;font-weight:700;margin-top:16px;box-shadow:0 9px 24px rgba(213,27,112,.2)}.button:hover{background:var(--rose-dark)}.button-ghost{background:transparent;color:var(--rose);border:1px solid rgba(213,27,112,.55);box-shadow:none}.button-row{display:flex;gap:12px;flex-wrap:wrap}
.closing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.path-art img{max-height:500px}.site-footer{border-top:1px solid var(--line);padding:28px 0 36px;background:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}.footer-signature{font-family:var(--script);color:var(--rose);font-size:1.2rem}.footer-signature strong{color:var(--lime)}.footer-links{display:flex;gap:24px;font-size:.85rem}.footer-note{text-align:right;color:var(--muted);font-size:.78rem}
@media (max-width:980px){.nav-wrap{grid-template-columns:1fr auto}.script-mark{display:none}.menu-button{display:inline-flex;justify-self:end;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px}.nav{position:absolute;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;display:none;flex-direction:column;gap:14px}.nav.open{display:flex}.hero-grid,.story-grid,.story-grid-wide,.flight-grid,.closing-grid,.three-col{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero-art{max-width:760px;margin-inline:auto}.portrait-card{justify-self:start;max-width:360px}.cards{grid-template-columns:1fr 1fr}.reverse-mobile .story-copy{order:2}.reverse-mobile .art-frame{order:1}}
@media (max-width:680px){.wrap{width:min(calc(100% - 28px),var(--max))}.section-pad{padding:62px 0}.site-header{position:relative}.nav-wrap{min-height:74px}.nav{top:74px}.brand-sub{display:none}.hero{padding-top:42px}.hero-grid{gap:26px}.hero-title{font-size:clamp(3rem,16vw,5rem)}.story-grid,.flight-grid,.closing-grid{gap:34px}.cards{grid-template-columns:1fr}.card img{height:230px}.button-row{align-items:stretch;flex-direction:column}.button{width:100%}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-note{text-align:center}.footer-links{justify-content:center}.portrait-card{max-width:280px}.story-copy h2,.section-intro h2{font-size:2.35rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* v0.2 — Andrea feedback: weniger Schriften, runder, leichter */
:root{
  --sans:'Trebuchet MS','Avenir Next',Avenir,'Segoe UI',sans-serif;
  --script:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;
}
body{font-family:var(--sans);letter-spacing:.002em}
.brand{display:flex;align-items:flex-start;justify-content:center}
.brand-logo{display:block;width:min(190px,32vw);max-height:58px;object-fit:contain;object-position:left center}
.header-name{justify-self:end;font-size:.88rem;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.lead,.story-lead{font-family:var(--sans)}
.story-copy h2,.section-intro h2,.card h3{font-family:var(--sans);font-weight:650;letter-spacing:-.025em}
.story-copy h2,.section-intro h2{font-size:clamp(2rem,3.6vw,3.55rem)}
.card h3{font-size:1.42rem}
.script-kicker,.signature-text,.hero-title{font-family:var(--script)}
.button{padding:9px 15px;font-size:.86rem;box-shadow:0 6px 16px rgba(213,27,112,.16);margin-top:12px}
.button-row{gap:9px}
.text-link{font-size:.92rem}
.footer-signature img{width:145px;max-height:50px;object-fit:contain}
@media (max-width:980px){.header-name{display:none}.brand-logo{width:170px}}
@media (max-width:680px){.brand-logo{width:150px}.button-row{align-items:flex-start;flex-direction:row}.button{width:auto}}

/* v0.3 — Typografie und Farbraum nach Andrea-Feedback */
:root{
  --paper:#fbfefd;
  --soft:#f3fbfa;
  --ink:#17233f;
  --sans:'Montserrat',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  /* MrsKate wird ergänzt, sobald die Webfont-Datei vorliegt. Das Logo selbst nutzt bereits MrsKate. */
  --script:'MrsKate','Segoe Print','Bradley Hand',cursive;
}
body{background:var(--paper);font-family:var(--sans)}
.site-header{background:rgba(251,254,253,.95)}
.soft-bg{background:linear-gradient(180deg,#f1fbfa 0%,#fbfefd 100%)}
.warm-wash{background:linear-gradient(90deg,rgba(38,174,184,.055),rgba(255,255,255,.68),rgba(213,27,112,.025))}
.nav-wrap{grid-template-columns:1fr auto;min-height:76px}
.brand-logo{width:min(150px,26vw);max-height:48px}
.nav{justify-self:end}
.header-name{display:none!important}
.hero-title,.script-kicker,.signature-text{font-family:var(--script)}
.hero-title{font-weight:400}
.story-copy h2,.section-intro h2,.card h3,.lead,.story-lead{font-family:var(--sans)}
.story-copy h2,.section-intro h2{font-weight:600;letter-spacing:-.035em}
.card h3{font-weight:600}
.button{padding:8px 14px;font-size:.8rem;box-shadow:none}
.button-ghost{background:transparent}
.contact-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:18px}
.brush-cta{position:relative;display:inline-block;width:260px;height:86px;transform:rotate(-3deg);transition:transform .25s ease,filter .25s ease}
.brush-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;filter:drop-shadow(0 5px 9px rgba(37,57,75,.10))}
.brush-cta span{position:absolute;left:44%;top:56%;transform:translate(-50%,-50%) rotate(3deg);z-index:1;font-family:var(--script);font-size:1.5rem;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 5px rgba(23,35,63,.38)}
.brush-cta:hover{transform:rotate(-4deg) translate(3px,-3px) scale(1.035);filter:saturate(1.08)}
.quiet-link{font-size:.82rem;font-weight:600;color:var(--rose)}
.footer-signature img{width:125px}
@media (max-width:980px){.brand-logo{width:140px}.nav-wrap{grid-template-columns:1fr auto}}
@media (max-width:680px){.brand-logo{width:125px}.contact-actions{align-items:flex-start;flex-direction:column;gap:8px}.brush-cta{width:225px;height:74px}}

/* v0.4 — konsequente Reduktion: Montserrat + Andrea-Handschrift, kein Serif, sichtbarer Pinselstrich */
:root{
  --paper:#fcfefd;
  --soft:#f4fbfa;
  --ink:#17233f;
  --sans:'Montserrat',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --script:'MrsKate','Segoe Print','Bradley Hand',cursive;
}
body{font-family:var(--sans);background:var(--paper)}
/* Serifreste vollständig neutralisieren */
.hero-title,.lead,.story-copy h2,.section-intro h2,.story-lead,.card h3{font-family:var(--sans)}
.hero-title{font-size:clamp(3.15rem,6.3vw,6.25rem);font-weight:500;line-height:.96;letter-spacing:-.055em}
.hero-title span{font-weight:500}.hero-title em{font-style:normal;font-weight:650;color:var(--rose)}
.story-copy h2,.section-intro h2{font-weight:500;letter-spacing:-.045em;line-height:1.06}
.story-copy h2{font-size:clamp(2.35rem,4.2vw,4.3rem)}
.section-intro h2{font-size:clamp(2.4rem,4vw,4rem)}
.story-lead{font-size:1.13rem;font-weight:500}
.card h3{font-weight:600;letter-spacing:-.025em}
.script-kicker,.signature-text,.portrait-card figcaption{font-family:var(--script)}
.script-kicker{font-size:1.36rem;font-weight:400;letter-spacing:0}
.signature-text{font-size:1.8rem}
/* Header ruhiger */
.nav-wrap{min-height:72px}
.brand-logo{width:min(132px,23vw);max-height:44px}
.nav{gap:25px;font-size:.88rem}
/* CTA-System: keine klassischen Pillen mehr */
.button{background:none!important;color:var(--rose)!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.quiet-cta{margin-top:18px;font-size:.9rem}
.text-link{font-size:.9rem}
/* echter, inline eingebetteter Pinselstrich */
.contact-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px}
.brush-cta{position:relative;display:inline-block;width:310px;height:98px;transform:rotate(-2deg);transition:transform .25s ease,filter .25s ease;overflow:visible;isolation:isolate}
.brush-cta .brush-art{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 7px 13px rgba(23,35,63,.12));z-index:0}
.brush-cta span{position:absolute;left:46%;top:61%;transform:translate(-50%,-50%) rotate(2deg);z-index:2;font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:.01em;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(23,35,63,.34)}
.brush-cta:hover{transform:rotate(-3deg) translate(4px,-3px) scale(1.025);filter:saturate(1.08)}
.quiet-link{font-size:.8rem;font-weight:600;color:var(--ink);opacity:.75}
.quiet-link:hover{color:var(--rose);opacity:1}
/* Fläche minimal kühler, nicht sichtbar türkis */
.soft-bg{background:linear-gradient(180deg,#f4fbfa 0%,#fcfefd 100%)}
.warm-wash{background:linear-gradient(90deg,rgba(38,174,184,.035),rgba(255,255,255,.78),rgba(213,27,112,.018))}
.footer-note{font-size:.72rem}
@media (max-width:980px){.brand-logo{width:126px}.story-copy h2{font-size:clamp(2.25rem,6vw,3.7rem)}}
@media (max-width:680px){.brand-logo{width:116px}.hero-title{font-size:clamp(2.9rem,15vw,4.6rem)}.story-copy h2,.section-intro h2{font-size:2.25rem}.contact-actions{align-items:flex-start;flex-direction:column;gap:5px}.brush-cta{width:270px;height:86px}.brush-cta span{font-size:.92rem}}


/* v0.5 — Pinselstrich zarter, breiter auslaufend; Upload-ZIP flach */
.brush-cta{width:360px;height:112px;transform:rotate(-1.5deg)}
.brush-cta span{left:55%;top:54%;font-family:var(--script);font-size:1.45rem;font-weight:500;letter-spacing:0;color:#fff;text-shadow:0 1px 5px rgba(23,35,63,.32)}
.brush-cta .brush-art{filter:drop-shadow(0 5px 10px rgba(23,35,63,.08))}
@media (max-width:680px){.brush-cta{width:295px;height:94px}.brush-cta span{font-size:1.22rem}}


/* v0.6 — originale MrsKate lokal eingebunden */
@font-face{
  font-family:'MrsKate';
  src:url('../fonts/MrsKate.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
:root{--script:'MrsKate','Segoe Print','Bradley Hand',cursive}
.script-kicker,.signature-text,.portrait-card figcaption,.brush-cta span{font-family:var(--script);font-weight:400}
.script-kicker{font-size:1.55rem;line-height:1.15}
.signature-text{font-size:2rem}
.portrait-card figcaption{font-size:1.2rem}
.brush-cta span{font-size:1.55rem}
@media (max-width:680px){.script-kicker{font-size:1.38rem}.brush-cta span{font-size:1.3rem}}

/* v0.7 Andrea feedback */
:root{--script:'Segoe Print','Bradley Hand','Comic Sans MS',cursive}
.brand-logo{width:min(168px,28vw);max-height:54px}
.script-kicker,.signature-text,.portrait-card figcaption{font-family:var(--script);font-weight:400}
.brush-cta{width:390px;height:128px;transform:rotate(-1deg)}
.brush-cta span{left:69%;top:49%;font-family:var(--script);font-size:1.38rem;font-weight:400;color:#fff;text-shadow:0 1px 5px rgba(23,35,63,.38)}
@media (max-width:980px){.brand-logo{width:155px}}
@media (max-width:680px){.brand-logo{width:142px}.brush-cta{width:300px;height:100px}.brush-cta span{font-size:1.08rem}}


/* v0.8 — klarer Regenbogen-Pinselstrich mit sichtbarem Pinsel */
.brush-cta{width:430px;height:132px;transform:rotate(-1deg)}
.brush-cta span{left:76%;top:47%;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:1.42rem;font-weight:400;color:#fff;text-shadow:0 1px 5px rgba(23,35,63,.42)}
@media (max-width:680px){.brush-cta{width:315px;height:104px}.brush-cta span{font-size:1.08rem;left:75%}}

/* v0.9: Andrea's supplied brushstroke used 1:1 */
.brush-cta{width:430px;height:132px;transform:rotate(0deg);overflow:hidden}
.brush-cta .brush-reference{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:none;z-index:0}
.brush-cta span{left:72%;top:48%;z-index:2}
@media (max-width:680px){.brush-cta{width:315px;height:98px}.brush-cta span{left:72%}}

/* v0.10 — transparenter Original-Pinselstrich + sichtbarer Pinsel + klarer CTA */
.brush-cta-v10{width:470px;height:126px;overflow:visible;transform:none;isolation:isolate}
.brush-cta-v10 .brush-handle{position:absolute;left:0;top:30px;width:145px;height:68px;z-index:2;filter:drop-shadow(0 4px 7px rgba(23,35,63,.10));transform:rotate(-5deg)}
.brush-cta-v10 .brush-transparent{position:absolute;left:112px;top:4px;width:350px;height:112px;object-fit:fill;z-index:1;filter:none}
.brush-cta-v10 span{left:69%;top:49%;z-index:3;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:1.35rem;font-weight:400;color:#fff;text-shadow:0 1px 5px rgba(23,35,63,.50);transform:translate(-50%,-50%) rotate(-1deg)}
.brush-cta-v10:hover{transform:translate(3px,-2px) scale(1.015);filter:saturate(1.05)}
@media (max-width:680px){
  .brush-cta-v10{width:320px;height:88px}
  .brush-cta-v10 .brush-handle{left:0;top:22px;width:102px;height:50px}
  .brush-cta-v10 .brush-transparent{left:76px;top:3px;width:240px;height:78px}
  .brush-cta-v10 span{left:70%;top:49%;font-size:1.02rem}
}


/* v0.11 — nur ein Pinselstrich, kein zweites Pinselbild */
.brush-cta-v11{position:relative;display:inline-block;width:430px;height:126px;overflow:visible;transform:none;isolation:isolate}
.brush-cta-v11 .brush-art-v11{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1;filter:none}
.brush-cta-v11 span{position:absolute;left:69%;top:50%;transform:translate(-50%,-50%) rotate(-1deg);z-index:2;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:1.35rem;font-weight:400;color:#fff;white-space:nowrap;text-shadow:0 1px 5px rgba(23,35,63,.52)}
.brush-cta-v11:hover{transform:translate(3px,-2px) scale(1.015);filter:saturate(1.05)}
@media (max-width:680px){.brush-cta-v11{width:310px;height:92px}.brush-cta-v11 span{left:69%;font-size:1.02rem}}

/* v0.12 — Kunst erleben: Bilderreise */
.nav a.active{color:var(--rose);font-weight:600}
.journey-hero{padding-top:78px;background:linear-gradient(180deg,#fcfefd 0%,#f6fbfa 100%)}
.journey-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}
.journey-hero h1{font-family:var(--sans);font-size:clamp(3rem,5.8vw,5.9rem);font-weight:500;letter-spacing:-.055em;line-height:.98;margin:0 0 26px;max-width:10ch}
.journey-lead{font-size:1.1rem;max-width:49ch;color:var(--muted)}
.journey-intro-art img,.journey-art img{width:100%;background:#fff;border-radius:22px;box-shadow:var(--shadow)}
.journey-intro-art img{max-height:670px;object-fit:contain;padding:12px}
.journey-stream{overflow:hidden}
.journey-stop{position:relative}
.journey-soft{background:linear-gradient(180deg,#f5fbfa 0%,#fcfefd 100%)}
.journey-row{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}
.journey-row-reverse{grid-template-columns:.75fr 1.25fr}
.journey-row-reverse .journey-art{order:2}.journey-row-reverse .journey-copy{order:1}
.journey-art{position:relative;will-change:transform}
.journey-art img{max-height:720px;object-fit:contain;padding:12px}
.journey-copy{max-width:470px}
.journey-number{font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;color:var(--aqua);font-weight:700;margin:0 0 10px}
.journey-copy h2,.journey-end h2{font-family:var(--sans);font-size:clamp(2.7rem,4.8vw,5.1rem);line-height:1;letter-spacing:-.05em;font-weight:500;margin:0 0 22px}
.journey-copy p:not(.journey-number):not(.script-kicker){font-size:1.08rem;color:var(--muted)}
.journey-end{text-align:center;background:linear-gradient(180deg,#fffdf9 0%,#f3fbfa 100%)}
.journey-end-inner{max-width:760px}
.journey-end h2{max-width:none}
.journey-end-inner>p:not(.script-kicker){font-size:1.08rem;color:var(--muted);max-width:54ch;margin-inline:auto}
.journey-actions{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:20px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.gentle-float.is-animating{animation:gentleFloat 7s ease-in-out infinite alternate}
.slow-drift.is-animating{animation:slowDrift 9s ease-in-out infinite alternate}
.warm-pulse.is-animating{animation:warmPulse 8s ease-in-out infinite alternate}
.bloom-motion.is-animating{animation:bloomMotion 8.5s ease-in-out infinite alternate}
@keyframes gentleFloat{from{transform:translate3d(0,0,0) rotate(-.15deg)}to{transform:translate3d(0,-10px,0) rotate(.2deg)}}
@keyframes slowDrift{from{transform:translate3d(-4px,0,0)}to{transform:translate3d(7px,-6px,0)}}
@keyframes warmPulse{from{transform:scale(1)}to{transform:scale(1.012)}}
@keyframes bloomMotion{from{transform:translateY(0) scale(1)}to{transform:translateY(-7px) scale(1.008)}}
@media (max-width:980px){.journey-hero-grid,.journey-row,.journey-row-reverse{grid-template-columns:1fr;gap:38px}.journey-row-reverse .journey-art,.journey-row-reverse .journey-copy{order:initial}.journey-hero h1{max-width:13ch}.journey-copy{max-width:650px}}
@media (max-width:680px){.journey-hero{padding-top:52px}.journey-hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}.journey-copy h2,.journey-end h2{font-size:2.55rem}.journey-row{gap:28px}.journey-art img,.journey-intro-art img{border-radius:16px;padding:7px}.journey-actions{flex-direction:column;gap:0;align-items:center}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.gentle-float.is-animating,.slow-drift.is-animating,.warm-pulse.is-animating,.bloom-motion.is-animating{animation:none!important}}

/* v0.13 — Strukturversion */
:root{--paper:#fffdfa;--soft:#faf7f0}
body{background:var(--paper)}
.soft-bg{background:linear-gradient(180deg,#fbf8f1 0%,#fffdfa 100%)}
.warm-wash{background:linear-gradient(90deg,rgba(223,176,83,.055),rgba(255,253,250,.82),rgba(213,27,112,.016))}
.brand-logo{width:min(158px,26vw);max-height:52px}
.hero-title{font-size:clamp(3rem,5.7vw,5.65rem);letter-spacing:-.045em;max-width:9ch}
.story-copy h2{font-size:clamp(2.2rem,3.65vw,3.75rem);letter-spacing:-.035em}
.story-grid-wide .art-frame{max-width:720px}
.story-grid-wide .art-frame img{max-height:560px;object-fit:contain}
.cards{gap:32px}.card{border-radius:20px}.card img{height:360px;padding:10px}.card-body{padding:25px 27px 30px}.card h3{font-size:1.5rem}
@media(max-width:980px){.brand-logo{width:148px}.card img{height:330px}}
@media(max-width:680px){.brand-logo{width:138px}.card img{height:300px}.hero-title{max-width:11ch}}

/* content pages */
.content-hero{padding:82px 0 68px;background:linear-gradient(180deg,#fffdfa 0%,#fbf8f1 100%)}
.content-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.content-hero h1{font-size:clamp(3rem,5.4vw,5.5rem);line-height:.98;letter-spacing:-.045em;font-weight:500;margin:0 0 24px}.content-hero p{font-size:1.08rem;color:var(--muted);max-width:52ch}.content-hero img{width:100%;max-height:620px;object-fit:contain;border-radius:22px;background:#fff;padding:10px;box-shadow:var(--shadow)}
.content-section{padding:88px 0}.content-section.alt{background:#fbf8f1}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.content-grid.reverse .content-media{order:2}.content-grid.reverse .content-copy{order:1}.content-media img{width:100%;max-height:620px;object-fit:contain;border-radius:20px;background:#fff;padding:10px;box-shadow:var(--shadow)}.content-copy h2{font-size:clamp(2.2rem,3.7vw,3.8rem);line-height:1.05;letter-spacing:-.035em;font-weight:500;margin:0 0 20px}.content-copy p{color:var(--muted);max-width:56ch}.content-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.content-list li{padding-left:22px;position:relative}.content-list li:before{content:'•';position:absolute;left:0;color:var(--rose);font-weight:700}.page-cta{text-align:center;padding:92px 0;background:linear-gradient(180deg,#fffdfa,#f7fbf8)}.page-cta h2{font-size:clamp(2.35rem,4vw,4.1rem);font-weight:500;letter-spacing:-.04em;margin:0 auto 18px;max-width:16ch}.page-cta p{max-width:55ch;margin:0 auto;color:var(--muted)}
@media(max-width:900px){.content-hero-grid,.content-grid{grid-template-columns:1fr;gap:38px}.content-grid.reverse .content-media,.content-grid.reverse .content-copy{order:initial}}

/* v0.14 legal pages */
.legal-main{min-height:70vh}
.legal-hero{padding:clamp(3rem,7vw,6rem) 0 2rem;background:linear-gradient(180deg,rgba(248,244,235,.72),rgba(255,255,255,.86))}
.legal-wrap{max-width:920px}
.legal-hero h1{margin:.25rem 0 .75rem;font-size:clamp(2.6rem,6vw,5rem);line-height:1.02}
.legal-section{padding:2rem 0 5rem}
.legal-copy{font-size:1rem;line-height:1.75}
.legal-copy h2{margin:2.25rem 0 .75rem;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.2}
.legal-copy h3{margin:1.4rem 0 .45rem;font-size:1.05rem}
.legal-copy p{margin:.4rem 0 1rem}
.legal-copy a{color:var(--pink,#d81b60);text-decoration-thickness:1px;text-underline-offset:3px}

/* v0.15 — finale Front-Wortmarke von Raphaela / Andrea */
.hero-title-graphic{margin:0 0 26px;max-width:none;line-height:1}
.hero-title-graphic img{display:block;width:min(100%,620px);height:auto;object-fit:contain;object-position:left center}
@media(max-width:980px){.hero-title-graphic img{width:min(100%,590px)}}
@media(max-width:680px){.hero-title-graphic{margin-bottom:22px}.hero-title-graphic img{width:min(100%,520px)}}

/* v0.17 — Pinselstrich zeichnet sich langsam und schwungvoll, bleibt am Ende sichtbar */
.brush-cta-v11{ isolation:isolate; }
.brush-cta-v11 .brush-art-v11{
  clip-path:inset(0 100% 0 0);
  will-change:clip-path;
}
.brush-cta-v11.is-painted .brush-art-v11{
  animation:brushDraw11 2.6s cubic-bezier(.32,.72,.1,1) forwards;
}
@keyframes brushDraw11{
  0%   { clip-path:inset(0 100% 0 0); }
  6%   { clip-path:inset(0 97% 0 0); }   /* der Pinsel setzt an */
  22%  { clip-path:inset(0 74% 0 0); }   /* zügiger erster Schwung */
  46%  { clip-path:inset(0 46% 0 0); }
  70%  { clip-path:inset(0 22% 0 0); }
  88%  { clip-path:inset(0 7% 0 0); }
  100% { clip-path:inset(0 0% 0 0); }    /* vollständig sichtbar — bleibt so */
}

.brush-tip-v11{
  position:absolute; top:6%; left:-4%;
  width:30px; height:30px; margin:-15px 0 0 -15px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 45%, rgba(255,255,255,0) 72%);
  mix-blend-mode:screen;
  opacity:0; z-index:3; pointer-events:none;
}
.brush-cta-v11.is-painted .brush-tip-v11{
  animation:brushTip11 2.6s cubic-bezier(.32,.72,.1,1) forwards;
}
@keyframes brushTip11{
  0%   { left:-2%;  top:58%; opacity:0; }
  6%   { left:2%;   top:57%; opacity:.9; }
  22%  { left:24%;  top:46%; opacity:.9; }
  46%  { left:50%;  top:33%; opacity:.9; }
  70%  { left:75%;  top:19%; opacity:.85; }
  88%  { left:91%;  top:9%;  opacity:.6; }
  100% { left:99%;  top:4%;  opacity:0; }
}

@media(max-width:680px){
  .brush-tip-v11{ width:22px; height:22px; margin:-11px 0 0 -11px; }
}
@media (prefers-reduced-motion:reduce){
  .brush-cta-v11 .brush-art-v11{ clip-path:none; animation:none!important; }
  .brush-tip-v11{ display:none; }
}

/* v0.16 — „Zieh einen bunten Gedanken“ */
.thought-picker{text-align:center}
.thought-picker .journey-lead{margin-inline:auto}
.thought-drops{display:flex;justify-content:center;gap:20px;margin:32px 0 28px;flex-wrap:wrap}
.thought-drop{width:54px;height:54px;border:none;border-radius:50% 50% 50% 6px;background:var(--drop-color,var(--rose));cursor:pointer;box-shadow:0 8px 18px rgba(23,35,63,.16);transition:transform .25s ease,box-shadow .25s ease}
.thought-drop:hover{transform:scale(1.12) rotate(-6deg)}
.thought-drop:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.thought-result{font-family:var(--script);font-size:1.7rem;line-height:1.4;max-width:32ch;margin:0 auto;min-height:3.4em;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}
.thought-result.show{opacity:1}
@media(max-width:680px){.thought-drop{width:46px;height:46px}.thought-result{font-size:1.35rem}}

/* v0.18: Frontmarke kleiner, gelieferte Andrea-Texte */
.hero-title-graphic img{width:min(82%,500px)}
.source-quote{font-family:var(--script);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.35;color:var(--rose);margin:22px 0;max-width:34ch}
.wide-copy{max-width:820px;margin-inline:auto;text-align:left}
@media(max-width:980px){.hero-title-graphic img{width:min(78%,460px)}}
@media(max-width:680px){.hero-title-graphic img{width:min(86%,420px)}}

/* v0.19 — Andrea-Abstimmung 27.08.2026 */
/* Header-Wortmarke sichtbar größer; Frontgrafik bleibt bewusst zurückhaltend. */
.brand-logo{width:min(190px,31vw);max-height:62px}
.nav-wrap{min-height:84px}
.hero-title-graphic img{width:min(88%,540px)}
.signature-dark{color:var(--ink)!important}
/* organische Papierkante statt harter Farbübergänge */
.paper-edge{position:relative;margin-top:22px}
.paper-edge-top::before{content:"";position:absolute;left:0;right:0;top:-30px;height:32px;background:inherit;clip-path:polygon(0 62%,6% 48%,13% 67%,20% 43%,29% 61%,37% 40%,46% 58%,55% 39%,64% 62%,73% 44%,82% 65%,91% 46%,100% 58%,100% 100%,0 100%);pointer-events:none}
.text-led{padding:92px 0 70px}.text-led .wide-copy{max-width:820px}
.nav a.active{color:var(--rose);font-weight:600}
@media(max-width:980px){.brand-logo{width:174px}.nav-wrap{min-height:80px}.hero-title-graphic img{width:min(84%,500px)}}
@media(max-width:680px){.brand-logo{width:158px;max-height:58px}.nav-wrap{min-height:78px}.hero-title-graphic img{width:min(88%,430px)}.paper-edge{margin-top:14px}.paper-edge-top::before{top:-22px;height:24px}}

/* v0.20 – Andrea-Abstimmung: Logo, Kontakt und kompakter Rollenraum */
.brand-logo{width:min(214px,34vw);max-height:68px}
.contact-actions-v20{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.contact-button{background:var(--rose)!important;color:#fff!important;border-radius:999px!important;padding:12px 20px!important;box-shadow:0 8px 20px rgba(213,27,112,.18)!important;font-size:.9rem!important;font-weight:700!important;display:inline-flex!important;gap:8px;align-items:center}
.contact-button:hover{background:var(--rose-dark)!important;transform:translateY(-1px)}
.contact-mailbox{margin:0;display:flex;justify-content:center;align-items:center}
.contact-mailbox img{width:min(100%,430px);max-height:520px;object-fit:contain;display:block;background:#fff;border-radius:22px;padding:8px;box-shadow:0 16px 45px rgba(23,35,63,.08)}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.role-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px;box-shadow:0 12px 32px rgba(23,35,63,.05)}
.role-card h2{font-size:1.12rem;letter-spacing:-.02em;margin:0 0 10px;font-weight:650;color:var(--ink)}
.role-card p{margin:0;color:var(--muted);font-size:.94rem}
.role-emphasis{background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow);font-family:var(--script);font-size:1.45rem;line-height:1.55;color:var(--rose)}
.role-emphasis p{margin:0}
.role-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin:30px 0}
.role-list div{display:grid;gap:5px;padding:16px 0;border-top:1px solid var(--line)}
.role-list strong{color:var(--ink)}
.role-list span{color:var(--muted);font-size:.94rem}
@media(max-width:980px){.brand-logo{width:194px}.role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.brand-logo{width:176px;max-height:64px}.contact-actions-v20{align-items:flex-start;flex-direction:column;gap:12px}.contact-mailbox img{max-width:310px}.role-grid,.role-list{grid-template-columns:1fr}.role-card{padding:22px 20px}.role-emphasis{font-size:1.25rem;padding:26px}}

/* v0.21 – Über Andrea */
.andrea-intro .wide-copy{max-width:900px}
.andrea-intro h1{max-width:11ch}
.andrea-lead{font-size:clamp(1.18rem,2vw,1.5rem)!important;line-height:1.65;color:var(--ink)!important}
.andrea-statement{min-height:320px;border-radius:28px;padding:46px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff5f9,#f4fbf8);box-shadow:var(--shadow);transform:rotate(1deg)}
.andrea-statement.soft{background:linear-gradient(145deg,#fffaf2,#f6fbff);transform:rotate(-1deg)}
.andrea-statement p{font-family:var(--script);font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.22;color:var(--rose);margin:0;max-width:12ch}
.andrea-symbols{display:flex;flex-wrap:wrap;gap:14px;align-content:center;justify-content:center;min-height:320px;padding:38px;border-radius:28px;background:linear-gradient(145deg,#f6fbf8,#fff8ef)}
.andrea-symbols span{font-family:var(--script);font-size:clamp(1.5rem,2.7vw,2.35rem);padding:10px 18px;color:var(--ink);transform:rotate(-2deg)}
.andrea-symbols span:nth-child(even){color:var(--rose);transform:rotate(2deg)}
.andrea-manifest{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.andrea-manifest span{border:1px solid var(--line);border-radius:999px;padding:12px 18px;background:#fff;font-weight:600}
.andrea-home p{font-size:1.05rem;line-height:1.75}
@media(max-width:680px){.andrea-statement{min-height:240px;padding:30px}.andrea-symbols{min-height:240px;padding:24px}.andrea-manifest{flex-direction:column;align-items:flex-start}}

/* v0.22 – Andreas neues Wunschportrait */
.portrait-card img{aspect-ratio:3/4;object-fit:cover;object-position:center 42%;}


/* v0.23 – neue Atelierfotos: gezielt statt dekorativ */
.andrea-photo img{max-height:560px;object-fit:cover;object-position:center;border-radius:26px}
.andrea-photo.portrait img{aspect-ratio:4/5;object-position:center 28%}
.andrea-photo-quote{margin:34px auto 0;text-align:center;max-width:36ch}
@media(max-width:680px){.andrea-photo img{max-height:460px}.andrea-photo-quote{margin-top:26px}}


/* v0.24 – Signature-Angebote */
.offer-hero{padding:86px 0 74px;background:linear-gradient(180deg,#fffdfa 0%,#fbf8f1 100%)}
.offer-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.offer-copy h1{font-size:clamp(3.1rem,5.5vw,5.8rem);line-height:.98;letter-spacing:-.05em;font-weight:520;margin:0 0 24px;max-width:11ch}
.offer-lead{font-size:clamp(1.18rem,2vw,1.45rem);line-height:1.55;color:var(--ink)!important;max-width:38ch!important}
.offer-copy p{color:var(--muted);max-width:54ch}
.signature-visual{min-height:390px;border-radius:32px;background:linear-gradient(145deg,#fff5f9,#f4fbf8);box-shadow:var(--shadow);position:relative;overflow:hidden}
.signature-visual-funke{background:radial-gradient(circle at 38% 52%,rgba(231,164,45,.17),transparent 20%),linear-gradient(145deg,#fff8ec,#fff5f9 50%,#f0fbfa)}
.spark-core{position:absolute;left:34%;top:48%;width:28px;height:28px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 12px rgba(231,164,45,.14),0 0 45px rgba(231,164,45,.55)}
.spark-path{position:absolute;left:35%;top:54%;width:53%;height:4px;background:linear-gradient(90deg,var(--gold),var(--rose),var(--aqua));border-radius:99px;transform:rotate(-18deg);transform-origin:left center;opacity:.82}
.spark-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--rose)}.spark-dot.d1{left:53%;top:43%}.spark-dot.d2{left:69%;top:35%;background:var(--aqua)}.spark-dot.d3{left:82%;top:27%;background:var(--lime)}
.signature-visual-diamond{display:grid;place-items:center;background:linear-gradient(145deg,#f3fbfa,#fff7fb)}
.diamond-shape{width:230px;height:230px;position:relative;transform:rotate(45deg);border:2px solid rgba(38,174,184,.5);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(213,27,112,.06),rgba(38,174,184,.12));box-shadow:0 18px 40px rgba(23,35,63,.09)}
.diamond-shape span{position:absolute;background:rgba(23,35,63,.14)}.diamond-shape span:nth-child(1){width:1px;height:100%;left:50%}.diamond-shape span:nth-child(2){height:1px;width:100%;top:50%}.diamond-shape span:nth-child(3){height:1px;width:141%;top:50%;left:-20%;transform:rotate(45deg)}.diamond-shape span:nth-child(4){height:1px;width:141%;top:50%;left:-20%;transform:rotate(-45deg)}.diamond-shape span:nth-child(5){width:64px;height:64px;border-radius:50%;background:rgba(231,164,45,.18);left:83px;top:83px;box-shadow:0 0 35px rgba(231,164,45,.35)}
.signature-visual-atelier{background:linear-gradient(145deg,#fffaf1,#fff4f9 52%,#effafa)}
.paint{position:absolute;border-radius:58% 42% 62% 38% / 46% 61% 39% 54%;opacity:.82;filter:saturate(.95)}.paint.p1{width:155px;height:130px;left:12%;top:17%;background:var(--gold);transform:rotate(-13deg)}.paint.p2{width:190px;height:118px;right:10%;top:20%;background:var(--rose);transform:rotate(18deg)}.paint.p3{width:145px;height:160px;left:30%;bottom:10%;background:var(--aqua);transform:rotate(8deg)}.paint.p4{width:100px;height:90px;right:18%;bottom:18%;background:var(--lime);transform:rotate(-18deg)}.paint.p5{width:62px;height:62px;left:50%;top:43%;background:#7a5ca8;border-radius:50%}
.offer-narrow{max-width:820px}.offer-narrow h2,.offer-grid h2{font-size:clamp(2.2rem,3.8vw,3.9rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 20px;font-weight:520}.offer-narrow p,.offer-grid p{color:var(--muted)}
.offer-narrow blockquote{margin:32px 0 0;padding:26px 30px;border-left:4px solid var(--rose);background:#fff;border-radius:0 20px 20px 0;font-family:var(--script);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.45;color:var(--rose);box-shadow:0 12px 30px rgba(23,35,63,.05)}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.offer-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 14px 36px rgba(23,35,63,.06)}.offer-card.soft-card{background:linear-gradient(145deg,#fffdfa,#f5fbfa)}.offer-card h3{font-size:1.55rem;margin:0 0 12px;letter-spacing:-.025em}.mini-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem!important;color:var(--rose)!important;font-weight:700;margin:0 0 12px}
.offer-details{padding:90px 0;background:linear-gradient(145deg,#17233f,#26375c);color:#fff}.offer-details-card{max-width:920px;margin:auto}.offer-details-card .script-kicker{color:#ffd16a}.offer-details-card h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.04;max-width:14ch;margin:0 0 28px}.offer-details-card>p{color:rgba(255,255,255,.78);max-width:65ch}.offer-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.offer-facts div{padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.06)}.offer-facts strong{display:block;font-size:1.55rem;margin-bottom:4px}.offer-facts span{font-size:.88rem;color:rgba(255,255,255,.68)}
.signature-teaser{padding:82px 0;background:linear-gradient(145deg,#fff7fb,#f3fbfa)}.signature-teaser h2{font-size:clamp(2.2rem,3.8vw,3.8rem);line-height:1.05;margin:0 0 18px}.teaser-note{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;font-family:var(--script);font-size:clamp(1.6rem,3vw,2.5rem);color:var(--rose)}.teaser-note span:nth-child(even){color:var(--aqua);margin-left:32px}
@media(max-width:900px){.offer-hero-grid,.offer-grid{grid-template-columns:1fr;gap:38px}.signature-visual{min-height:320px}.offer-facts{grid-template-columns:1fr}.offer-copy h1{max-width:14ch}}
@media(max-width:680px){.offer-hero{padding:58px 0 52px}.signature-visual{min-height:260px}.diamond-shape{width:170px;height:170px}.diamond-shape span:nth-child(5){width:46px;height:46px;left:62px;top:62px}.offer-card{padding:26px 22px}.offer-narrow blockquote{padding:22px 20px}.signature-teaser{padding:60px 0}}


/* v0.25 – Andrea-Feinschliff 06.09.2026 */
.script-kicker{font-size:clamp(1.85rem,3vw,2.45rem)!important;color:var(--rose)!important;line-height:1.12!important;margin-bottom:12px!important}
.signature-art{margin:0;min-height:390px;border-radius:32px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px}
.signature-art img{width:100%;height:100%;max-height:500px;object-fit:contain;display:block}
.signature-art-funke img{transform:scale(1.04)}
.signature-art-diamant img{max-width:560px}
.children-time .offer-card{align-self:center}
@media(max-width:680px){.script-kicker{font-size:1.7rem!important}.signature-art{min-height:280px;padding:14px}.signature-art img{max-height:360px}}

/* v0.26 – helle Atelierwelt, Kinderzeit & kurzer Atelier-Impuls */
.offer-hero-atelier{background:linear-gradient(145deg,#fffdf8 0%,#fff6f9 52%,#f4fbfa 100%)}
.signature-art-atelier{padding:0;background:#fffdf8}
.signature-art-atelier img{max-height:620px;object-fit:cover;object-position:center}
body:has(.offer-hero-atelier) .offer-details{background:linear-gradient(145deg,#fff8f3,#fff4f8 48%,#effafa);color:var(--ink)}
body:has(.offer-hero-atelier) .offer-details-card .script-kicker{color:var(--rose)!important}
body:has(.offer-hero-atelier) .offer-details-card>p{color:var(--muted)}
body:has(.offer-hero-atelier) .offer-facts div{border-color:rgba(23,35,63,.1);background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(23,35,63,.05)}
body:has(.offer-hero-atelier) .offer-facts span{color:var(--muted)}
.children-prices{display:grid;gap:9px;margin:22px 0 10px}.children-prices span{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:1.05rem}.children-prices strong{font-weight:600}.price-note{font-size:.82rem!important;color:var(--muted)!important}
.bunter-moment{background:linear-gradient(145deg,#f4fbfa,#fff8fb)}
.bunter-moment .moment-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:0 14px 36px rgba(23,35,63,.05)}
.bunter-moment .moment-meta{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.bunter-moment .moment-meta span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 14px;font-size:.9rem}
/* v0.27 – Buch-Entdeckungsreise */
.book-journey{background:#fffdf9}.book-opening{min-height:78vh;display:grid;place-items:center;text-align:center;padding:9rem 1.5rem 5rem;background:radial-gradient(circle at 50% 35%,#fff4f7 0,#fffdf9 48%,#fff 100%)}.book-opening-inner{max-width:900px}.book-opening h1{font-size:clamp(3.3rem,8vw,7.2rem);margin:.2em 0;color:#29222a}.book-lead{font-size:clamp(1.2rem,2.4vw,1.75rem);line-height:1.65}.book-scroll{display:inline-block;margin-top:2rem;text-decoration:none;color:#c94e79;font-weight:700}.book-station{max-width:1180px;margin:0 auto;padding:8rem 2rem;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:6vw;align-items:center}.book-station.reverse{grid-template-columns:minmax(420px,1.2fr) minmax(260px,.8fr)}.book-station.reverse .book-copy{order:2}.book-station figure{margin:0}.book-station img,.book-reveal img,.book-origin img{width:100%;height:auto;display:block}.book-copy h2{font-size:clamp(2rem,4vw,3.6rem);margin:.15em 0 .5em}.book-no{font-size:.82rem;letter-spacing:.2em;color:#c94e79}.book-question{font-size:1.35rem;line-height:1.6}.book-copy blockquote,.book-still blockquote{font-size:1.35rem;line-height:1.6;margin:1.4rem 0;font-style:italic}.choice-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.choice-row button{border:1px solid #e8c6d2;background:#fff;border-radius:999px;padding:.7rem 1rem;cursor:pointer;font:inherit}.choice-row button:hover,.choice-row button.chosen{background:#fff0f5}.choice-answer{min-height:1.5em;font-style:italic}.book-still{padding:10rem 2rem 12rem;background:#fff}.still-inner{max-width:820px;margin:auto;text-align:center}.book-still img{width:min(100%,720px);display:block;margin:2.5rem auto 3rem}.still-line{font-size:clamp(1.25rem,2.4vw,1.8rem);margin:3rem auto;max-width:700px}.book-reveal{padding:9rem 2rem;background:#fff8f3}.reveal-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.book-origin{padding:10rem 2rem;text-align:center}.origin-inner{max-width:860px;margin:auto}.origin-inner>p{max-width:720px;margin:1.2rem auto;line-height:1.8}.origin-words{font-weight:700;letter-spacing:.04em}.book-origin figure{max-width:760px;margin:4rem auto}.final-title{font-size:clamp(3rem,7vw,6rem);margin-top:4rem}.final-whisper{font-family:'MrsKate','Segoe Print',cursive!important;font-size:clamp(1.5rem,3vw,2.4rem);color:#c94e79}.book-origin .btn{margin-top:1.5rem}.book-journey .script-kicker{color:#d04d7d!important}
@media(max-width:780px){.book-station,.book-station.reverse,.reveal-grid{grid-template-columns:1fr;gap:2.5rem;padding-top:5rem;padding-bottom:5rem}.book-station.reverse .book-copy{order:0}.book-opening{min-height:68vh}.book-still,.book-reveal,.book-origin{padding-top:6rem;padding-bottom:6rem}}

/* v0.28 – Andrea: alle Angebotsbereiche heller und leichter */
.offer-details{background:linear-gradient(145deg,#fff8f3 0%,#fff4f8 48%,#effafa 100%);color:var(--ink)}
.offer-details-card .script-kicker{color:var(--rose)!important}
.offer-details-card>p{color:var(--muted)}
.offer-facts div{border-color:rgba(23,35,63,.10);background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(23,35,63,.05)}
.offer-facts span{color:var(--muted)}

/* v0.29 – Denk doch mal bunt wird zu einem echten digitalen Blaetterbuch */
.book-flip-page{background:#fffaf7}.book-flip-intro{text-align:center;padding:86px 20px 48px;background:radial-gradient(circle at 50% 25%,#fff0f5 0,#fffaf7 45%,#fff 100%)}.book-flip-intro .wrap{max-width:900px}.book-flip-intro h1{font-size:clamp(3.2rem,7vw,6.5rem);margin:.12em 0 .22em;letter-spacing:-.045em}.book-flip-intro>div>p:not(.script-kicker){font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.65}.book-hint{margin-top:28px!important;color:var(--muted);font-size:.95rem!important}.book-stage{padding:24px 24px 90px}.book-shell{position:relative;max-width:1320px;height:min(76vh,820px);min-height:650px;margin:0 auto;perspective:2200px;filter:drop-shadow(0 26px 42px rgba(42,35,48,.13))}.book-shell:after{content:"";position:absolute;left:50%;top:2%;bottom:2%;width:2px;z-index:20;background:linear-gradient(180deg,transparent,rgba(70,55,60,.12) 12%,rgba(70,55,60,.18) 50%,rgba(70,55,60,.12) 88%,transparent);pointer-events:none}.book-spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease}.book-spread.active{visibility:visible;opacity:1;pointer-events:auto;transform:none;z-index:5}.book-leaf{min-width:0;background:#fffdf9;border:1px solid rgba(72,55,61,.08);overflow:hidden}.book-leaf:first-child{border-radius:24px 4px 4px 24px;box-shadow:inset -22px 0 32px -30px rgba(40,30,35,.35)}.book-leaf:last-child{border-radius:4px 24px 24px 4px;box-shadow:inset 22px 0 32px -30px rgba(40,30,35,.35)}.book-image-leaf{display:flex;align-items:center;justify-content:center;padding:22px;background:#fff}.book-image-leaf img{display:block;width:100%;height:100%;object-fit:contain}.cover-leaf{background:linear-gradient(145deg,#fff9f5,#fff)}.book-text-leaf{padding:clamp(38px,5vw,78px);display:flex;flex-direction:column;justify-content:center;position:relative}.book-text-leaf h2{font-size:clamp(2rem,3.3vw,3.7rem);line-height:1.04;letter-spacing:-.035em;margin:.2em 0 .55em}.book-text-leaf p{line-height:1.75;color:var(--muted);max-width:48ch}.book-page-no{position:absolute;right:34px;bottom:24px;font-size:.75rem;letter-spacing:.18em;color:#c9aeb8}.book-big-question{font-size:clamp(1.18rem,1.8vw,1.5rem)!important;color:var(--ink)!important;line-height:1.55!important}.book-text-leaf blockquote{font-family:var(--script);font-size:clamp(1.55rem,2.5vw,2.25rem);line-height:1.45;color:var(--rose);margin:12px 0 28px}.quiet-spread .book-text-leaf{background:#fff}.quiet-line{font-size:clamp(1.15rem,1.8vw,1.45rem);margin:18px 0}.final-spread .book-text-leaf{background:linear-gradient(145deg,#fff8f3,#fff5f9 52%,#f4fbfa)}.final-spread .final-title{font-size:clamp(2.5rem,4vw,4.8rem);margin:28px 0 0}.final-spread .final-whisper{margin:6px 0;color:var(--rose);font-family:var(--script);font-size:clamp(1.4rem,2.3vw,2rem)}.book-controls{max-width:1320px;margin:26px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.book-controls button{border:0;background:transparent;font:600 .92rem var(--sans);color:var(--rose);cursor:pointer;padding:12px 4px}.book-controls button:last-child{text-align:right}.book-controls button:first-child{text-align:left}.book-controls button:disabled{opacity:.3;cursor:default}.book-progress{font-size:.8rem;letter-spacing:.12em;color:var(--muted)}.book-after{text-align:center;padding:92px 20px 110px;background:linear-gradient(180deg,#fff,#fff8f3)}.book-after .wrap{max-width:760px}.book-after h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.08;margin:.2em auto .5em}.book-after p{color:var(--muted);margin-bottom:28px}.book-spread.turn-in-right{animation:bookInRight .5s ease}.book-spread.turn-in-left{animation:bookInLeft .5s ease}@keyframes bookInRight{from{opacity:0;transform:rotateY(-7deg) translateX(18px)}to{opacity:1;transform:none}}@keyframes bookInLeft{from{opacity:0;transform:rotateY(7deg) translateX(-18px)}to{opacity:1;transform:none}}
.home-book-teaser{padding:96px 0;background:linear-gradient(135deg,#fff7fb 0%,#fffdf9 48%,#f2fbfa 100%)}.home-book-teaser-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.home-book-teaser-art{margin:0;position:relative;transform:rotate(-2deg)}.home-book-teaser-art img{display:block;width:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(40,30,35,.13))}.home-book-teaser h2{font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1.04;letter-spacing:-.04em;margin:.15em 0 .4em}.home-book-teaser .book-invite{font-family:var(--script);font-size:clamp(1.45rem,2.3vw,2rem);color:var(--rose);line-height:1.45}.nav a[href="buchreise.html"]{white-space:nowrap}
@media(max-width:900px){.book-shell{height:auto;min-height:0;filter:none}.book-spread{position:relative;inset:auto;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none}.book-spread.active{display:grid}.book-shell:after{display:none}.book-leaf:first-child,.book-leaf:last-child{border-radius:20px;box-shadow:0 14px 34px rgba(40,30,35,.08)}.book-image-leaf{height:min(58vh,560px);padding:12px}.book-text-leaf{min-height:440px;margin-top:14px;padding:38px 28px}.book-controls{max-width:680px}.home-book-teaser-grid{grid-template-columns:1fr;gap:34px}.home-book-teaser-art{max-width:580px;margin:auto}.home-book-teaser-copy{text-align:center}.book-stage{padding-inline:14px}.book-flip-intro{padding-top:58px}}
@media(prefers-reduced-motion:reduce){.book-spread.turn-in-right,.book-spread.turn-in-left{animation:none}}
/* v0.31 – Buchreise: neue, eigens vorbereitete Buchseiten */
.book-flip-page .book-shell{max-width:1240px}
.book-flip-page .book-spread{min-height:720px}
.book-flip-page .book-image-leaf{padding:18px;align-items:center;justify-content:center;background:#fffdf9}
.book-flip-page .book-image-leaf img{width:100%;height:100%;max-height:680px;object-fit:contain;object-position:center;filter:none}
.book-flip-page .cover-leaf{padding:10px;background:#fff}
.book-flip-page .cover-leaf img{max-height:700px}
.book-flip-page .final-visual-leaf{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#fffaf6,#fff,#f8fbfa)}
@media(max-width:820px){.book-flip-page .book-spread{min-height:auto}.book-flip-page .book-image-leaf img{height:auto;max-height:none}.book-flip-page .book-image-leaf{padding:10px}}
/* v0.33 */
.andrea-intro .andrea-photo img{width:100%;max-height:680px;object-fit:contain;object-position:center}
.book-price{font-size:1.25rem;color:var(--ink)!important}
@media (min-width:901px) and (max-height:820px){.book-flip-page .book-shell{height:620px;min-height:560px}.book-flip-page .book-spread{min-height:560px}.book-flip-page .book-image-leaf img{max-height:540px}.book-stage{padding-bottom:44px}.book-controls{position:relative;z-index:30;margin-top:18px}}
@media (max-width:900px){.andrea-intro .content-grid{grid-template-columns:1fr}.andrea-intro .andrea-photo{max-width:620px;margin:0 auto}}

/* v0.34 – audit corrections */
.script-kicker{transform:none!important}
.home-book-teaser-art{transform:none!important;display:flex;justify-content:center}
.book-object{position:relative;width:min(100%,470px);background:#fff;border-radius:3px 10px 10px 3px;padding:0 10px 10px 0;box-shadow:0 24px 42px rgba(40,30,35,.18),8px 10px 0 #eee7df,12px 14px 0 #faf7f1;overflow:visible}
.book-object:before{content:"";position:absolute;left:-8px;top:8px;bottom:4px;width:9px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#d7d0c7,#f7f2eb);box-shadow:inset -1px 0 rgba(0,0,0,.08)}
.book-object img{width:100%;height:auto;max-height:none!important;object-fit:contain;filter:none!important;border-radius:2px 7px 7px 2px}
.book-buy-facts{display:flex;flex-direction:column;gap:4px;margin:8px 0 18px;padding:16px 18px;border-radius:16px;background:#fff5f8}
.book-buy-facts strong{font-size:2rem;color:var(--rose)}
.book-buy-facts span{font-size:.9rem;color:var(--muted);line-height:1.5}
.book-buy-leaf .contact-button{align-self:flex-start;margin-top:8px}
.book-end-mark{font-family:var(--script);font-size:clamp(4rem,8vw,7rem);color:var(--rose);margin-top:22px;line-height:1}


/* v0.35 – visuelles QA: robuste Papierkanten, niedrige Viewports, konsistente Ausrichtung */
.paper-edge{isolation:isolate}
.paper-edge-top::before{-webkit-clip-path:polygon(0 62%,6% 48%,13% 67%,20% 43%,29% 61%,37% 40%,46% 58%,55% 39%,64% 62%,73% 44%,82% 65%,91% 46%,100% 58%,100% 100%,0 100%);clip-path:polygon(0 62%,6% 48%,13% 67%,20% 43%,29% 61%,37% 40%,46% 58%,55% 39%,64% 62%,73% 44%,82% 65%,91% 46%,100% 58%,100% 100%,0 100%);z-index:0}
.paper-edge>.wrap,.paper-edge>div:not(.wrap){position:relative;z-index:1}
.script-kicker{transform:none!important}
.home-book-teaser-art,.home-book-teaser-art *{transform:none}
@media (min-width:901px) and (max-height:820px){
  .book-controls{position:sticky;bottom:10px;z-index:40;background:rgba(255,250,247,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(72,55,61,.08);border-radius:18px;padding:5px 16px;box-shadow:0 10px 30px rgba(42,35,48,.10)}
}
@media(max-width:680px){.book-controls{gap:10px}.book-controls button{font-size:.86rem}.book-progress{font-size:.7rem}}

/* v0.39 – Andrea-Seite: gerade Handschrift + mehr Bildraum */
.andrea-page .script-kicker{
  transform:none!important;
  rotate:0deg!important;
  display:block!important;
  width:max-content;
  max-width:100%;
  position:relative;
  inset:auto!important;
  line-height:1.16!important;
  text-rendering:geometricPrecision;
}
.andrea-photo-box{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.andrea-photo-box img{width:100%;height:100%;min-height:320px;max-height:520px;object-fit:cover;border-radius:28px;background:#fff;padding:8px;box-shadow:var(--shadow)}
.andrea-photo-box figcaption{font-family:var(--script);font-size:1.5rem;color:var(--rose);margin-top:12px;text-align:center}
.compact-quote{margin-top:26px!important;font-size:1.22rem!important;line-height:1.5!important;max-width:46ch!important}
@media(max-width:900px){.andrea-photo-box img{min-height:260px;max-height:460px}.andrea-page .script-kicker{width:auto}}

/* v0.49 – Lebendige Werke: Bewegung bleibt leise und im Bild */
.living-art{position:relative;isolation:isolate}
.living-art .living-art-image{transform:translateZ(0);will-change:transform,filter;transition:transform 1.8s cubic-bezier(.2,.7,.2,1),filter 1.8s ease}
.living-art::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:2;border-radius:inherit;transition:opacity 1.4s ease}
.living-art.is-awake::after{opacity:1}
.living-bird.is-awake .living-art-image{animation:livingBird 4.8s ease-in-out both}
.living-fire.is-awake .living-art-image{animation:livingFire 3.8s ease-in-out both}
.living-fire::after{background:radial-gradient(circle at 50% 64%,rgba(255,226,153,.20),transparent 42%)}
.living-flowers .living-art-image{transform-origin:50% 92%}
.living-flowers.is-awake .living-art-image{animation:livingFlowers 5.2s ease-in-out both}
.living-ships.is-awake .living-art-image{animation:livingShips 5.4s ease-in-out both}
.living-sun.is-awake .living-art-image{animation:livingSun 4.6s ease-in-out both}
.living-sun::after{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.25),transparent 54%)}
.living-now.is-awake .living-art-image{animation:livingNow 4.8s ease-in-out both}
.living-now::after{background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.22) 48%,transparent 68%);transform:translateX(-45%);animation:none}
.living-now.is-awake::after{animation:livingLight 4.4s ease-in-out both}
.living-houses.is-awake .living-art-image{animation:livingHouses 5s ease-in-out both}
.living-houses::after{background:radial-gradient(circle at 32% 46%,rgba(255,235,171,.22),transparent 13%),radial-gradient(circle at 68% 58%,rgba(255,235,171,.16),transparent 11%)}
.living-creative.is-awake .living-art-image{animation:livingCreative 4.8s ease-in-out both}
.living-creative::after{background:radial-gradient(circle at 58% 28%,rgba(255,255,255,.22),transparent 8%),radial-gradient(circle at 38% 42%,rgba(255,255,255,.16),transparent 7%)}
@keyframes livingBird{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(2px,-5px) rotate(.45deg)}62%{transform:translate(-1px,-8px) rotate(-.35deg)}82%{transform:translate(1px,-3px) rotate(.2deg)}}
@keyframes livingFire{0%,100%{transform:scale(1);filter:brightness(1) saturate(1)}42%{transform:scale(1.012);filter:brightness(1.07) saturate(1.06)}70%{transform:scale(1.006);filter:brightness(1.03) saturate(1.03)}}
@keyframes livingFlowers{0%,100%{transform:rotate(0) scale(1)}28%{transform:rotate(.32deg) scale(1.006)}58%{transform:rotate(-.28deg) scale(1.009)}82%{transform:rotate(.16deg) scale(1.004)}}
@keyframes livingShips{0%,100%{transform:translateX(0) rotate(0)}38%{transform:translateX(3px) translateY(-1px) rotate(.18deg)}72%{transform:translateX(-2px) translateY(1px) rotate(-.12deg)}}
@keyframes livingSun{0%,100%{transform:scale(1);filter:brightness(1)}48%{transform:scale(1.012);filter:brightness(1.055)}76%{transform:scale(1.006);filter:brightness(1.025)}}
@keyframes livingNow{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@keyframes livingLight{0%{opacity:0;transform:translateX(-55%)}35%{opacity:.7}70%{opacity:.25}100%{opacity:0;transform:translateX(55%)}}
@keyframes livingHouses{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.008);filter:brightness(1.025)}}
@keyframes livingCreative{0%,100%{transform:scale(1) translateY(0)}38%{transform:scale(1.008) translateY(-2px)}72%{transform:scale(1.012) translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.living-art .living-art-image,.living-art::after{animation:none!important;transition:none!important}}

/* v0.51 — konkrete lebendige Details: das Werk bleibt ruhig, ein Detail erwacht */
.magic-art-host{position:relative!important;animation:none!important;transform:none!important}
.magic-art-stage{position:relative;display:block;isolation:isolate;overflow:hidden;border-radius:inherit}
.magic-art-stage>.magic-base-image{display:block;width:100%;height:auto;position:relative;z-index:1;transform:none!important;animation:none!important}
.magic-art-stage>.magic-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:4;pointer-events:none;will-change:transform,filter,opacity;transform:none}
.magic-art-stage>.magic-patch{position:absolute;background:#fff;z-index:2;pointer-events:none}
.magic-art-stage>.magic-patch-circle{border-radius:50%}

/* 1 — Stille: Vogel beugt sich zum gelben Kreis */
.magic-bird-peck .bird{transform-origin:73.4% 13.2%}
.magic-bird-peck.magic-awake .bird{animation:magicBirdPeck 3.8s cubic-bezier(.42,0,.28,1) 1 both}
@keyframes magicBirdPeck{
  0%,12%,100%{transform:translate(0,0) rotate(0)}
  34%{transform:translate(1.15%,-.15%) rotate(5deg)}
  48%{transform:translate(1.8%,.55%) rotate(9deg)}
  61%{transform:translate(1.2%,.05%) rotate(4deg)}
  76%{transform:translate(.2%,0) rotate(-1deg)}
}

/* 2 — Bücherturm: Hängematte schwingt kaum merklich */
.magic-hammock .hammock{transform-origin:42.5% 22.5%}
.magic-hammock.magic-awake .hammock{animation:magicHammock 5.8s ease-in-out 1 both}
@keyframes magicHammock{
  0%,100%{transform:rotate(0deg) translateY(0)}
  24%{transform:rotate(-1.25deg) translateY(.18%)}
  52%{transform:rotate(.95deg) translateY(.36%)}
  78%{transform:rotate(-.55deg) translateY(.12%)}
}

/* 3 — Anders sehen: die Noten schweben wie ein kurzer Klang */
.magic-notes .notes{transform-origin:9% 22%}
.magic-notes.magic-awake .notes{animation:magicNotes 5.2s ease-in-out 1 both}
@keyframes magicNotes{
  0%,100%{transform:translate(0,0) rotate(0)}
  20%{transform:translate(.25%,-.65%) rotate(-1.2deg)}
  42%{transform:translate(-.18%,-1.05%) rotate(1deg)}
  66%{transform:translate(.32%,-.55%) rotate(-.6deg)}
  84%{transform:translate(-.08%,-.22%) rotate(.35deg)}
}

/* 4 — Raum geben: Ballon hebt und senkt sich */
.magic-balloon .balloon{transform-origin:80% 27%}
.magic-balloon.magic-awake .balloon{animation:magicBalloon 6.2s ease-in-out 1 both}
@keyframes magicBalloon{
  0%,100%{transform:translateY(0) rotate(0)}
  28%{transform:translateY(-1.45%) rotate(-.6deg)}
  58%{transform:translateY(-2.15%) rotate(.55deg)}
  82%{transform:translateY(-.8%) rotate(-.25deg)}
}

/* 5 — Entfalten: Kolibri schwebt */
.magic-hummingbird .hummingbird{transform-origin:86% 10%}
.magic-hummingbird.magic-awake .hummingbird{animation:magicHummingbird 4.4s ease-in-out 1 both}
@keyframes magicHummingbird{
  0%,100%{transform:translate(0,0) rotate(0)}
  22%{transform:translate(-.55%,-.65%) rotate(-1.1deg)}
  48%{transform:translate(.35%,-1.15%) rotate(.75deg)}
  72%{transform:translate(-.25%,-.45%) rotate(-.45deg)}
}

/* 6 — Diamant: Sterne funkeln einzeln */
.magic-diamond-stars .magic-sparkle{position:absolute;width:13px;height:13px;z-index:5;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}
.magic-diamond-stars .magic-sparkle::before,.magic-diamond-stars .magic-sparkle::after{content:"";position:absolute;inset:0;margin:auto;background:#fff7a8;filter:drop-shadow(0 0 5px rgba(255,214,33,.95))}
.magic-diamond-stars .magic-sparkle::before{width:2px;height:100%;border-radius:50%}
.magic-diamond-stars .magic-sparkle::after{height:2px;width:100%;border-radius:50%}
.magic-diamond-stars.magic-awake .magic-sparkle{animation:magicTwinkle 2.35s ease-in-out var(--spark-delay) 2}
@keyframes magicTwinkle{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}45%{opacity:.95;transform:translate(-50%,-50%) scale(var(--spark-scale)) rotate(45deg)}70%{opacity:.22;transform:translate(-50%,-50%) scale(.55) rotate(75deg)}}

/* 7 — Buch Seite 4: die Welt dreht sich */
.magic-earth .earth{transform-origin:37.5% 35.5%}
.magic-earth.magic-awake .earth{animation:magicEarth 13.5s linear 1 both}
@keyframes magicEarth{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* 8 — Buch Seite 7: drei Schiffchen schwenken unterschiedlich */
.magic-book-ships .ship-a{transform-origin:14% 30%}
.magic-book-ships .ship-b{transform-origin:32% 29%}
.magic-book-ships .ship-c{transform-origin:49% 29%}
.magic-book-ships.magic-awake .ship-a{animation:magicShipA 5.8s ease-in-out 1 both}
.magic-book-ships.magic-awake .ship-b{animation:magicShipB 6.4s ease-in-out .18s 1 both}
.magic-book-ships.magic-awake .ship-c{animation:magicShipC 5.4s ease-in-out .34s 1 both}
@keyframes magicShipA{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-1.25deg) translateY(.28%)}62%{transform:rotate(1deg) translateY(-.18%)}82%{transform:rotate(-.45deg) translateY(.12%)}}
@keyframes magicShipB{0%,100%{transform:rotate(0) translateY(0)}28%{transform:rotate(.9deg) translateY(-.22%)}58%{transform:rotate(-1.1deg) translateY(.3%)}82%{transform:rotate(.35deg) translateY(.08%)}}
@keyframes magicShipC{0%,100%{transform:rotate(0) translateY(0)}22%{transform:rotate(-.75deg) translateY(.18%)}52%{transform:rotate(1.2deg) translateY(-.24%)}78%{transform:rotate(-.4deg) translateY(.08%)}}

@media (prefers-reduced-motion:reduce){
 .magic-art-stage>.magic-layer,.magic-diamond-stars .magic-sparkle{animation:none!important;transform:none!important;opacity:0!important}
}
/* v0.52 – Andreas Regie: freigestellte, erzählerische Bewegungen */
.magic052-host{position:relative!important;animation:none!important;transform:none!important}
.magic052-stage{position:relative;display:block;overflow:hidden;border-radius:inherit;isolation:isolate}
.magic052-base{display:block;width:100%;height:auto;position:relative;z-index:1;animation:none!important;transform:none!important}
.magic052-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:3;pointer-events:none;will-change:transform,opacity,filter}
.magic052-stage .peck{transform-origin:72.5% 11%}.magic052-stage.magic-awake .peck{animation:a52Peck 4.8s ease-in-out 1}
@keyframes a52Peck{0%,15%,100%{transform:rotate(0)}35%{transform:rotate(13deg) translate(1.1%,-.1%)}48%{transform:rotate(17deg) translate(1.7%,.3%)}62%{transform:rotate(10deg) translate(.8%,0)}}
.magic052-stage .hammock{transform-origin:50% 28%}.magic052-stage.magic-awake .hammock{animation:a52Hammock 6.6s ease-in-out 1}
@keyframes a52Hammock{0%,100%{transform:rotate(0)}18%{transform:rotate(2.5deg) translateY(.4%)}40%{transform:rotate(-3deg) translateY(.7%)}62%{transform:rotate(2.1deg) translateY(.3%)}82%{transform:rotate(-1.3deg)}}
.magic052-stage .birdfly{transform-origin:85% 88%}.magic052-stage.magic-awake .birdfly{animation:a52Bird 5.8s cubic-bezier(.42,0,.3,1) 1}
@keyframes a52Bird{0%,12%{transform:translate(0,0) rotate(0)}45%{transform:translate(-9%,-7%) rotate(-3deg)}72%{transform:translate(-24%,-13%) rotate(-5deg)}100%{transform:translate(-42%,-19%) rotate(-7deg);opacity:.05}}
.magic052-stage .balloon{transform-origin:80% 20%}.magic052-stage.magic-awake .balloon{animation:a52Balloon 7s ease-in-out 1}
@keyframes a52Balloon{0%,10%{transform:translate(0,0) rotate(0)}40%{transform:translate(-1%,-8%) rotate(-1.5deg)}72%{transform:translate(1%,-18%) rotate(1deg)}100%{transform:translate(2%,-31%) rotate(-1deg);opacity:.12}}
.magic052-stage .hummingbird{transform-origin:86% 10%}.magic052-stage.magic-awake .hummingbird{animation:a52Hummingbird 6.4s ease-in-out 1}
@keyframes a52Hummingbird{0%,10%{transform:translate(0,0) rotate(0)}28%{transform:translate(-3%,-2%) rotate(-2deg)}52%{transform:translate(2%,-8%) rotate(2deg)}76%{transform:translate(8%,-14%) rotate(-2deg)}100%{transform:translate(20%,-19%) rotate(1deg);opacity:.08}}
.magic052-stage .firespark{transform-origin:76% 16%}.magic052-stage.magic-awake .firespark{animation:a52Spark 5.7s cubic-bezier(.25,.7,.25,1) 1}
@keyframes a52Spark{0%,15%{transform:translate(0,0) rotate(0) scale(1)}45%{transform:translate(4%,-5%) rotate(8deg) scale(.95)}75%{transform:translate(10%,-12%) rotate(16deg) scale(.82)}100%{transform:translate(18%,-20%) rotate(24deg) scale(.62);opacity:0}}
.magic052-stage .stars{transform-origin:50% 20%}.magic052-stage.magic-awake .stars{animation:a52Stars 4.8s ease-in-out 1}
@keyframes a52Stars{0%,12%,100%{transform:scaleX(1);filter:brightness(1)}25%{transform:scaleX(.18);filter:brightness(1.55)}38%{transform:scaleX(1);filter:brightness(1)}54%{transform:scaleX(.28);filter:brightness(1.6)}67%{transform:scaleX(1);filter:brightness(1)}82%{transform:scaleX(.35);filter:brightness(1.45)}}
.magic052-stage .earth{transform-origin:38.7% 43.8%}.magic052-stage.magic-awake .earth{animation:a52Earth 14s linear 1}
@keyframes a52Earth{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.magic052-stage .ship{transform-origin:17% 32%}.magic052-stage.magic-awake .ship{animation:a52Ship 8.2s ease-in-out 1}
@keyframes a52Ship{0%,12%{transform:translate(0,0) rotate(0)}32%{transform:translate(-3%,.7%) rotate(-1.5deg)}55%{transform:translate(-9%,-.3%) rotate(1.2deg)}78%{transform:translate(-17%,.5%) rotate(-1deg)}100%{transform:translate(-30%,0) rotate(.5deg);opacity:.12}}
.magic052-stage .letter{transform-origin:28% 18%}.magic052-stage.magic-awake .letter{animation:a52Letter 5.5s cubic-bezier(.35,.05,.45,1) 1}
@keyframes a52Letter{0%,18%{transform:translate(0,0) rotate(0)}50%{transform:translate(-1%,7%) rotate(-3deg)}75%{transform:translate(2%,17%) rotate(4deg)}100%{transform:translate(4%,31%) rotate(8deg);opacity:.18}}
@media (prefers-reduced-motion:reduce){.magic052-layer{animation:none!important;transform:none!important}}

/* v0.53 prototype: Stille – the bird itself bends toward the yellow circle. */
.bird053-host{position:relative!important;animation:none!important;transform:none!important}
.bird053-stage{position:relative;display:block;overflow:hidden;border-radius:inherit;isolation:isolate}
.bird053-base{display:block;width:100%;height:auto;position:relative;z-index:1;animation:none!important;transform:none!important}
.bird053-layer{
  position:absolute;
  left:64.585%;
  top:6.722%;
  width:12.332%;
  height:auto;
  z-index:3;
  pointer-events:none;
  transform-origin:53% 96%;
  will-change:transform;
}
.bird053-stage.bird053-awake .bird053-layer{animation:bird053Peck 4.6s cubic-bezier(.42,0,.28,1) 1 both}
@keyframes bird053Peck{
  0%,18%,100%{transform:rotate(0deg) translate(0,0)}
  34%{transform:rotate(6deg) translate(.6%,.2%)}
  48%{transform:rotate(10deg) translate(1.4%,.7%)}
  58%{transform:rotate(11.5deg) translate(2%,1.1%)}
  68%{transform:rotate(7deg) translate(.8%,.4%)}
  82%{transform:rotate(1.5deg) translate(0,0)}
}
@media (prefers-reduced-motion:reduce){.bird053-layer{animation:none!important;transform:none!important}}


/* v0.54 — Vogel-Prototyp: animation layer must not inherit artwork frame styling. */
.art-frame .bird053-stage .bird053-layer{
  position:absolute!important;
  left:64.585%!important;
  top:6.722%!important;
  width:12.332%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none;
  z-index:3!important;
  pointer-events:none!important;
  transform-origin:53% 96%!important;
}

/* v0.55 — Hängematte: zweite Referenzanimation */
.hammock055-stage{
  position:relative;
  display:block;
  height:360px;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
}
.card .hammock055-stage .hammock055-base,
.card .hammock055-stage .hammock055-layer{
  display:block;
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.card .hammock055-stage .hammock055-base{
  position:relative;
  z-index:1;
  background:#fff!important;
}
.card .hammock055-stage .hammock055-layer{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:transparent!important;
  pointer-events:none!important;
  transform-origin:50% 30%!important;
  will-change:transform;
}
.hammock055-stage.hammock055-awake .hammock055-layer{
  animation:hammock055Swing 5.8s cubic-bezier(.45,0,.25,1) 1 both;
}
@keyframes hammock055Swing{
  0%,100%{transform:translate(0,0) rotate(0deg)}
  18%{transform:translate(-3px,-1px) rotate(-1.15deg)}
  42%{transform:translate(4px,1px) rotate(1.35deg)}
  66%{transform:translate(-2px,0) rotate(-.85deg)}
  84%{transform:translate(1px,0) rotate(.4deg)}
}
@media(max-width:980px){.hammock055-stage{height:330px}}
@media(max-width:680px){.hammock055-stage{height:300px}}
@media(prefers-reduced-motion:reduce){.hammock055-layer{animation:none!important;transform:none!important}}

/* v0.56 — Hängematte Feinschliff: voller Kopf/Haarbereich + natürliche Tiefenschwingung */
.card .hammock055-stage .hammock055-layer{
  position:absolute!important;
  left:37.7958%!important;
  top:23.3512%!important;
  width:30.8316%!important;
  height:auto!important;
  inset:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform-origin:50% 18%!important;
  will-change:transform;
}
.hammock055-stage.hammock055-awake .hammock055-layer{
  animation:hammock056Rock 6.2s cubic-bezier(.42,0,.22,1) 1 both!important;
}
@keyframes hammock056Rock{
  0%,100%{transform:translate3d(0,0,0) scale(1,1) rotate(0deg)}
  24%{transform:translate3d(0,2px,0) scale(1.006,.988) rotate(.12deg)}
  50%{transform:translate3d(0,0,0) scale(1,1) rotate(0deg)}
  76%{transform:translate3d(0,-2px,0) scale(.997,1.010) rotate(-.12deg)}
}

/* v0.56b precise hammock asset */
.card .hammock055-stage .hammock055-layer{left:38.2691%!important;top:23.9863%!important;width:28.6680%!important;}

/* v0.56c final hammock placement */
.card .hammock055-stage .hammock055-layer{left:38.3367%!important;top:23.4489%!important;width:28.1271%!important;}

/* v0.56d final-final hammock placement */
.card .hammock055-stage .hammock055-layer{left:38.3367%!important;top:24.5237%!important;width:27.5186%!important;}

/* v0.56e final placement */
.card .hammock055-stage .hammock055-layer{left:38.3367%!important;top:24.5237%!important;width:26.0311%!important;}

/* v0.56f placement */
.card .hammock055-stage .hammock055-layer{left:38.3367%!important;top:24.5237%!important;width:26.3692%!important;}


/* v0.57 — Buch Seite 4: komplette Welt inklusive Häusern/Schildern dreht sich */
.book-image-leaf .world057-stage{
  position:relative;
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
}
.book-image-leaf .world057-stage .world057-base{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.book-image-leaf .world057-stage .world057-layer{
  position:absolute!important;
  left:19.23077%!important;
  top:19.00000%!important;
  width:53.90443%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  z-index:2!important;
  pointer-events:none!important;
  transform-origin:50% 50%!important;
}
.world057-stage.world057-awake .world057-layer{
  animation:world057Turn 13s cubic-bezier(.42,0,.22,1) 1 both;
}
@keyframes world057Turn{
  0%{transform:rotate(0deg)}
  8%{transform:rotate(0deg)}
  92%{transform:rotate(360deg)}
  100%{transform:rotate(360deg)}
}

/* v0.57 — Hängematte: Größenänderung aus v0.56 zurücknehmen */
@keyframes hammock056Rock{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  18%{transform:translate3d(-1px,-1px,0) rotate(-.45deg) scale(1)}
  40%{transform:translate3d(1px,1px,0) rotate(.35deg) scale(1.002)}
  62%{transform:translate3d(-1px,0,0) rotate(-.3deg) scale(1)}
  82%{transform:translate3d(1px,-1px,0) rotate(.25deg) scale(1.001)}
}
@media(prefers-reduced-motion:reduce){
  .world057-layer{animation:none!important;transform:none!important}
}

/* v0.58 — Anders sehen: ein Vogel fliegt aus dem Kunstwerk */
.journey-art .bird058-stage{position:relative;width:100%;display:block;overflow:visible}
.journey-art .bird058-stage .bird058-base{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.journey-art .bird058-stage .bird058-layer{position:absolute!important;left:70.94281%!important;top:85.50000%!important;width:21.25193%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:4!important;pointer-events:none!important;transform-origin:50% 50%!important}
.bird058-stage.bird058-awake .bird058-layer{animation:bird058Fly 5.8s cubic-bezier(.36,.02,.22,1) 1 both}
@keyframes bird058Fly{0%,12%{transform:translate3d(0,0,0) rotate(0deg);opacity:1}35%{transform:translate3d(12%,-8%,0) rotate(-3deg);opacity:1}72%{transform:translate3d(85%,-52%,0) rotate(-8deg);opacity:1}100%{transform:translate3d(165%,-95%,0) rotate(-12deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.bird058-layer{animation:none!important;transform:none!important;opacity:1!important}}


/* v0.59 — sichtbarer Einstieg in "Welches Bild ruft dich?" */
.bildruft-teaser{padding-top:3.5rem;padding-bottom:3.5rem}
.bildruft-teaser-card{max-width:820px;margin:0 auto;text-align:center;background:rgba(255,255,255,.82);border:1px solid rgba(18,35,67,.08);border-radius:28px;padding:clamp(2rem,5vw,4rem);box-shadow:0 18px 55px rgba(18,35,67,.07)}
.bildruft-teaser-card h2{margin:.35rem 0 1rem}
.bildruft-teaser-card p{max-width:620px;margin:.7rem auto;color:var(--muted,#667085)}
.bildruft-teaser-card .btn{margin-top:.7rem}

/* v0.59 — Anders sehen: vorwärts hinaus, danach natürlich zurück */
.bird058-stage.bird058-awake .bird058-layer{animation:bird059FlyReturn 9.6s cubic-bezier(.37,.02,.2,1) 1 both}
@keyframes bird059FlyReturn{
  0%,10%{transform:translate3d(0,0,0) rotate(0deg) scaleX(1);opacity:1}
  28%{transform:translate3d(-35%,-14%,0) rotate(3deg) scaleX(1);opacity:1}
  46%{transform:translate3d(-115%,-58%,0) rotate(7deg) scaleX(1);opacity:1}
  54%{transform:translate3d(-145%,-78%,0) rotate(9deg) scaleX(1);opacity:0}
  55%{transform:translate3d(-145%,-78%,0) rotate(-9deg) scaleX(-1);opacity:0}
  62%{transform:translate3d(-132%,-70%,0) rotate(-8deg) scaleX(-1);opacity:1}
  78%{transform:translate3d(-55%,-24%,0) rotate(-4deg) scaleX(-1);opacity:1}
  92%{transform:translate3d(-6%,-3%,0) rotate(-1deg) scaleX(-1);opacity:1}
  93%{transform:translate3d(-6%,-3%,0) rotate(1deg) scaleX(1);opacity:1}
  100%{transform:translate3d(0,0,0) rotate(0deg) scaleX(1);opacity:1}
}


/* v0.61 — Raum geben: Heißluftballon steigt sichtbar aus dem Bild und kehrt zurück */
.journey-art .balloon061-stage{position:relative;width:100%;display:block;overflow:visible}
.journey-art .balloon061-stage .balloon061-base{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.journey-art .balloon061-stage .balloon061-layer{position:absolute!important;left:74.11111%!important;top:2.95567%!important;width:10.05556%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:5!important;pointer-events:none!important;transform-origin:50% 85%!important}
.balloon061-stage.balloon061-awake .balloon061-layer{animation:balloon061Rise 10.5s cubic-bezier(.36,.02,.18,1) 1 both}
@keyframes balloon061Rise{
 0%,10%{transform:translate3d(0,0,0) rotate(0deg);opacity:1}
 24%{transform:translate3d(5%,-38%,0) rotate(1deg);opacity:1}
 42%{transform:translate3d(10%,-105%,0) rotate(-1.2deg);opacity:1}
 54%{transform:translate3d(14%,-170%,0) rotate(.8deg);opacity:0}
 64%{transform:translate3d(14%,-170%,0) rotate(.8deg);opacity:0}
 72%{transform:translate3d(8%,-110%,0) rotate(-.8deg);opacity:1}
 88%{transform:translate3d(3%,-34%,0) rotate(.5deg);opacity:1}
 100%{transform:translate3d(0,0,0) rotate(0deg);opacity:1}
}
@media(prefers-reduced-motion:reduce){.balloon061-layer{animation:none!important;transform:none!important;opacity:1!important}}

/* v0.62 — Ballon: vollständige rechte Außenkontur, Bewegung aus v0.61 unverändert */
.journey-art .balloon061-stage .balloon061-layer{left:74.11111%!important;top:2.87356%!important;width:11.72222%!important;}

/* v0.63 — Entfalten: Kolibri hebt ab, Flügel arbeiten schneller als der Körper */
.journey-art .humming063-stage{position:relative;width:100%;display:block;overflow:visible}
.journey-art .humming063-base{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.journey-art .humming063-fly{position:absolute!important;left:80.83333%!important;top:3.20611%!important;width:16.05556%!important;height:auto!important;aspect-ratio:289/211;z-index:6!important;pointer-events:none!important;transform-origin:45% 62%!important}
.journey-art .humming063-fly img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important}
.humming063-stage.humming063-awake .humming063-fly{animation:humming063Flight 9.2s cubic-bezier(.36,.02,.18,1) 1 both}
.humming063-stage.humming063-awake .humming063-wing{transform-origin:48% 58%!important;animation:humming063Wing .24s ease-in-out 30 alternate}
@keyframes humming063Flight{
0%,8%{transform:translate3d(0,0,0) rotate(0deg);opacity:1}
24%{transform:translate3d(-12%,-18%,0) rotate(-3deg);opacity:1}
43%{transform:translate3d(-35%,-48%,0) rotate(-6deg);opacity:1}
60%{transform:translate3d(-18%,-78%,0) rotate(2deg);opacity:1}
74%{transform:translate3d(10%,-48%,0) rotate(5deg);opacity:1}
90%{transform:translate3d(4%,-12%,0) rotate(1deg);opacity:1}
100%{transform:translate3d(0,0,0) rotate(0deg);opacity:1}
}
@keyframes humming063Wing{from{transform:rotate(-5deg) scaleY(.96)}to{transform:rotate(8deg) scaleY(.80)}}
@media(prefers-reduced-motion:reduce){.humming063-fly,.humming063-wing{animation:none!important;transform:none!important}}

/* v0.65 — Kolibri: sauber getrennte Körper-/Flügelebene aus dem Originalwerk */
.journey-art .humming063-fly{
  left:79.72222%!important;
  top:2.67176%!important;
  width:18.88889%!important;
  aspect-ratio:340/230!important;
  transform-origin:50% 58%!important;
}
.humming063-stage.humming063-awake .humming063-wing{
  transform-origin:49% 52%!important;
  animation:humming065Wing .18s ease-in-out 40 alternate!important;
}
@keyframes humming065Wing{
  from{transform:rotate(-3deg) scaleY(.99)}
  to{transform:rotate(9deg) scaleY(.88)}
}

/* v0.69 — Der Diamant: Sterne funkeln nacheinander um ihre Spiegelachse */
.signature-art-diamant .diamond069-stage{position:relative;width:100%;display:block;overflow:visible}
.signature-art-diamant .diamond069-base{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.signature-art-diamant .diamond069-star-1{position:absolute!important;left:30.16129%!important;top:6.15764%!important;width:7.58065%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-1{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.00s 2 both}
.signature-art-diamant .diamond069-star-2{position:absolute!important;left:63.54839%!important;top:6.65025%!important;width:4.83871%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-2{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.14s 2 both}
.signature-art-diamant .diamond069-star-3{position:absolute!important;left:75.48387%!important;top:6.89655%!important;width:6.12903%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-3{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.28s 2 both}
.signature-art-diamant .diamond069-star-4{position:absolute!important;left:15.80645%!important;top:8.00493%!important;width:7.98387%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-4{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.42s 2 both}
.signature-art-diamant .diamond069-star-5{position:absolute!important;left:48.87097%!important;top:10.09852%!important;width:8.79032%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-5{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.56s 2 both}
.signature-art-diamant .diamond069-star-6{position:absolute!important;left:36.53226%!important;top:14.16256%!important;width:8.79032%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-6{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.70s 2 both}
.signature-art-diamant .diamond069-star-7{position:absolute!important;left:67.09677%!important;top:17.98030%!important;width:7.50000%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-7{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.84s 2 both}
.signature-art-diamant .diamond069-star-8{position:absolute!important;left:77.17742%!important;top:20.07389%!important;width:7.25806%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-8{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 0.98s 2 both}
.signature-art-diamant .diamond069-star-9{position:absolute!important;left:55.56452%!important;top:21.79803%!important;width:8.54839%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-9{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 1.12s 2 both}
.signature-art-diamant .diamond069-star-10{position:absolute!important;left:23.70968%!important;top:26.97044%!important;width:6.93548%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-10{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 1.26s 2 both}
.signature-art-diamant .diamond069-star-11{position:absolute!important;left:90.08065%!important;top:26.97044%!important;width:7.41935%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-11{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 1.40s 2 both}
.signature-art-diamant .diamond069-star-12{position:absolute!important;left:44.27419%!important;top:27.09360%!important;width:5.88710%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-12{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 1.54s 2 both}
.signature-art-diamant .diamond069-star-13{position:absolute!important;left:74.67742%!important;top:34.85222%!important;width:6.61290%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;z-index:4!important;transform-origin:50% 50%!important}
.diamond069-stage.diamond069-awake .diamond069-star-13{animation:diamond069Spark 1.28s cubic-bezier(.4,0,.2,1) 1.68s 2 both}
@keyframes diamond069Spark{0%,100%{transform:perspective(240px) rotateY(0deg) scale(1);filter:brightness(1)}35%{transform:perspective(240px) rotateY(68deg) scale(.94);filter:brightness(1.18)}50%{transform:perspective(240px) rotateY(90deg) scale(.88);filter:brightness(1.5)}65%{transform:perspective(240px) rotateY(68deg) scale(.95);filter:brightness(1.22)}}
@media(prefers-reduced-motion:reduce){.diamond069-star{animation:none!important;transform:none!important;filter:none!important}}


/* v0.70 — Kontakt: ein Brief fällt aus Andreas Briefkastenmotiv */
.contact-mailbox.mail070-stage{position:relative;overflow:visible;display:block;line-height:0}
.contact-mailbox.mail070-stage .mail070-base{
  width:min(100%,430px)!important;max-height:520px!important;object-fit:contain!important;display:block!important;
  background:#fff!important;border-radius:22px!important;padding:8px!important;box-shadow:0 16px 45px rgba(23,35,63,.08)!important;
  margin:0 auto!important;position:relative!important;z-index:1!important;
}
.contact-mailbox.mail070-stage .mail070-letter{
  position:absolute!important;height:auto!important;max-width:none!important;object-fit:contain!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  z-index:3!important;pointer-events:none!important;transform-origin:50% 12%!important;opacity:1;
}
.contact-mailbox.mail070-stage.mail070-awake .mail070-letter{animation:mail070Fall 4.8s cubic-bezier(.25,.05,.45,1) 1 both}
@keyframes mail070Fall{
  0%,18%{transform:translate3d(0,0,0) rotate(0deg);opacity:1}
  34%{transform:translate3d(7%,26%,0) rotate(4deg);opacity:1}
  60%{transform:translate3d(-5%,68%,0) rotate(-6deg);opacity:1}
  82%{transform:translate3d(9%,118%,0) rotate(9deg);opacity:.96}
  100%{transform:translate3d(12%,152%,0) rotate(13deg);opacity:.12}
}
@media(max-width:680px){.contact-mailbox.mail070-stage .mail070-base{max-width:310px!important}}
@media(prefers-reduced-motion:reduce){.mail070-letter{animation:none!important;transform:none!important}}


/* v0.71 — Brief Feinschliff: kleiner, direkt am Briefkasten, konstante Größe */
@keyframes mail070Fall{
  0%,18%{transform:translate3d(0,0,0) rotate(0deg) scale(1);opacity:1}
  34%{transform:translate3d(4%,24%,0) rotate(3deg) scale(1);opacity:1}
  60%{transform:translate3d(-3%,66%,0) rotate(-5deg) scale(1);opacity:1}
  82%{transform:translate3d(5%,116%,0) rotate(7deg) scale(1);opacity:.96}
  100%{transform:translate3d(7%,155%,0) rotate(10deg) scale(1);opacity:.10}
}

/* v0.73 — Audit-Feinschliff */
.bird053-stage.bird053-awake .bird053-layer{
  animation:bird073Peck 5.2s cubic-bezier(.42,0,.2,1) 1 both!important;
}
@keyframes bird073Peck{
  0%,10%{transform:rotate(0deg) translate(0,0)}
  28%{transform:rotate(10deg) translate(2px,3px)}
  42%{transform:rotate(10deg) translate(2px,3px)}
  60%{transform:rotate(-2deg) translate(-1px,-1px)}
  78%{transform:rotate(7deg) translate(1px,2px)}
  100%{transform:rotate(0deg) translate(0,0)}
}

/* v0.73 — Hängematte: etwas kleiner, Bewegung klarer */
.card .hammock055-stage .hammock055-layer{
  width:24.8%!important;
  left:39.12%!important;
  top:25.10%!important;
  transform-origin:50% 18%!important;
}
.hammock055-stage.hammock055-awake .hammock055-layer{
  animation:hammock073Rock 6.2s cubic-bezier(.42,0,.22,1) 1 both!important;
}
@keyframes hammock073Rock{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  20%{transform:translate3d(-5px,1px,0) rotate(-2.0deg)}
  44%{transform:translate3d(6px,2px,0) rotate(2.25deg)}
  68%{transform:translate3d(-4px,0,0) rotate(-1.45deg)}
  86%{transform:translate3d(2px,-1px,0) rotate(.7deg)}
}

/* v0.73b — Qualitäts-Compositing: Originalpixel, pixelgenaue Geometrie */
.art-frame .bird053-stage .bird053-layer{
 left:64.268775%!important;top:6.944444%!important;width:12.806324%!important;
 transform-origin:54% 92%!important;
}
.bird053-stage.bird053-awake .bird053-layer{animation:bird073bMove 5.2s cubic-bezier(.42,0,.2,1) 1 both!important}
@keyframes bird073bMove{
 0%,12%,100%{transform:translate3d(0,0,0) rotate(0deg)}
 32%{transform:translate3d(7px,-5px,0) rotate(-5deg)}
 48%{transform:translate3d(10px,-7px,0) rotate(-7deg)}
 62%{transform:translate3d(10px,-7px,0) rotate(-7deg)}
 80%{transform:translate3d(3px,-2px,0) rotate(-2deg)}
}

/* Hängematte: Bühne folgt jetzt exakt dem Seitenverhältnis des Originals; keine Verzerrung/Übergröße. */
.hammock055-stage{height:auto!important;aspect-ratio:1479/2047;}
.card .hammock055-stage .hammock055-base{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;}
.card .hammock055-stage .hammock055-layer{
 left:38.269101%!important;top:24.670249%!important;width:26.504395%!important;height:auto!important;
 transform-origin:50% 14%!important;
}
.hammock055-stage.hammock055-awake .hammock055-layer{animation:hammock073bRock 6.2s cubic-bezier(.42,0,.22,1) 1 both!important}
@keyframes hammock073bRock{
 0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
 22%{transform:translate3d(-4px,1px,0) rotate(-2.6deg)}
 48%{transform:translate3d(5px,1px,0) rotate(2.8deg)}
 72%{transform:translate3d(-3px,0,0) rotate(-1.6deg)}
 88%{transform:translate3d(1px,0,0) rotate(.7deg)}
}

/* Buntdenken: vollständiger Originalvogel inklusive Schwanzspitze; Flugweg unverändert. */
.bird058-stage .bird058-layer{
 left:70.479134%!important;top:85.388889%!important;width:21.870170%!important;height:auto!important;
}

/* Brief: neu aus hochaufgelösten Originalpixeln extrahiert; gleiche Fallbewegung. */
.contact-mailbox.mail070-stage .mail070-letter{
 left:22.821270%!important;top:17.444444%!important;width:8.714919%!important;height:auto!important;
 image-rendering:auto!important;
}
@media(prefers-reduced-motion:reduce){.bird053-layer,.hammock055-layer,.bird058-layer,.mail070-letter{animation:none!important;transform:none!important}}

/* v0.73c — quality finish: original artwork stays untouched */

/* Mailbox: never show a reconstructed/retouched base over Andrea's original.
   The falling letter remains the only animated overlay. */
.mail071-base,
.mailbox071-base,
.letter071-base,
.brief071-base,
.mail073-base,
.mailbox073-base,
.letter073-base,
.brief073-base,
.mail073b-base,
.mailbox073b-base,
.letter073b-base,
.brief073b-base {
  display:none !important;
}

/* Stille bird: start at its exact artwork position, then move visibly up/outward.
   No inward/downward excursion into the yellow circle. */
.bird053-stage.bird053-awake .bird053-layer{
  animation:bird073cAway 5.2s cubic-bezier(.42,0,.2,1) 1 both !important;
  transform-origin:58% 48% !important;
}
@keyframes bird073cAway{
  0%,10%   {transform:translate3d(0,0,0) rotate(0deg)}
  28%      {transform:translate3d(7px,-7px,0) rotate(-4deg)}
  43%      {transform:translate3d(13px,-12px,0) rotate(-7deg)}
  55%      {transform:translate3d(13px,-12px,0) rotate(-7deg)}
  72%      {transform:translate3d(6px,-6px,0) rotate(-3deg)}
  100%     {transform:translate3d(0,0,0) rotate(0deg)}
}
@media (prefers-reduced-motion: reduce){
  .bird053-stage .bird053-layer{animation:none !important;transform:none !important}
}


/* v0.73d — Stille bird responsive coordinate fix
   Keep overlay and artwork in the exact same intrinsic coordinate system.
   1265/1800 * 560px = 393.556px desktop width at the existing 560px max-height. */
.story-grid-wide .art-frame .bird053-stage{
  width:min(100%,393.556px)!important;
  margin-inline:auto!important;
}
.story-grid-wide .art-frame .bird053-stage .bird053-base{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
/* Bird coordinates remain the exact original-pixel match:
   x=813/1265, y=125/1800, size=162/1265. */
.art-frame .bird053-stage .bird053-layer{
  left:64.268775%!important;
  top:6.944444%!important;
  width:12.806324%!important;
}

/* v0.74 — Präzisionsfix: vollständige Originalobjekte */
.art-frame .bird053-stage .bird053-layer{
 left:64.268775%!important;
 top:7.055556%!important;
 width:12.648221%!important;
}
.journey-art .bird058-stage .bird058-layer{
 left:71.870170%!important;
 top:85.555556%!important;
 width:20.324575%!important;
}


/* v0.76b — Andrea Final Polish */

/* 1. Kleine CTAs und Links nicht unnötig umbrechen. */
.button,
.btn,
.contact-button,
.text-link,
.quiet-link,
.game-start,
.bildruft-teaser-card .btn{
  white-space:nowrap;
}

/* 2. Startseite: beide Links unter "Ich bin Andrea" auf einer visuellen Höhe. */
#andrea .button-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:18px!important;
}
#andrea .button-row a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px;
  font-size:1rem;
}

/* 3. Startseite: Schluss-CTAs ebenfalls sauber ausrichten. */
.contact-actions-v20{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:18px!important;
}
.contact-actions-v20 .quiet-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px;
  font-size:1rem;
}

/* 4. Kreativitätszitat auf der Startseite kompakter, Ziel etwa drei Zeilen. */
.source-quote{
  font-size:clamp(1.22rem,1.85vw,1.7rem)!important;
  line-height:1.28!important;
  max-width:42ch!important;
}

/* 5. Große Abschluss-Statements: engerer Zeilenabstand, optisch als Block. */
.page-cta h2{
  line-height:1.08!important;
  max-width:22ch!important;
}
body:has(.page-cta) .page-cta{
  padding-top:72px;
  padding-bottom:78px;
}

/* Spezifisch "Vielleicht sind 90 Minuten..." etwas kompakter. */
body:has([data-edit-key="bunter-moment-021"]) .page-cta h2{
  font-size:clamp(2.15rem,3.5vw,3.65rem)!important;
  max-width:24ch!important;
}

/* Spezifisch Kreativität "Vielleicht möchtest du..." möglichst in zwei Zeilen. */
body:has([data-edit-key="kreativitaet-019"]) .page-cta h2{
  font-size:clamp(2.1rem,3.35vw,3.55rem)!important;
  max-width:25ch!important;
}

/* 6. Angebotsfakten rechts: bewusst als eine Zeile. */
body:has([data-edit-key="bunter-moment-019"]) .offer-meta,
body:has([data-edit-key="bunter-moment-019"]) .offer-details{
  white-space:nowrap;
}

/* 7. Bilderreise-Buttons hochwertig und einzeilig. */
.bildruft-teaser-card .btn,
.game-start{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:max-content!important;
  padding:.9rem 1.35rem!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--rose)!important;
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:0 10px 22px rgba(220,36,111,.16)!important;
}

/* 8. Buchreise-Einstieg: Desktop eine Zeile, ohne überdimensioniert zu wirken. */
.book-flip-intro h1{
  font-size:clamp(3rem,5.2vw,5.45rem)!important;
  line-height:1.02!important;
  max-width:none!important;
}
@media (min-width:901px){
  .book-flip-intro h1{white-space:nowrap!important;}
}

/* 9. Buchende: etwas mehr Luft zwischen Buchinhalt und CTA. */
.final-spread .contact-button,
.book-buy-leaf .contact-button{
  margin-top:22px!important;
}

/* 10. Footer-Version optisch dezent, aber konsistent. */
.footer-note{white-space:nowrap;}

/* Mobile: Reihen wieder stapeln, nichts erzwingen. */
@media (max-width:700px){
  #andrea .button-row,
  .contact-actions-v20{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  .book-flip-intro h1{white-space:normal!important;}
  .button,.btn,.contact-button,.text-link,.quiet-link,.game-start{
    white-space:normal;
  }
}

.offer-meta-inline{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:.45rem!important;
  white-space:nowrap!important;
}
.offer-meta-inline span:not(:last-child)::after{
  content:" ·";
  margin-left:.45rem;
}
@media(max-width:700px){
  .offer-meta-inline{flex-wrap:wrap!important;white-space:normal!important;}
}


/* v0.76c — finaler Andrea-Feinschliff */

/* Startseite: Zitat auf Desktop gezielt auf ca. drei ruhige Zeilen. */
.home-creative-quote{
  font-size:clamp(1.12rem,1.45vw,1.42rem)!important;
  line-height:1.28!important;
  max-width:50ch!important;
}

/* Link-Paare optisch wirklich auf einer Grundlinie. */
.about-copy .button-row,
.contact-actions-v20,
.paired-cta,
.andrea-home .button-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.about-copy .button-row>a,
.contact-actions-v20>a,
.paired-cta>a,
.andrea-home .button-row>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center;
  min-height:46px!important;
  margin:0!important;
  line-height:1.2!important;
}
.about-copy .button-row .quiet-link,
.contact-actions-v20 .quiet-link,
.paired-cta .quiet-link,
.andrea-home .button-row .quiet-link{
  padding-block:11px!important;
}

/* Begleitung: wiederkehrende CTA-Paare ruhig und konsistent. */
.paired-cta{margin-top:22px}
.page-cta .paired-cta{justify-content:center}
.context-link-row{margin-top:18px!important}
.context-link{font-weight:600}

/* Kunst: Kalender und Buch sind bewusste Angebote vor der kleinen Pause. */
.kunst-calendar-teaser,.kunst-book-teaser{padding-block:1.2rem}
.kunst-calendar-teaser h2,.kunst-book-teaser h2{line-height:1.08}
@media(min-width:901px){.kunst-book-teaser h2{white-space:nowrap}}

/* Buchnavigation: niemals hinter dem Buch verschwinden. */
.book-flip-page .book-controls{
  position:relative!important;
  z-index:120!important;
  isolation:isolate;
  margin-top:24px!important;
  background:rgba(255,250,247,.98)!important;
}
.book-flip-page .book-controls button{position:relative;z-index:121}

/* Sichtbar versteckte Features nehmen garantiert keinen Platz ein. */
[data-feature][hidden]{display:none!important}

@media(max-width:700px){
  .about-copy .button-row,.contact-actions-v20,.paired-cta,.andrea-home .button-row{
    flex-direction:column!important;align-items:flex-start!important;gap:8px!important;
  }
  .page-cta .paired-cta{align-items:center!important}
  .home-creative-quote{font-size:clamp(1.15rem,5vw,1.45rem)!important;max-width:34ch!important}
  .kunst-book-teaser h2{white-space:normal}
}

/* v0.76d — Desktop-Fix Neuigkeiten + finaler Gespraechscheck */
/* Auf der Detailseite duerfen Ruecklink und handschriftlicher Kicker nie in dieselbe Zeile fliessen. */
.news-detail>.backnews{
  display:block!important;
  width:max-content;
  max-width:100%;
  margin:0 0 34px!important;
}
.news-detail>.script-kicker{
  display:block!important;
  width:fit-content;
  max-width:100%;
  margin:0 0 18px!important;
  clear:both;
}
.news-detail>h1{
  clear:both;
  margin-top:0!important;
}
@media(max-width:700px){
  .news-detail>.backnews{margin-bottom:24px!important}
  .news-detail>.script-kicker{margin-bottom:14px!important}
}


/* v0.76e — finale CTA-/Link-Konsistenz */

/* Einheitliche pinke Textlinks: gleiche Schriftgröße, Gewicht und Zeilenhöhe */
.final-pink-link,
.text-link.final-pink-link,
.paired-cta .final-pink-link,
.button-row .final-pink-link,
.contact-actions-v20 .final-pink-link {
  color: var(--rose) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  white-space: nowrap !important;
}

/* Alle Linkpaare auf derselben Grundlinie */
.button-row,
.contact-actions-v20,
.paired-cta {
  align-items: center !important;
}
.paired-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
}

/* Neuigkeiten: Weiterlesen klar pink */
.news-readmore {
  color: var(--rose) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Kalender, Buch und Entdeckungsreise: exakt dieselbe Buttonfamilie */
.unified-cta,
.bildruft-teaser-card .unified-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: max-content !important;
  padding: .9rem 1.35rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--rose) !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(220,36,111,.16) !important;
  white-space: nowrap !important;
}

/* Mobile bleibt flexibel */
@media (max-width:700px){
  .final-pink-link,
  .unified-cta {
    white-space: normal !important;
  }
  .paired-cta {
    align-items: flex-start !important;
    gap: 8px !important;
  }
}

/* v0.76f — Neuigkeiten: Weiterlesen als Herz-Button */
.news-readmore-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: .45rem !important;
  padding: .72rem 1.15rem !important;
  border-radius: 999px !important;
  background: var(--rose) !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(220,36,111,.14) !important;
}