:root{--green:#315b35;--green2:#567b4c;--cream:#fbf7eb;--sand:#efe2c8;--wood:#8a5937;--brown:#4d2f20;--red:#a9352d;--ink:#2e2b26;--white:#fff;--shadow:0 12px 30px rgba(52,38,22,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;padding:10px}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--brown)}.brand-house{font-size:30px;color:var(--red)}.brand span:last-child{display:flex;flex-direction:column}.brand small{font-size:12px;color:#6e6256}.navlinks{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.navlinks a{color:var(--brown);text-decoration:none;font-weight:700;font-size:14px}.menu{display:none}.hero{background:linear-gradient(180deg,#f8f0dc 0%,#fbf7eb 76%,#fff 100%);border-bottom:1px solid #e8dcc8}.hero-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:56px;align-items:center;padding:55px 0 75px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--red)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--brown)}h1{font-size:clamp(52px,7vw,88px);line-height:.95;margin:12px 0 20px}h1 span{color:var(--red)}h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:8px 0 18px}.hero-sub{font-weight:800;color:var(--green);font-size:18px}.lead{font-size:20px;max-width:750px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-block;text-decoration:none;border:1px solid #cbbba2;border-radius:999px;padding:12px 18px;color:var(--brown);font-weight:800;background:#fff}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#fff;border:1px solid #eadfcf;border-radius:999px;padding:7px 10px;font-size:13px}.cover-card{background:white;border-radius:30px;padding:16px;box-shadow:var(--shadow);transform:rotate(1deg)}.cover-card img{display:block;width:100%;border-radius:22px}.cover-card div{text-align:center;padding:12px}.cover-card small{display:block;color:#777}.section{padding:86px 0}.section.alt{background:#f0ead9}.section-head{max-width:850px;margin:0 auto 44px;text-align:center}.section-head p{font-size:18px}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.cards article,.goal-grid article{background:#fff;border:1px solid #e8ddcc;border-radius:22px;padding:26px;box-shadow:var(--shadow)}.cards article>span{font-size:32px}.cards h3,.goal-grid h3{font-size:24px;margin:10px 0 8px}blockquote{max-width:770px;margin:40px auto 0;background:var(--green);color:#fff;border-radius:24px;padding:26px;text-align:center;font-family:Georgia,serif;font-size:28px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline div{background:#fff;border-radius:20px;padding:20px;border:1px solid #e5dac7}.timeline b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff}.timeline strong{display:block;color:var(--brown);font-size:18px;margin:10px 0 4px}.timeline span{font-size:14px}.book-section{background:#fff}.reader{max-width:740px;margin:auto;position:relative;background:#2c2825;border-radius:30px;padding:16px;box-shadow:var(--shadow)}.reader img{display:block;width:100%;border-radius:18px;max-height:82vh;object-fit:contain;background:white}.book-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:rgba(255,255,255,.9);font-size:34px;cursor:pointer}.book-arrow.prev{left:26px}.book-arrow.next{right:26px}.bookbar{display:flex;gap:12px;justify-content:center;align-items:center;margin:16px}.bookbar button{border:none;background:#fff;border:1px solid #d9cbb7;padding:9px 13px;border-radius:999px;cursor:pointer}.download-center{text-align:center;margin-top:22px}.feel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feel-grid article{background:white;border-radius:20px;overflow:hidden;border:1px solid #e7dccb;box-shadow:var(--shadow)}.feel-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.feel-grid h3,.feel-grid p{padding:0 18px}.feel-grid p{padding-bottom:18px}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.goal-grid b{font-size:28px}.traffic-card{margin-top:30px;background:white;border-radius:24px;padding:24px;display:flex;gap:22px;align-items:center;border:1px solid #e5dac7}.traffic{width:70px;background:#222;border-radius:20px;padding:10px;display:grid;gap:8px}.traffic i{width:48px;height:48px;border-radius:50%;display:block}.traffic i:nth-child(1){background:#d94d3f}.traffic i:nth-child(2){background:#e5b927}.traffic i:nth-child(3){background:#59a252}.textlink{font-weight:800;color:var(--green)}.theater{background:#fff}.theater-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:50px}.theater-grid img{width:100%;border-radius:28px;box-shadow:var(--shadow)}.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.downloads a{background:#fff;border:1px solid #e3d7c4;border-radius:20px;padding:22px;text-decoration:none;color:var(--brown);display:flex;flex-direction:column;box-shadow:var(--shadow)}.downloads a>span{font-size:30px}.downloads small{color:#766b60}.closing{max-width:820px;margin:46px auto 0;background:var(--green);color:white;border-radius:30px;text-align:center;padding:34px}.closing h3{color:white;font-size:36px;margin:0 0 10px}.closing strong{font-size:26px}footer{background:#38291e;color:#fff;padding:36px 0}footer .wrap{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center}footer a{color:#fff}footer em{color:#dce7d6}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:grid;place-items:center;padding:25px}.lightbox[hidden]{display:none}.lightbox img{max-width:95vw;max-height:95vh}.lightbox button{position:absolute;top:14px;right:20px;font-size:40px;background:none;border:none;color:white;cursor:pointer}@media(max-width:900px){.hero-grid,.theater-grid{grid-template-columns:1fr}.cover-card{max-width:520px;margin:auto}.cards.three,.feel-grid,.goal-grid,.downloads,.timeline{grid-template-columns:repeat(2,1fr)}.navlinks{display:none;position:absolute;top:72px;left:17px;right:17px;background:white;padding:18px;border-radius:18px;box-shadow:var(--shadow);z-index:20}.navlinks.open{display:grid}.menu{display:block;border:1px solid #d5c6b2;background:white;border-radius:999px;padding:9px 14px}}@media(max-width:560px){.section{padding:62px 0}.hero-grid{padding:35px 0 58px}.cards.three,.cards.two,.feel-grid,.goal-grid,.downloads,.timeline{grid-template-columns:1fr}h1{font-size:54px}.lead{font-size:17px}.reader{padding:8px;border-radius:20px}.book-arrow{width:40px;height:40px}.book-arrow.prev{left:14px}.book-arrow.next{right:14px}.traffic-card{align-items:flex-start}.nav{padding:13px 0}.brand small{display:none}}

/* V4 – echtes digitales Bilderbuch */
.book-section{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7f0df 100%)}
.book-reader{max-width:1180px;margin:0 auto}
.book-desk{position:relative;padding:42px 74px 58px;border-radius:34px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.18),transparent 52%),linear-gradient(135deg,#8a5d38,#654127 48%,#8b5d37);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 55px rgba(67,42,24,.25)}
.book-volume{position:relative;max-width:980px;margin:0 auto;perspective:1800px;filter:drop-shadow(0 20px 24px rgba(35,25,16,.30));transition:transform .35s ease}
.book-cover-layer{position:absolute;inset:7px 4px -10px;background:#264c35;border-radius:18px 22px 22px 18px;box-shadow:0 8px 0 #173326,0 14px 18px rgba(0,0,0,.24);z-index:0}
.book-spread{position:relative;z-index:1;display:grid;grid-template-columns:1fr 12px 1fr;align-items:stretch;min-height:590px}
.book-page{position:relative;margin:0;background:#f9f3e5;overflow:hidden;box-shadow:inset 0 0 32px rgba(111,78,42,.12)}
.book-page img{display:block;width:100%;height:100%;object-fit:contain;background:#f8f1df}
.left-page{border-radius:18px 5px 5px 18px;transform-origin:right center}
.right-page{border-radius:5px 18px 18px 5px;transform-origin:left center}
.book-gutter{position:relative;background:linear-gradient(90deg,rgba(56,35,18,.24),rgba(255,255,255,.7) 44%,rgba(255,255,255,.7) 56%,rgba(56,35,18,.24));box-shadow:inset 0 0 8px rgba(38,24,13,.28)}
.book-page::after{content:"";position:absolute;inset:0;pointer-events:none}
.left-page::after{background:linear-gradient(90deg,rgba(75,45,18,.06),transparent 12%,transparent 80%,rgba(52,29,12,.15))}
.right-page::after{background:linear-gradient(90deg,rgba(52,29,12,.15),transparent 20%,transparent 88%,rgba(75,45,18,.06))}
.cover-mode .book-spread{grid-template-columns:minmax(280px,540px);justify-content:center;min-height:620px}
.cover-mode .left-page,.cover-mode .book-gutter{display:none}
.cover-mode .right-page{border-radius:18px;box-shadow:8px 8px 0 #e2d8c3,14px 14px 0 #d7cab0,18px 20px 24px rgba(0,0,0,.22)}
.cover-mode .book-cover-layer{left:50%;width:min(550px,58%);transform:translateX(-50%);border-radius:20px}
.book-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:54px;height:54px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.93);color:#4d2f20;font-size:38px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.book-arrow:hover{transform:translateY(-50%) scale(1.06)}
.book-arrow.prev{left:12px}.book-arrow.next{right:12px}
.book-volume.flip-next .right-page{animation:pageNext .48s ease both}
.book-volume.flip-prev .left-page{animation:pagePrev .48s ease both}
@keyframes pageNext{0%{transform:rotateY(0);filter:brightness(1)}48%{transform:rotateY(-16deg);filter:brightness(.87)}100%{transform:rotateY(0);filter:brightness(1)}}
@keyframes pagePrev{0%{transform:rotateY(0);filter:brightness(1)}48%{transform:rotateY(16deg);filter:brightness(.87)}100%{transform:rotateY(0);filter:brightness(1)}}
.bookbar{display:flex;gap:12px;justify-content:center;align-items:center;margin:18px 0 10px}.bookbar button{border:1px solid #cfbea6;background:#fff;padding:10px 15px;border-radius:999px;cursor:pointer;font-weight:700;color:#4d2f20}.bookbar span{min-width:180px;text-align:center;font-weight:800;color:#4d2f20}
.readaloud{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px auto 0;max-width:920px;padding:16px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid #e1d2bd}.read-btn{border:1px solid #cfbea6;background:white;color:#4d2f20;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.primary-read{background:#315b35;color:#fff;border-color:#315b35}.stop-read{background:#8e362f;color:#fff;border-color:#8e362f}.read-btn:disabled{opacity:.45;cursor:not-allowed}.read-status{width:100%;text-align:center;font-size:14px;color:#685b4e}.voice-note{text-align:center;max-width:780px;margin:8px auto 0;color:#74685d;font-size:13px}
.book-reader.is-fullscreen{position:fixed;inset:0;z-index:999;background:#3d281c;padding:18px;overflow:auto}.book-reader.is-fullscreen .book-desk{min-height:calc(100vh - 150px);display:grid;align-items:center}.book-reader.is-fullscreen .book-volume{width:min(1180px,90vw)}
@media(max-width:900px){.book-desk{padding:28px 52px 42px}.book-spread{min-height:460px}.cover-mode .book-spread{min-height:520px}.book-arrow{width:46px;height:46px;font-size:32px}.book-arrow.prev{left:7px}.book-arrow.next{right:7px}}
@media(max-width:700px){.book-desk{padding:18px 42px 28px;border-radius:24px}.book-spread{grid-template-columns:1fr;min-height:0}.book-gutter,.left-page{display:none!important}.right-page{border-radius:16px!important;box-shadow:7px 7px 0 #dfd4be,12px 12px 18px rgba(0,0,0,.18)}.book-page img{height:auto;max-height:none}.cover-mode .book-spread{display:grid;min-height:0}.cover-mode .book-cover-layer{width:calc(100% - 10px)}.book-arrow{width:42px;height:42px}.bookbar{font-size:13px}.bookbar span{min-width:125px}.readaloud{padding:12px}.read-btn{width:100%}.read-status{font-size:13px}}
@media(prefers-reduced-motion:reduce){.book-volume.flip-next .right-page,.book-volume.flip-prev .left-page{animation:none}}

/* V5 – Elternbereich im Bauernhofkita-Stil */
.family-section{background:linear-gradient(180deg,#f3ead8 0%,#fbf7eb 55%,#eef2e6 100%);position:relative;overflow:hidden}
.family-section:before,.family-section:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(1px);opacity:.16;pointer-events:none}.family-section:before{left:-120px;top:120px;background:#d9ad62}.family-section:after{right:-120px;bottom:80px;background:#6f925f}
.family-showcase{display:grid;gap:34px;position:relative;z-index:1}.family-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:center;background:rgba(255,255,255,.92);border:1px solid #dfd0b8;border-radius:30px;padding:26px;box-shadow:0 18px 38px rgba(74,49,27,.14)}.family-feature.reverse{grid-template-columns:1.28fr .72fr}.family-feature.reverse .family-preview{order:2}.family-preview{background:#efe3cc;border-radius:22px;padding:14px;box-shadow:inset 0 0 0 1px #d7c4a4}.family-preview img{display:block;width:100%;border-radius:14px;box-shadow:0 10px 24px rgba(61,43,27,.18)}.mini-label{display:inline-block;background:#f5ead2;border:1px solid #ddc7a1;color:#8e362f;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.family-copy h3{font-size:34px;margin:13px 0 10px}.family-copy p{font-size:17px}.family-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:0;margin:18px 0 24px;list-style:none}.family-points li:before{content:"♥";color:#a9352d;margin-right:8px}.family-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.family-tags span{background:#edf3e8;border:1px solid #cfddc6;border-radius:999px;padding:7px 10px;font-size:13px;color:#315b35;font-weight:700}.family-message{max-width:900px;margin:34px auto 0;background:#315b35;color:#fff;border-radius:24px;padding:22px 28px;text-align:center;box-shadow:var(--shadow)}.family-message strong{display:block;font-family:Georgia,serif;font-size:24px;margin-bottom:6px}.family-message span{font-size:16px}
@media(max-width:850px){.family-feature,.family-feature.reverse{grid-template-columns:1fr}.family-feature.reverse .family-preview{order:0}.family-preview{max-width:520px;margin:auto}.family-points{grid-template-columns:1fr}}